2021-06-04 15:27:33 +03:00
|
|
|
<label>Products</label>
|
2021-06-04 12:35:28 +03:00
|
|
|
<div class="gh-product-cards">
|
2021-06-04 14:02:16 +03:00
|
|
|
{{#each this.products as |product productIdx|}}
|
2021-06-04 11:59:42 +03:00
|
|
|
<div class="gh-product-card">
|
|
|
|
<button class="gh-product-card-editbutton gh-btn gh-btn-text gh-btn-link green" {{action "openEditProduct" product}}>
|
|
|
|
<span>Edit</span>
|
|
|
|
</button>
|
|
|
|
<div class="gh-product-card-block">
|
|
|
|
<h3 class="gh-product-card-name">
|
|
|
|
{{product.name}}
|
2021-06-04 10:37:47 +03:00
|
|
|
</h3>
|
|
|
|
<p class="gh-product-card-description">
|
2021-06-04 11:59:42 +03:00
|
|
|
{{product.description}}
|
2021-06-04 10:37:47 +03:00
|
|
|
</p>
|
2021-06-04 16:36:18 +03:00
|
|
|
{{#if (and (eq productIdx 0) (not (eq products.length 1)))}}
|
|
|
|
<span class="gh-badge gh-badge-green">Available in Portal</span>
|
2021-06-04 14:02:16 +03:00
|
|
|
{{/if}}
|
2021-06-04 10:37:47 +03:00
|
|
|
</div>
|
2021-06-04 11:59:42 +03:00
|
|
|
<div class="gh-product-card-block">
|
|
|
|
<span class="gh-product-card-heading">Pricing</span>
|
|
|
|
<p class="gh-product-card-price">
|
|
|
|
<span class="amount">{{gh-price-amount product.monthlyPrice.amount}} </span><span class="currency">{{product.monthlyPrice.currency}}</span><span class="period">/month</span>
|
|
|
|
</p>
|
|
|
|
<p class="gh-product-card-price">
|
|
|
|
<span class="amount">{{gh-price-amount product.yearlyPrice.amount}} </span><span class="currency">{{product.monthlyPrice.currency}}</span><span class="period">/year</span>
|
|
|
|
</p>
|
2021-06-04 10:37:47 +03:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{{/each}}
|
2021-06-04 12:35:28 +03:00
|
|
|
|
|
|
|
<div class="gh-product-cards-footer">
|
|
|
|
<button class="gh-btn gh-btn-link gh-btn-text gh-btn-icon gh-btn-add-product green" {{action "openNewProduct" product}}><span>{{svg-jar "add-stroke" class="stroke-green"}}Add product</span></button>
|
|
|
|
<span>– Advanced (<a href="javascript:">learn more</a>)</span>
|
|
|
|
</div>
|
2021-06-04 10:37:47 +03:00
|
|
|
</div>
|
|
|
|
|
|
|
|
{{#if this.showProductModal}}
|
|
|
|
<GhFullscreenModal
|
|
|
|
@modal="product"
|
|
|
|
@model={{hash
|
|
|
|
product=this.productModel
|
|
|
|
}}
|
|
|
|
@confirm={{this.confirmProductSave}}
|
|
|
|
@close={{this.closeProductModal}}
|
|
|
|
@modifier="action wide" />
|
2021-06-04 12:35:28 +03:00
|
|
|
{{/if}}
|