mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-11-29 15:12:58 +03:00
5bb945e89b
DES-192 We often hear that people are not aware of the new features we ship. Ways in which people can find out are social media/changelog/dashboard – all of these are easy to miss. We'd like to introduce a template for a simple notification in the sidebar that can be used any time a new and noteworthy feature has shipped. The purpose of this is simply to notify and will disappear forever after it's been dismissed.
28 lines
1.6 KiB
Handlebars
28 lines
1.6 KiB
Handlebars
{{#if this.showReferralInvite}}
|
|
<div class="gh-sidebar-banner gh-referral-toast">
|
|
<button class="gh-sidebar-banner-close" type="button" {{on "click" this.dismissReferralInvite}}>×</button>
|
|
<a href="https://referrals.ghost.org/?ref=admin" target="_blank" rel="noopener noreferrer">
|
|
<strong>You qualify for our invite-only referral program.</strong>
|
|
<p class="gh-footer-toast-p">Refer people to Ghost and earn a <strong>30% share</strong> of the subscription revenue, every single month.</p>
|
|
<div class="gh-btn gh-btn-black gh-sidebar-banner-button" type="button"><span>Find out more →</span></div>
|
|
</a>
|
|
</div>
|
|
{{/if}}
|
|
|
|
{{#if (and this.showWhatsNew this.whatsNew.hasNew)}}
|
|
{{#let (get this.whatsNew.entries "0") as |entry|}}
|
|
<div class="gh-sidebar-banner gh-whatsnew-toast">
|
|
<button class="gh-sidebar-banner-close" type="button" {{on "click" this.dismissWhatsNewToast}}>×</button>
|
|
<a class="gh-sidebar-banner-container" href={{entry.url}} target="_blank" rel="noopener noreferrer" {{on "click" (fn this.openFeaturedWhatsNew entry.url)}}>
|
|
<div class="gh-sidebar-banner-head">
|
|
{{svg-jar "sparkle-fill" class="gh-sidebar-banner-icon gh-whatsnew-banner-icon"}}
|
|
<span class="gh-sidebar-banner-subhead">What's new?</span>
|
|
</div>
|
|
<div class="gh-sidebar-banner-msg">{{entry.title}}</div>
|
|
{{#if entry.custom_excerpt}}
|
|
<div class="gh-sidebar-banner-details">{{entry.custom_excerpt}}</div>
|
|
{{/if}}
|
|
</a>
|
|
</div>
|
|
{{/let}}
|
|
{{/if}} |