Ghost/ghost/admin/app/templates/components/gh-tour-item.hbs

42 lines
1.6 KiB
Handlebars
Raw Normal View History

{{#if this.isVisible}}
{{!-- tether the throbber --}}
{{#liquid-tether
class="throbber-container"
target=this.target
attachment="middle center"
targetAttachment=this.throbberAttachment
targetOffset=this.throbberOffset
}}
<a class="throbber-trigger" href="#" {{action "open"}} id={{this._throbberElementId}}>
<span class="throbber"></span>
</a>
{{/liquid-tether}}
{{#if this.isOpen}}
{{!-- wormhole the background click overlay --}}
{{#liquid-wormhole class="tour-container"}}
<div class="tour-background" {{action "close" on="click"}}></div>
{{/liquid-wormhole}}
{{!-- tether the popover --}}
{{#liquid-tether
class="tour"
target=this._throbberElementSelector
attachment=this._popoverAttachment
targetAttachment=this._popoverTargetAttachment
offset=this._popoverOffset
}}
<div class="popover-item popover-triangle-{{this.popoverTriangleClass}}">
<h3 class="popover-title">{{this._throbber.title}}</h3>
<div class="popover-body">
{{{this._throbber.message}}}
</div>
<footer class="popover-foot">
2017-06-12 16:38:44 +03:00
<a class="tour-optout" href="#" {{action 'optOut'}}>Not your first time? <em>Skip these tips</em></a>
<a class="tour-dismiss gh-btn gh-btn-black" href="#" {{action 'markAsViewed'}}><span>Ok, got it</span></a>
</footer>
</div>
{{/liquid-tether}}
{{/if}}
{{/if}}