2019-12-13 17:20:29 +03:00
|
|
|
{{#if this.isVisible}}
|
2017-06-08 18:00:10 +03:00
|
|
|
{{!-- tether the throbber --}}
|
|
|
|
{{#liquid-tether
|
|
|
|
class="throbber-container"
|
2019-12-13 17:20:29 +03:00
|
|
|
target=this.target
|
2017-06-08 18:00:10 +03:00
|
|
|
attachment="middle center"
|
2019-12-13 17:20:29 +03:00
|
|
|
targetAttachment=this.throbberAttachment
|
|
|
|
targetOffset=this.throbberOffset
|
2017-06-08 18:00:10 +03:00
|
|
|
}}
|
2019-12-13 17:20:29 +03:00
|
|
|
<a class="throbber-trigger" href="#" {{action "open"}} id={{this._throbberElementId}}>
|
2017-06-08 18:00:10 +03:00
|
|
|
<span class="throbber"></span>
|
|
|
|
</a>
|
|
|
|
{{/liquid-tether}}
|
|
|
|
|
2019-12-13 17:20:29 +03:00
|
|
|
{{#if this.isOpen}}
|
2017-06-08 18:00:10 +03:00
|
|
|
{{!-- 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"
|
2019-12-13 17:20:29 +03:00
|
|
|
target=this._throbberElementSelector
|
|
|
|
attachment=this._popoverAttachment
|
|
|
|
targetAttachment=this._popoverTargetAttachment
|
|
|
|
offset=this._popoverOffset
|
2017-06-08 18:00:10 +03:00
|
|
|
}}
|
2019-12-13 17:20:29 +03:00
|
|
|
<div class="popover-item popover-triangle-{{this.popoverTriangleClass}}">
|
|
|
|
<h3 class="popover-title">{{this._throbber.title}}</h3>
|
2017-06-08 18:00:10 +03:00
|
|
|
<div class="popover-body">
|
2019-12-13 17:20:29 +03:00
|
|
|
{{{this._throbber.message}}}
|
2017-06-08 18:00:10 +03:00
|
|
|
</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>
|
2017-06-08 18:00:10 +03:00
|
|
|
</footer>
|
|
|
|
</div>
|
|
|
|
{{/liquid-tether}}
|
|
|
|
{{/if}}
|
|
|
|
{{/if}}
|