{include file='admin/billing/header.html'}
-<div class="callout grid-container">
+{* <div class="callout grid-container"> *}
+{$ui = [
+ 'nowrap' => false,
+ 'backgroundColor' => '',
+ 'sectionColor' => ''
+]}
+{include file='ui/f6/grid-start.html'}
{* Set $data to $invoiceType *}
{* This is for using the UI elements *}
]}
{include file="ui/f6/callout.html"}
- <form action="{$thisUrl}?page={$thisPage}&glm_action==invoiceTypes" method="post" enctype="multipart/form-data" data-abide novalidate data-validate-on-blur="true">
-
- {include file='ui/f6/errorCallout.html'}
-
- <input type="hidden" name="glm_action" value="invoiceTypes">
-
- {if isset($data.fieldData.id)}
- <input type="hidden" name="option" value="update">
- <input id="edit-id" type="hidden" name="id" value="{$data.fieldData.id}">
- {else}
- <input type="hidden" name="option" value="addNew">
- {/if}
-
- <div class="grid-x grid-margin-x">
-
- <fieldset class="fieldset cell small-12 medium-6">
- <legend>Invoice Type</legend>
-
- <div class="grid-x grid-margin-x">
-
- {* Invoice Type Name *}
- {$ui = [
- 'value' => $data.fieldData.name,
- 'field' => 'name',
- 'label' => 'Invoice Type Name',
- 'required' => $data.fieldRequired.name,
- 'errorText' => 'Invoice Type Name is Required',
- 'dataError' => $data.fieldFail.name
- ]}
- {include file='ui/f6/text.html'}
-
- {* Parent *}
- {$ui = [
- 'value' => $data.fieldData.parent.value,
- 'field' => 'parent',
- 'label' => 'Parent',
- 'list' => $invoiceTypes,
- 'l_label' => 'name',
- 'l_value' => 'id',
- 'l_blank' => true,
- 'required' => $data.fieldRequired.parent,
- 'errorText' => 'Parent is Required',
- 'dataError' => $data.fieldFail.parent
- ]}
- {include file='ui/f6/select.html'}
-
- {* Member Type *}
- {$ui = [
- 'value' => $data.fieldData.member_type.value,
- 'field' => 'member_type',
- 'label' => 'Member Type',
- 'list' => $memberTypes,
- 'l_label' => 'name',
- 'l_value' => 'id',
- 'l_blank' => true,
- 'required' => $data.fieldRequired.member_type,
- 'errorText' => 'Member Type is Required',
- 'dataError' => $data.fieldFail.member_type
- ]}
- {include file='ui/f6/select.html'}
-
- {* Amount *}
- {$ui = [
- 'value' => $data.fieldData.amount,
- 'field' => 'amount',
- 'label' => 'Amount',
- 'pattern' => 'number',
- 'required' => $data.fieldRequired.amount,
- 'errorText' => 'Amount is Required',
- 'dataError' => $data.fieldFail.amount
- ]}
- {include file='ui/f6/text.html'}
-
- {* Dynamic Amount *}
- {$ui = [
- 'value' => $data.fieldData.dynamic_amount.value,
- 'field' => 'dynamic_amount',
- 'label' => 'Dynamic Amount',
- 'required' => $data.fieldRequired.dynamic_amount,
- 'errortext' => 'Dynamic Amount is Required',
- 'helpText' => 'Ask for the amount on Invoice Form',
- 'dataError' => $data.fieldFail.dynamic_amount
- ]}
- {include file='ui/f6/checkbox.html'}
-
- {* Recurring *}
- {$ui = [
- 'value' => $data.fieldData.recurring.value,
- 'field' => 'recurring',
- 'label' => 'Recurring',
- 'required' => $data.fieldRequired.recurring,
- 'errortext' => 'Recurring is Required',
- 'dataError' => $data.fieldFail.recurring
- ]}
- {include file='ui/f6/checkbox.html'}
-
- {* Recurrence *}
- {$ui = [
- 'value' => $data.fieldData.recurrence,
- 'field' => 'recurrence',
- 'label' => 'Recurrence',
- 'list' => $recurrenceTypes,
- 'l_blank' => true,
- 'required' => $data.fieldRequired.recurrence,
- 'errorText' => 'Recurrence is Required',
- 'dataError' => $data.fieldFail.recurrence
- ]}
- {include file='ui/f6/select.html'}
-
-
- {* Code *}
- {$ui = [
- 'value' => $data.fieldData.qcode,
- 'field' => 'qcode',
- 'label' => 'Code',
- 'required' => $data.fieldRequired.qcode,
- 'errorText' => 'Code is Required',
- 'dataError' => $data.fieldFail.qcode
- ]}
- {include file='ui/f6/text.html'}
-
- {* Category *}
- {$ui = [
- 'value' => $data.fieldData.category,
- 'field' => 'category',
- 'label' => 'Category',
- 'required' => $data.fieldRequired.category,
- 'errorText' => 'Category is Required',
- 'dataError' => $data.fieldFail.category
- ]}
- {include file='ui/f6/text.html'}
-
- </div>
-
- </fieldset>
-
- </div>
-
- <input class="button primary" type="submit" value="{if isset( $data.fieldData.id )}Update{else}Add{/if} Invoice Type">
-
- {include file='ui/f6/errorCallout.html'}
-
- </form>
-</div>
+ {* Form Start *}
+ {$ui = [
+ 'id' => 'billing-invoice-type-form',
+ 'action' => "{$thisUrl}?page={$thisPage}&glm_action==invoiceTypes",
+ 'method' => 'post',
+ 'file' => false
+ ]}
+ {include file="ui/f6/form-start.html"}
+
+ {* Callout Errors *}
+ {include file='ui/f6/errorCallout.html'}
+
+ <input type="hidden" name="glm_action" value="invoiceTypes">
+
+ {if isset($data.fieldData.id)}
+ <input type="hidden" name="option" value="update">
+ <input id="edit-id" type="hidden" name="id" value="{$data.fieldData.id}">
+ {else}
+ <input type="hidden" name="option" value="addNew">
+ {/if}
+
+ <div class="grid-x grid-margin-x">
+
+ <fieldset class="fieldset cell small-12 medium-6">
+ <legend>Invoice Type</legend>
+
+ <div class="grid-x grid-margin-x">
+
+ {* Invoice Type Name *}
+ {$ui = [
+ 'value' => $data.fieldData.name,
+ 'field' => 'name',
+ 'label' => 'Invoice Type Name',
+ 'required' => $data.fieldRequired.name,
+ 'errorText' => 'Invoice Type Name is Required',
+ 'dataError' => $data.fieldFail.name
+ ]}
+ {include file='ui/f6/text.html'}
+
+ {* Parent *}
+ {$ui = [
+ 'value' => $data.fieldData.parent.value,
+ 'field' => 'parent',
+ 'label' => 'Parent',
+ 'list' => $invoiceTypes,
+ 'l_label' => 'name',
+ 'l_value' => 'id',
+ 'l_blank' => true,
+ 'required' => $data.fieldRequired.parent,
+ 'errorText' => 'Parent is Required',
+ 'dataError' => $data.fieldFail.parent
+ ]}
+ {include file='ui/f6/select.html'}
+
+ {* Member Type *}
+ {$ui = [
+ 'value' => $data.fieldData.member_type.value,
+ 'field' => 'member_type',
+ 'label' => 'Member Type',
+ 'list' => $memberTypes,
+ 'l_label' => 'name',
+ 'l_value' => 'id',
+ 'l_blank' => true,
+ 'required' => $data.fieldRequired.member_type,
+ 'errorText' => 'Member Type is Required',
+ 'dataError' => $data.fieldFail.member_type
+ ]}
+ {include file='ui/f6/select.html'}
+
+ {* Amount *}
+ {$ui = [
+ 'value' => $data.fieldData.amount,
+ 'field' => 'amount',
+ 'label' => 'Amount',
+ 'pattern' => 'number',
+ 'required' => $data.fieldRequired.amount,
+ 'errorText' => 'Amount is Required',
+ 'dataError' => $data.fieldFail.amount
+ ]}
+ {include file='ui/f6/text.html'}
+
+ {* Dynamic Amount *}
+ {$ui = [
+ 'value' => $data.fieldData.dynamic_amount.value,
+ 'field' => 'dynamic_amount',
+ 'label' => 'Dynamic Amount',
+ 'required' => $data.fieldRequired.dynamic_amount,
+ 'errortext' => 'Dynamic Amount is Required',
+ 'helpText' => 'Ask for the amount on Invoice Form',
+ 'dataError' => $data.fieldFail.dynamic_amount
+ ]}
+ {include file='ui/f6/checkbox.html'}
+
+ {* Recurring *}
+ {$ui = [
+ 'value' => $data.fieldData.recurring.value,
+ 'field' => 'recurring',
+ 'label' => 'Recurring',
+ 'required' => $data.fieldRequired.recurring,
+ 'errortext' => 'Recurring is Required',
+ 'dataError' => $data.fieldFail.recurring
+ ]}
+ {include file='ui/f6/checkbox.html'}
+
+ {* Recurrence *}
+ {$ui = [
+ 'value' => $data.fieldData.recurrence,
+ 'field' => 'recurrence',
+ 'label' => 'Recurrence',
+ 'list' => $recurrenceTypes,
+ 'l_blank' => true,
+ 'required' => $data.fieldRequired.recurrence,
+ 'errorText' => 'Recurrence is Required',
+ 'dataError' => $data.fieldFail.recurrence
+ ]}
+ {include file='ui/f6/select.html'}
+
+
+ {* Code *}
+ {$ui = [
+ 'value' => $data.fieldData.qcode,
+ 'field' => 'qcode',
+ 'label' => 'Code',
+ 'required' => $data.fieldRequired.qcode,
+ 'errorText' => 'Code is Required',
+ 'dataError' => $data.fieldFail.qcode
+ ]}
+ {include file='ui/f6/text.html'}
+
+ {* Category *}
+ {$ui = [
+ 'value' => $data.fieldData.category,
+ 'field' => 'category',
+ 'label' => 'Category',
+ 'required' => $data.fieldRequired.category,
+ 'errorText' => 'Category is Required',
+ 'dataError' => $data.fieldFail.category
+ ]}
+ {include file='ui/f6/text.html'}
+
+ </div>
+
+ </fieldset>
+
+ </div>
+
+ <button class="button primary" type="submit">{if isset( $data.fieldData.id )}Update{else}Add{/if} Invoice Type</button>
+
+ {include file='ui/f6/errorCallout.html'}
+
+
+ {include file='ui/f6/form-end.html'}
+
+{include file='ui/f6/grid-end.html'}
+{* </div> *}
+
+<script>
+ jQuery(document).ready(function($){
+ // Abide event listeners
+ $(document)
+ // field element is invalid
+ .on('invalid.zf.abide', function( ev, elem ) {
+ elem.focus();
+ })
+ // form validation failed
+ .on('forminvalid.zf.abide', function( ev, frm ) {
+ ev.preventDefault();
+ console.log( 'Form is not valid' );
+ })
+ // form validation passed
+ .on('formvalid.zf.abide', function( ev, frm ) {
+ ev.preventDefault();
+ console.log( 'Form is valid' );
+ })
+ // to preven form from submitting upon successful validation
+ .on('submit', function( ev ) {
+ ev.preventDefault();
+ console.log( 'Submit for form intercepted' );
+ });
+ });
+</script>
{include file='admin/billing/footer.html'}
projects / WP-Plugins / glm-member-db-billing.git / commitdiff