2019-11-06 08:07:43 +03:00
|
|
|
<header class="modal-header gh-pe-header {{if (eq type "desktop") "gh-pe-header-border"}}" data-test-modal="preview-email" style="display:flex">
|
2019-11-16 15:07:51 +03:00
|
|
|
<h2 class="f6 fw6">{{subject}}</h2>
|
2019-11-06 08:07:43 +03:00
|
|
|
<div class="gh-contentfilter gh-btn-group gh-pe-btn-group" style="display:flex;flex-grow:1;justify-content:center">
|
|
|
|
<button class="gh-btn {{if (eq type "desktop") "gh-btn-group-selected"}}" {{action "changeType" "desktop"}}><span>Desktop</span></button>
|
|
|
|
<button class="gh-btn {{if (eq type "mobile") "gh-btn-group-selected"}}" {{action "changeType" "mobile"}}><span>Mobile</span></button>
|
|
|
|
</div>
|
2019-11-07 07:09:47 +03:00
|
|
|
<div class="gh-pe-close">
|
|
|
|
<button class="close" href="" title="Close" {{on "click" this.closeModal}}>
|
|
|
|
{{svg-jar "close"}}
|
|
|
|
</button>
|
|
|
|
</div>
|
2019-11-05 08:21:29 +03:00
|
|
|
</header>
|
2019-11-07 13:11:53 +03:00
|
|
|
|
2019-11-05 08:21:29 +03:00
|
|
|
{{#if (eq type "mobile")}}
|
2019-12-03 13:18:02 +03:00
|
|
|
<div class="modal-body modal-preview-email-content gh-pe-mobile-container" style="display: flex;justify-content: center;">
|
2019-11-07 13:11:53 +03:00
|
|
|
<div class="gh-pe-mobile-bezel">
|
|
|
|
<div class="gh-pe-mobile-screen">
|
2019-11-06 08:36:39 +03:00
|
|
|
<iframe class="bn gh-pe-iframe" {{did-insert this.renderEmailPreview}}></iframe>
|
2019-11-05 08:21:29 +03:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{{/if}}
|
2019-11-07 13:11:53 +03:00
|
|
|
|
2019-11-05 08:21:29 +03:00
|
|
|
{{#if (eq type "desktop")}}
|
2019-11-06 11:58:01 +03:00
|
|
|
<div class="modal-body modal-preview-email-content gh-pe-desktop-container">
|
|
|
|
<iframe class="bn miw-100 gh-pe-iframe" style="height:100%;" {{did-insert this.renderEmailPreview}}></iframe>
|
2019-11-05 08:21:29 +03:00
|
|
|
</div>
|
|
|
|
{{/if}}
|