Ghost/ghost/admin/app/components/modal-member-product.hbs
Peter Zimon bf700c5d98 Added product selector modal for complimentary sub
Developer experiment for multiple products.
- Added modal to choose a product for complimentary subscriptions.
2021-06-03 18:06:42 +02:00

72 lines
2.5 KiB
Handlebars

<header class="modal-header" data-test-modal="delete-user">
<h1>Add subscription</h1>
</header>
<a class="close" href="" role="button" title="Close" {{action "closeModal"}}>{{svg-jar "close"}}<span class="hidden">Close</span></a>
<form>
<div class="modal-body">
<p class="gh-member-addcomp-subhed">Select a product for <strong>{{or this.member.name this.member.email}}</strong>'s complimentary subscription.</p>
<div class="form-rich-radio">
<div class="gh-radio active">
<div class="gh-radio-content">
<div class="gh-radio-label">
<div class="description">
<h4>Bronze</h4>
<p>Only the hottest marketing news</p>
</div>
</div>
</div>
<div class="gh-radio-button"></div>
</div>
<div class="gh-radio">
<div class="gh-radio-content">
<div class="gh-radio-label">
<div class="description">
<h4>Silver</h4>
<p>Extra weekly newsletter</p>
</div>
</div>
</div>
<div class="gh-radio-button"></div>
</div>
<div class="gh-radio">
<div class="gh-radio-content">
<div class="gh-radio-label">
<div class="description">
<h4>Gold</h4>
<p>All-in-one supporter pack!</p>
</div>
</div>
</div>
<div class="gh-radio-button"></div>
</div>
</div>
</div>
</form>
<div class="modal-footer">
<button
class="gh-btn"
{{action "closeModal"}}
{{!-- disable mouseDown so it does not trigger focus-out validations --}}
{{action (optional this.noop) on="mouseDown"}}
data-test-button="cancel-webhook"
>
<span>Cancel</span>
</button>
<button
class="gh-btn gh-btn-green"
{{action "closeModal"}}
{{!-- disable mouseDown so it does not trigger focus-out validations --}}
{{action (optional this.noop) on="mouseDown"}}
>
<span>Add subscription</span>
</button>
{{!-- <GhTaskButton @buttonText="Add subscription"
@successText={{this.successText}}
@task={{this.addPriceTask}}
@disabled={{this.cannotAddPrice}}
@class="gh-btn gh-btn-green gh-btn-icon gh-btn-add-memberproduct"
data-test-button="save-webhook" /> --}}
</div>