mirror of
https://github.com/TryGhost/Ghost.git
synced 2024-12-15 11:34:24 +03:00
55 lines
2.3 KiB
Handlebars
55 lines
2.3 KiB
Handlebars
|
{{#each this.products as |product|}}
|
||
|
|
<div class="gh-product-card" style="flex-direction: row;align-items: stretch">
|
||
|
|
<div style="display: flex;flex-grow: 1;flex-shrink: 0;flex-basis: 50%">
|
||
|
|
<div style="display: flex;flex-direction:column;align-items: flex-start;flex-grow: 1">
|
||
|
|
<h3 class="gh-product-card-name">
|
||
|
|
{{product.name}}
|
||
|
|
</h3>
|
||
|
|
<p class="gh-product-card-description">
|
||
|
|
{{product.description}}
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div style="display: flex;flex-direction:column;align-items: flex-start;flex-grow: 1; flex-shrink: 0; border-left: 1px solid #c4cad2;padding-left: 12px;flex-basis: 50%">
|
||
|
|
<h3 class="gh-product-card-name" style="margin-bottom: 12px">
|
||
|
|
Pricing
|
||
|
|
</h3>
|
||
|
|
<p class="gh-product-card-description">
|
||
|
|
<span class="ttu" style="font-weight: bold">{{product.monthlyPrice.currency}}</span>
|
||
|
|
<span style="font-weight: bold">{{gh-price-amount product.monthlyPrice.amount}}</span>/month
|
||
|
|
</p>
|
||
|
|
<p class="gh-product-card-description" style="margin-bottom: 0">
|
||
|
|
<span class="ttu" style="font-weight: bold">{{product.monthlyPrice.currency}}</span>
|
||
|
|
<span style="font-weight: bold">{{gh-price-amount product.yearlyPrice.amount}}</span>/year
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
</div>
|
||
|
|
<div style="display: flex;align-items: center">
|
||
|
|
<div>
|
||
|
|
<button class="gh-btn gh-btn-link" {{action "openEditProduct" product}}>
|
||
|
|
<span>Edit</span>
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{{/each}}
|
||
|
|
<div class="gh-product-card" {{action "openNewProduct" product}} style="cursor: pointer">
|
||
|
|
<div style="display: flex;flex-direction:column;align-items: flex-start;flex-grow: 1">
|
||
|
|
<h3 class="gh-product-card-name">
|
||
|
|
+ New tier
|
||
|
|
</h3>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
{{#if this.showProductModal}}
|
||
|
|
<GhFullscreenModal
|
||
|
|
@modal="product"
|
||
|
|
@model={{hash
|
||
|
|
product=this.productModel
|
||
|
|
}}
|
||
|
|
@confirm={{this.confirmProductSave}}
|
||
|
|
@close={{this.closeProductModal}}
|
||
|
|
@modifier="action wide" />
|
||
|
|
{{/if}}
|