From: Steve Sutton <steve@gaslightmedia.com>
Date: Thu, 20 Jun 2019 20:37:27 +0000 (-0400)
Subject: WIP use array for setting up UI form elements
X-Git-Tag: v2.12.4~1^2~5
X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/index.cgi?a=commitdiff_plain;h=06d51deedd775a6b09e9132c8a3f094fd97eb5fb;p=WP-Plugins%2Fglm-member-db.git

WIP use array for setting up UI form elements

Need to get with Chuck sometime to get his stuff integrated into the ui
elements.
---

diff --git a/views/admin/ui/f6-checkbox.html b/views/admin/ui/f6-checkbox.html
index 76ae5960..882b29c8 100644
--- a/views/admin/ui/f6-checkbox.html
+++ b/views/admin/ui/f6-checkbox.html
@@ -2,6 +2,11 @@
 {* setup $data *}
 {* setup $field *}
 {* setup $fieldLabel *}
+{if isset($fieldData) && is_array($fieldData)}
+    {$data       = $fieldData.data}
+    {$field      = $fieldData.field}
+    {$fieldLabel = $fieldData.label}
+{/if}
 <div class="grid-x grid-margin-x">
     <div class="cell small-12">
         <input type="checkbox" id="{$field}" name="{$field}"{if $data.fieldData.$field.value} checked{/if} />
diff --git a/views/admin/ui/f6-date.html b/views/admin/ui/f6-date.html
new file mode 100644
index 00000000..f4b3d967
--- /dev/null
+++ b/views/admin/ui/f6-date.html
@@ -0,0 +1,29 @@
+{*
+    Foundation 6 Text Input Field
+    All parameters are required.
+    Only One of $data or $field may be used.
+    Do not list fields if they're false. (We're not checking for false)
+    {$fieldData = [
+        'data'          => array    Data from data abstract if using that,
+        'field'         => string   Name of field that holds the data if not using data abstract,
+        'label'         => string   Label text for this field,
+        'placeholder'   => string   Placeholder string,
+        'required'      => boolean  True if required,
+        'maxwidth'      => integer  Size of input field in characters,
+        'maxlength'     => integer  Maximum number of characters that may be entered,
+        'helptext'      => string   Help text for this input
+    ]}
+*}
+{if isset($fieldData) && is_array($fieldData)}
+    {$data       = $fieldData.data}
+    {$field      = $fieldData.field}
+    {$fieldLabel = $fieldData.label}
+{/if}
+<div class="grid-x grid-margin-x">
+    <div class="cell small-12">
+        <label for="{$field}" class="{if $data.fieldRequired.$field} glm-required{/if}">{$fieldLabel}</label>
+        <input type="text" id="{$field}" name="{$field}" value="{$data.fieldData.$field.date|escape}" {if $data.fieldRequired.$field}required{/if} />
+        {if $data.fieldFail.$field}<span class="form-error is-visible">{$data.fieldFail.$field}</span>{/if}
+        <span class="form-error">{$fieldLabel} is required!</span>
+    </div>
+</div>
diff --git a/views/admin/ui/f6-editor.html b/views/admin/ui/f6-editor.html
index 3d697ed6..ca3db922 100644
--- a/views/admin/ui/f6-editor.html
+++ b/views/admin/ui/f6-editor.html
@@ -2,6 +2,11 @@
 {* setup $data *}
 {* setup $field *}
 {* setup $fieldLabel *}
+{if isset($fieldData) && is_array($fieldData)}
+    {$data       = $fieldData.data}
+    {$field      = $fieldData.field}
+    {$fieldLabel = $fieldData.label}
+{/if}
 <div class="grid-x grid-margin-x">
     <div class="cell small-12">
         <label for="{$field}" class="{if $data.fieldRequired.$field} glm-required{/if}">{$fieldLabel}</label>
diff --git a/views/admin/ui/f6-image.html b/views/admin/ui/f6-image.html
index d76976b8..70877b09 100644
--- a/views/admin/ui/f6-image.html
+++ b/views/admin/ui/f6-image.html
@@ -2,6 +2,11 @@
 {* setup $data *}
 {* setup $field *}
 {* setup $fieldLabel *}
+{if isset($fieldData) && is_array($fieldData)}
+    {$data       = $fieldData.data}
+    {$field      = $fieldData.field}
+    {$fieldLabel = $fieldData.label}
+{/if}
 <div class="grid-x grid-margin-x">
     <div class="cell small-12">
         <label for="{$field}" class="{if $data.fieldRequired.$field} glm-required{/if}">{$fieldLabel}</label>
diff --git a/views/admin/ui/f6-multicheckboxes.html b/views/admin/ui/f6-multicheckboxes.html
new file mode 100644
index 00000000..c9ffdc26
--- /dev/null
+++ b/views/admin/ui/f6-multicheckboxes.html
@@ -0,0 +1,24 @@
+{* Foundation 6 Checkbox *}
+{* setup $data *}
+{* setup $field *}
+{* setup $fieldLabel *}
+{if isset($fieldData) && is_array($fieldData)}
+    {$data       = $fieldData.data}
+    {$field      = $fieldData.field}
+    {$fields     = $fieldData.fields}
+    {$fieldLabel = $fieldData.label}
+{/if}
+<div class="grid-x grid-margin-x">
+    <div class="cell small-12">
+        {if isset($fields) && $fields}
+            {foreach $fields as $checkbox => $checkboxLabel}
+                <label class="{if $data.fieldRequired.$checkbox} glm-required{/if}">
+                    <input type="checkbox" id="{$checkbox}" name="{$checkbox}"{if isset($data.fieldData.$checkbox.value) && $data.fieldData.$checkbox.value} checked{/if} />
+                    {$checkboxLabel}
+                </label>
+            {/foreach}
+        {/if}
+        {if $data.fieldFail.$field}<span class="form-error is-visible">{$data.fieldFail.$field}</span>{/if}
+        <span class="form-error">{$field} is Required!</span>
+    </div>
+</div>
diff --git a/views/admin/ui/f6-select.html b/views/admin/ui/f6-select.html
index 0a671ed5..8e0509bd 100644
--- a/views/admin/ui/f6-select.html
+++ b/views/admin/ui/f6-select.html
@@ -3,10 +3,13 @@
 {* setup $field *}
 {* setup $fieldLabel *}
 {* Optional: set $fieldClass *}
-{if !isset($fieldClass) || $fieldClass == ''}{$fieldClass = 'small-12'}{/if}
-
+{if isset($fieldData) && is_array($fieldData)}
+    {$data       = $fieldData.data}
+    {$field      = $fieldData.field}
+    {$fieldLabel = $fieldData.label}
+{/if}
 <div class="grid-x grid-margin-x">
-    <div class="cell {$fieldClass}">
+    <div class="cell small-12">
         <label for="{$field}" class="{if $data.fieldRequired.$field} glm-required{/if}">{$fieldLabel}</label>
         <select id="{$field}" name="{$field}" {if $data.fieldRequired.$field}required{/if}>
             {foreach from=$data.fieldData.$field.list item=v}
diff --git a/views/admin/ui/f6-text.html b/views/admin/ui/f6-text.html
index 455cb1d5..9f7e66f2 100644
--- a/views/admin/ui/f6-text.html
+++ b/views/admin/ui/f6-text.html
@@ -1,11 +1,26 @@
-{* Foundation 6 Text *}
-{* setup $data *}
-{* setup $field *}
-{* setup $fieldLabel *}
-{* Optional: set $fieldClass *}
-{if !isset($fieldClass)}{$fieldClass = 'small-12'}{/if}
+{*
+    Foundation 6 Text Input Field
+    All parameters are required.
+    Only One of $data or $field may be used.
+    Do not list fields if they're false. (We're not checking for false)
+    {$fieldData = [
+        'data'          => array    Data from data abstract if using that,
+        'field'         => string   Name of field that holds the data if not using data abstract,
+        'label'         => string   Label text for this field,
+        'placeholder'   => string   Placeholder string,
+        'required'      => boolean  True if required,
+        'maxwidth'      => integer  Size of input field in characters,
+        'maxlength'     => integer  Maximum number of characters that may be entered,
+        'helptext'      => string   Help text for this input
+    ]}
+*}
+{if isset($fieldData) && is_array($fieldData)}
+    {$data       = $fieldData.data}
+    {$field      = $fieldData.field}
+    {$fieldLabel = $fieldData.label}
+{/if}
 <div class="grid-x grid-margin-x">
-    <div class="cell {$fieldClass}">
+    <div class="cell small-12">
         <label for="{$field}" class="{if $data.fieldRequired.$field} glm-required{/if}">{$fieldLabel}</label>
         <input type="text" id="{$field}" name="{$field}" value="{$data.fieldData.$field|escape}" {if $data.fieldRequired.$field}required{/if} />
         {if $data.fieldFail.$field}<span class="form-error is-visible">{$data.fieldFail.$field}</span>{/if}