houdini/app/views/nonprofits/donate/_amount.html.erb

87 lines
2.9 KiB
Text

<div class='wizard-step amount-step'>
<!--= wizard.set_step 'donate_wiz' 'Amount' -->
<section class='u-paddingX--5'>
<!--= show_if multiple_designations -->
<select name='designation' class='select u-marginBottom--10'>
<!--= on 'change' setDesignation -->
<option>
<!--= repeat multiple_designations -->
<!--= set_attr 'value' this.value -->
<!--= set_attr_if this.is_placeholder 'selected' '' -->
<!--= set_attr_if this.is_placeholder 'disabled' '' -->
<!--= put this.name -->
</option>
</select>
</section>
<section class='u-paddingX--5 u-marginBottom--10'>
<!--= hide_if donate_wiz.hide_recurring_checkbox -->
<div class='u-padding--8 u-background--grey u-centered'>
<!--= add_class_if (eq donate_wiz.type_selected 'recurring') 'highlight' -->
<input class='u-margin--0' type='checkbox' id='checkbox-recurring'>
<!--= checked_if (eq donate_wiz.type_selected 'recurring') -->
<!--= on 'change' (toggle_recurring) -->
<label for='checkbox-recurring'>Become a <strong>sustaining, monthly</strong> contributor</label>
</div>
</section>
<section class='group'>
<!--= hide_if donate_wiz.preset_amount -->
<p class='u-paddingX--5 u-centered'>
<!--= show_if donate_wiz.donation.recurring_donation -->
<small>Select an amount for your <strong>monthly</strong> contribution</small>
</p>
<div class='u-inline fieldsetLayout--three--evenPadding'>
<fieldset>
<!--= repeat donate_wiz.amounts -->
<button class='button u-width--full white amount'>
<!--= on 'click' (donate_wiz.select_amount this) -->
<!--= add_class_if (eq donate_wiz.amount_selected this) 'is-selected' -->
<span class='dollar'>$</span><!--= put this -->
</button>
</fieldset>
<fieldset class='prepend--dollar'>
<input class='amount' name='amount' step='any' type='number' min='1' placeholder='Custom'>
<!--= on 'change' donate_wiz.set_custom_amount -->
<!--= on 'focus' donate_wiz.select_custom_amount -->
<!--= add_class_if (eq donate_wiz.amount_selected 'custom') 'is-selected' -->
</fieldset>
<fieldset>
<button type='submit' disabled class='button u-width--full'>
<!--= remove_attr_if (> donate_wiz.donation.amount 0) 'disabled' -->
<!--= on 'click' advance_step -->
Next
</button>
</fieldset>
</div>
</section>
<section>
<!--= show_if donate_wiz.preset_amount -->
<p class='singleAmount-message'>
Contribute
<strong>$<!--= put (cents_to_dollars (donate_wiz.donation.amount)) --></strong>
<span class='highlight u-padding--0'>
<!--= show_if donate_wiz.donation.recurring_donation -->
monthly</span>
<span>
<!--= show_if donate_wiz.preset_designation -->
<br>
for <!--= put donate_wiz.donation.designation -->
</span>
</p>
<button class='button u-marginBottom--20' type='submit'>
<!--= on 'click' (wizard.advance 'donate_wiz') -->
Next
</button>
</section>
</div>