Add basic accordion to group coupon data and free shipping field

MAILPOET-4762
This commit is contained in:
Oluwaseun Olorunsola
2023-01-17 16:34:29 +01:00
committed by Aschepikov
parent 7549ed7f0f
commit 2da4f5f3b9
2 changed files with 64 additions and 20 deletions

View File

@ -66,6 +66,10 @@ Module.CouponBlockSettingsView = base.BlockSettingsView.extend({
this.changeField, this.changeField,
'expiryDay', 'expiryDay',
), ),
'change .mailpoet_field_coupon_free_shipping': _.partial(
this.changeBoolCheckboxField,
'freeShipping',
),
'change .mailpoet_field_coupon_alignment': _.partial( 'change .mailpoet_field_coupon_alignment': _.partial(
this.changeField, this.changeField,
'styles.block.textAlign', 'styles.block.textAlign',

View File

@ -15,6 +15,11 @@
</div> </div>
<div class="mailpoet_field_coupon_source_create_new {{#ifCond model.source '===' 'useExisting'}}mailpoet_hidden{{/ifCond}}"> <div class="mailpoet_field_coupon_source_create_new {{#ifCond model.source '===' 'useExisting'}}mailpoet_hidden{{/ifCond}}">
<details open>
<summary>
<strong> <%= __('General') %> </strong>
</summary>
<div className="content">
<div class="mailpoet_form_field"> <div class="mailpoet_form_field">
<div class="mailpoet_form_field_type"><%= __('Discount type') %></div> <div class="mailpoet_form_field_type"><%= __('Discount type') %></div>
<div class="mailpoet_form_field_input_option mailpoet_form_field_input_nowrap"> <div class="mailpoet_form_field_input_option mailpoet_form_field_input_nowrap">
@ -25,6 +30,7 @@
</select> </select>
</div> </div>
</div> </div>
<div class="mailpoet_form_field"> <div class="mailpoet_form_field">
<label> <label>
<div class="mailpoet_form_field_title mailpoet_form_field_title_inline"><%= __('Coupon amount') %></div> <div class="mailpoet_form_field_title mailpoet_form_field_title_inline"><%= __('Coupon amount') %></div>
@ -36,6 +42,7 @@
</div> </div>
</label> </label>
</div> </div>
<div class="mailpoet_form_field"> <div class="mailpoet_form_field">
<label> <label>
<div class="mailpoet_form_field_title mailpoet_form_field_title_inline"><%= __('Coupon expiry days') %></div> <div class="mailpoet_form_field_title mailpoet_form_field_title_inline"><%= __('Coupon expiry days') %></div>
@ -45,6 +52,39 @@
</div> </div>
</label> </label>
</div> </div>
<div class="mailpoet_form_field">
<div class="mailpoet_form_field_checkbox_option">
<label>
<input type="checkbox" name="free-shipping" class="mailpoet_field_coupon_free_shipping" {{#ifCond model.freeShipping '===' true }}CHECKED{{/ifCond}}/>
<%= __('Allow free shipping') %>
</label>
</div>
</div>
</div>
</details>
<details>
<summary>
<strong> <%= __('Usage restriction') %> </strong>
</summary>
<div className="content">
Content here
</div>
</details>
<details>
<summary>
<strong> <%= __('Usage limits') %> </strong>
</summary>
<div className="content">
Content here
</div>
</details>
</div> </div>
<div class="mailpoet_form_field mailpoet_field_coupon_source_use_existing {{#ifCond model.source '!==' 'useExisting'}}mailpoet_hidden{{/ifCond}}"> <div class="mailpoet_form_field mailpoet_field_coupon_source_use_existing {{#ifCond model.source '!==' 'useExisting'}}mailpoet_hidden{{/ifCond}}">