Continuing improvements to initial UI elements.

diff --git a/views/adminServerStatsConfig.html b/views/adminServerStatsConfig.html
index 3b46844..fe77327 100755 (executable)
--- a/views/adminServerStatsConfig.html
+++ b/views/adminServerStatsConfig.html
@@ -17,17 +17,27 @@
 
                 <input type="hidden" name="option" value="update_connection">
 
-                {include file="ui/f6/grid-start.html"}
+                {* Grid Start *}
+                    {$ui = [
+                        'sectionColor'      => '#ffE'
+                    ]}
+                    {include file="ui/f6/grid-start.html"}
 
                     {* Section Start *}
                         {$ui = [
-                            'title' => 'Database Connection',
-                            'tip'   => "
-                                        If you need help with these settings, please contact the Gaslight Media network engineering department.
+                            'title'     => 'Database Connection',
+                            'tip'       => "
+                                           If you need help with these settings, please contact the Gaslight Media network engineering department.
                                         "
                         ]}
                         {include file="ui/f6/section-start.html"}
 
+                        {* Text Line *}
+                            {$ui = [
+                                'text'         => 'Please ask Gaslight Media Engineering if you need assistance with these settings.'
+                            ]}
+                            {include file="ui/f6/text-line.html"}
+
                         {* db_name *}
                             {$ui = [
                                 'field'         => 'db_name',
@@ -85,7 +95,7 @@
 
                    {* Section Start *}
                         {$ui = [
-                            'title'         => 'Usage and Notifications'
+                            'title'         => 'Usage and Notifications for This Site'
                         ]}
                         {include file="ui/f6/section-start.html"}
 
@@ -126,7 +136,7 @@
                             {$ui = [
                                 'field'         => 'show_notifications',
                                 'value'         => {$show_notifications},
-                                'label'         => 'Customer Notiifications for This Site'
+                                'label'         => 'Customer Notiifications'
                             ]}
                             {include file="ui/f6/checkbox.html"}
 
@@ -142,8 +152,7 @@
                             {$ui = [
                                 'field'         => 'show_cookie_popup',
                                 'value'         => {$show_cookie_popup},
-                                'label'         => 'Show Cookie Pop-Up',
-                                'helpText'      => 'This is my help text'
+                                'label'         => 'Show Cookie Pop-Up'
                             ]}
                             {include file="ui/f6/checkbox.html"}
 
@@ -170,7 +179,10 @@
                                 'height'        => 10,
                                 'rows'          => 5,
                                 'maxWidth'      => '900px',
-                                'helpText'      => 'My Help Text',
+                                'helpText'      => '
+                                                    This is the main text of the Cookie Pop-Up.
+                                                    The selected "Additional Notices" texts will show below this when the "Show more" button is clicked.
+                                                   ',
                                 'errorText'     => 'Im a fool.'
                             ]}
                             {include file="ui/f6/editor.html"}
@@ -192,6 +204,7 @@
                         {* cookie_opt_gdpr *}
                             {$ui = [
                                 'field'         => 'cookie_opt_gdpr',
+                                'value'         => {$cookie_opt_gdpr},
                                 'label'         => 'GDPR'
                             ]}
                             {include file="ui/f6/checkbox.html"}
@@ -199,6 +212,7 @@
                         {* cookie_opt_access_logs *}
                             {$ui = [
                                 'field'         => 'cookie_opt_access_logs',
+                                'value'         => {$cookie_opt_access_logs},
                                 'label'         => 'Access Logs'
                             ]}
                             {include file="ui/f6/checkbox.html"}
@@ -206,6 +220,7 @@
                         {* cookie_opt_permanent *}
                             {$ui = [
                                 'field'         => 'cookie_opt_permanent',
+                                'value'         => {$cookie_opt_permanent},
                                 'label'         => 'Permanent Cookies'
                             ]}
                             {include file="ui/f6/checkbox.html"}
@@ -213,6 +228,7 @@
                         {* cookie_opt_tracking *}
                             {$ui = [
                                 'field'         => 'cookie_opt_tracking',
+                                'value'         => {$cookie_opt_tracking},
                                 'label'         => 'Tracking Cookies'
                             ]}
                             {include file="ui/f6/checkbox.html"}
@@ -220,6 +236,7 @@
                         {* cookie_opt_shared_tracking *}
                             {$ui = [
                                 'field'         => 'cookie_opt_shared_tracking',
+                                'value'         => {$cookie_opt_shared_tracking},
                                 'label'         => 'Shared Tracking Cookies'
                             ]}
                             {include file="ui/f6/checkbox.html"}
@@ -227,6 +244,7 @@
                         {* cookie_opt_https *}
                             {$ui = [
                                 'field'         => 'cookie_opt_https',
+                                'value'         => {$cookie_opt_https},
                                 'label'         => 'HTTPS'
                             ]}
                             {include file="ui/f6/checkbox.html"}
@@ -234,6 +252,7 @@
                         {* cookie_opt_logged_in *}
                             {$ui = [
                                 'field'         => 'cookie_opt_logged_in',
+                                'value'         => {$cookie_opt_logged_in},
                                 'label'         => 'Logged-In Users'
                             ]}
                             {include file="ui/f6/checkbox.html"}
@@ -241,6 +260,7 @@
                         {* cookie_opt_forms *}
                             {$ui = [
                                 'field'         => 'cookie_opt_forms',
+                                'value'         => {$cookie_opt_forms},
                                 'label'         => 'Submission Forms'
                             ]}
                             {include file="ui/f6/checkbox.html"}
@@ -248,6 +268,7 @@
                         {* cookie_opt_payment *}
                             {$ui = [
                                 'field'         => 'cookie_opt_payment',
+                                'value'         => {$cookie_opt_payment},
                                 'label'         => 'Payment Forms'
                             ]}
                             {include file="ui/f6/checkbox.html"}

diff --git a/views/ui/f6/LayoutNotes.txt b/views/ui/f6/LayoutNotes.txt
index 036f273..c7de52e 100644 (file)
--- a/views/ui/f6/LayoutNotes.txt
+++ b/views/ui/f6/LayoutNotes.txt
@@ -10,14 +10,14 @@ something.html                  <div class="cell small-12">
     .                           </div>
 
 section-start.html              <div class="cell small-12 large-6">
-    .                               <div class="grid-x grid-margin-x glm-foundation-6-ui-section">
-    .                                   <div class="cell small-12 glm-foundation-6-ui-section-title">
+    .                               <div class="grid-x grid-margin-x glm-f6-ui-section">
+    .                                   <div class="cell small-12 glm-f6-ui-section-title">
     .                                       <h3>title</h3>
     .                                   </div>
-    .                                   <div class="cell small-12 glm-foundation-6-ui-section-start">
+    .                                   <div class="cell small-12 glm-f6-ui-section-start">
     .                                       <div class="grid-x grid-margin-x">
 
-field-something.html                            <div class="cell small-12 glm-foundation-6-ui-field">
+field-something.html                            <div class="cell small-12 glm-f6-ui-field">
     .                                               (some field label, input, ...)
     .                                           </div>
 

diff --git a/views/ui/f6/checkbox.html b/views/ui/f6/checkbox.html
index 1b0f73d..be8c402 100644 (file)
--- a/views/ui/f6/checkbox.html
+++ b/views/ui/f6/checkbox.html
@@ -15,22 +15,22 @@
     ]}
 *}
 
-<div class="cell small-12 glm-foundation-6-ui-field">
+<div class="cell small-12 glm-f6-ui-field">
     <div class="grid-x grid-margin-x">
-        <div class="cell shrink ">
-            <div class="switch small glm-foundation-6-ui-field-input-switch">
-              <input class="switch-input" id="{$ui.field}" type="checkbox" name="{$ui.field}">
+        <div class="cell shrink glm-f6-ui-field-input">
+            <div class="switch small glm-f6-ui-field-input-switch">
+              <input class="switch-input" id="{$ui.field}" type="checkbox" name="{$ui.field}"{if $ui.value} checked{/if}>
               <label class="switch-paddle" for="{$ui.field}">
                 <span class="switch-active" aria-hidden="true">Yes</span>
                 <span class="switch-inactive" aria-hidden="true">No</span>
               </label>
             </div>
         </div>
-        <div class="cell auto">
-            <label for="{$ui.field}" class="{if $ui.required} glm-required{/if} glm-foundation-6-ui-field-label">{$ui.label}</label>
+        <div class="cell auto glm-f6-ui-label-container-right">
+            <label for="{$ui.field}" class="{if $ui.required} glm-required{/if} glm-f6-ui-field-label">{$ui.label}</label>
         </div>
         <div class="cell small-12">
-            {if isset($ui.helpText)}<p class="glm-foundation-6-ui-field-help-text" id="{$ui.field}_HelpText">{$ui.helpText}</p>{/if}
+            {if isset($ui.helpText)}<span class="glm-f6-ui-field-help-text" id="{$ui.field}_HelpText">{$ui.helpText}</span]>{/if}
         </div>
     </div>
 </div>

diff --git a/views/ui/f6/editor.html b/views/ui/f6/editor.html
index c604261..7dcda5e 100644 (file)
--- a/views/ui/f6/editor.html
+++ b/views/ui/f6/editor.html
@@ -21,8 +21,7 @@
     ]}
 *}
 
-<div class="grid-x grid-margin-x">
-    <div class="cell small-12">
+<div class="cell small-12 glm-f6-ui-field">
         <label for="{$ui.field}" class="{if $ui.required} glm-required{/if}">{$ui.label}</label>
         {if isset($ui.value) && $ui.value}
             {$textAreaContent = $ui.value}
@@ -39,14 +38,12 @@
         'media_buttons' => $media_buttons,
         'quicktags'     => $quicktags
     ]}
+        {if $ui.dataError}<span class="form-error is-visible">{$ui.dataError}</span>{/if}
+        {if isset($ui.helpText)}<span class="help-text" id="{$ui.field}_HelpText">{$ui.helpText}</span>{/if}
+        {if isset($ui.errorText)}<span id="{$ui.field}_ErrorText" class="form-error">{$ui.errorText}</span>{/if}
     {wp_editor(
         $textAreaContent,
         $textAreaName,
         $settings
     )}
-        <br>
-        {if $ui.dataError}<span class="form-error is-visible">{$ui.dataError}</span>{/if}
-        {if isset($ui.helpText)}<p class="help-text" id="{$ui.field}_HelpText">{$ui.helpText}</p>{/if}
-        {if isset($ui.errorText)}<span id="{$ui.field}_ErrorText" class="form-error">{$ui.errorText}</span>{/if}
-    </div>
 </div>

diff --git a/views/ui/f6/grid-start.html b/views/ui/f6/grid-start.html
index 4abe48a..692626e 100644 (file)
--- a/views/ui/f6/grid-start.html
+++ b/views/ui/f6/grid-start.html
@@ -1,33 +1,66 @@
 {*
     Foundation 6 - Grid Start
+
+    {$ui = [
+        'nowrap'            => string   True if no sections should wrap to the right,
+        'backgroundColor'   => string   Background color of overall grid area,
+        'sectionColor'      => string   background color of sections
+    ]}
+
 *}
+{$glm_f6_ui_wrapsize = 6 scope="global"}
+{if isset($ui.nowrap) && $ui.nowrap}
+    {$glm_f6_ui_wrapsize = 12 scope="global"}
+{/if}
+{$glm_f6_ui_background_color = 'white' scope="global"}
+{if isset($ui.backgroundColor)}
+    {$glm_f6_ui_background_color = $ui.backgroundColor scope="global"}
+{/if}
+{$glm_f6_ui_section_color = 'white' scope="global"}
+{if isset($ui.sectionColor)}
+    {$glm_f6_ui_section_color = $ui.sectionColor scope="global"}
+{/if}
+
 <style>
     .glm-foundation-6-ui {
+        background-color: {$glm_f6_ui_background_color} !important;
     }
-    .glm-foundation-6-ui-section {
+    .glm-f6-ui-section {
     }
-    .glm-foundation-6-ui-section-title {
+    .glm-f6-ui-section-title {
         margin-top: 1rem;
     }
-    .glm-foundation-6-ui-section-start {
+    .glm-f6-ui-section-start {
+        background-color: {$glm_f6_ui_section_color} !important;
+    }
+    .glm-f6-ui-field {
+        margin-bottom: 1rem !important;
     }
-    .glm-foundation-6-ui-field {
-        margin-bottom: .5rem !important;
+    .glm-f6-ui-label-container {
     }
-    .glm-foundation-6-ui-field-label {
+    .glm-f6-ui-label-container-right {
+        margin-left: 0 !important;
     }
-    .glm-foundation-6-ui-field-input {
+    .glm-f6-ui-field-label {
+    }
+    .glm-f6-ui-field-input {
+        margin-bottom: 0 !important;
+    }
+    .glm-f6-ui-field-input-switch {
         margin-bottom: 0 !important;
     }
-    .glm-foundation-6-ui-field-input-switch {
+    .glm-f6-ui-field-input-number {
         margin-bottom: 0 !important;
     }
-    .glm-foundation-6-ui-field-data-error {
+    .glm-f6-ui-field-data-error {
     }
-    .glm-foundation-6-ui-field-help-text {
+    .glm-f6-ui-field-help-text {
         margin-bottom: 0 !important;
     }
-    .glm-foundation-6-ui-field-error-text {
+    .glm-f6-ui-field-error-text {
+    }
+    .glm-f6-ui-text-line {
+        margin-bottom: 1rem !important;
     }
 </style>
 <div class="grid-container callout grid-margin-x glm-foundation-6-ui">

diff --git a/views/ui/f6/number.html b/views/ui/f6/number.html
index c381e05..8a4e4fe 100644 (file)
--- a/views/ui/f6/number.html
+++ b/views/ui/f6/number.html
@@ -23,13 +23,14 @@
     {$ui.width = $ui.width * .55 + 2.5}
 {/if}
 
-<div class="cell small-12 glm-foundation-6-ui-field">
+<div class="cell small-12 glm-f6-ui-field">
     {if (!isset($ui.value) && !isset($ui.field)) || !isset($ui.label)}
         <span class="glm-required">Field Error: Required field information not supplied!</span>
     {else}
         <div class="grid-x grid-margin-x">
             <div class="cell shrink">
                 <input
+                    class="glm-f6-ui-field-input-number"
                     id="{$ui.field}_FieldID"
                     type="number"
                     name="{$ui.field}"
@@ -43,12 +44,12 @@
                     style="width: {$ui.width}rem;"
                 >
             </div>
-            <div class="cell auto">
-                <label for="{$ui.field}" class="{if $ui.required} glm-required{/if} glm-foundation-6-ui-field-label">{$ui.label}</label>
+            <div class="cell auto glm-f6-ui-label-container-right">
+                <label for="{$ui.field}" class="{if $ui.required} glm-required{/if} glm-f6-ui-field-label">{$ui.label}</label>
             </div>
             <div class="cell small-12">
-                {if isset($ui.helpText)}<p class="help-text" id="{$ui.field}_HelpText">{$ui.helpText}</p>{/if}
-                {if isset($ui.errorText)}<span id="{$ui.field}_ErrorText" class="form-error">{$ui.errorText}</span>{/if}
+                {if isset($ui.helpText)}<span class="help-text" id="{$ui.field}_HelpText">{$ui.helpText}</span>{/if}
+                {if true || isset($ui.errorText)}<span id="{$ui.field}_ErrorText" class="form-error">{$ui.errorText}</span>{/if}
             </div>
         </div>
     {/if}

diff --git a/views/ui/f6/section-start.html b/views/ui/f6/section-start.html
index 6f846d5..ea15d8e 100644 (file)
--- a/views/ui/f6/section-start.html
+++ b/views/ui/f6/section-start.html
@@ -7,12 +7,12 @@
         'tip'       => String to display when hover over question mark on right
     ]}
 *}
-<div class="cell small-12 large-6">
-    <div class="grid-x grid-margin-x glm-foundation-6-ui-section">
+<div class="cell small-12 large-{$glm_f6_ui_wrapsize}">
+    <div class="grid-x grid-margin-x glm-f6-ui-section">
         {if !isset($ui.title)}
             <span class="glm-required">Field Error: Required field information not supplied!</span>
         {else}
-            <div class="cell small-12 glm-foundation-6-ui-section-title">
+            <div class="cell small-12 glm-f6-ui-section-title">
                 {if isset($ui.tip)}
                     <span style="float:right;" data-tooltip aria-haspopup="true" class="has-tip" data-disable-hover="false" tabindex=1 title="{$ui.tip}">?</span>
                 {/if}
@@ -20,7 +20,5 @@
                 {if isset($ui.helpText)}<p class="help-text">{$ui.helpText}</p>{/if}
             </div>
         {/if}
-            <div class="cell small-12 callout glm-foundation-6-ui-section-start">
+            <div class="cell small-12 callout glm-f6-ui-section-start">
                 <div class="grid-x grid-margin-x">
-
-

diff --git a/views/ui/f6/text-line.html b/views/ui/f6/text-line.html
index 6f53f69..f8bb358 100644 (file)
--- a/views/ui/f6/text-line.html
+++ b/views/ui/f6/text-line.html
@@ -7,9 +7,9 @@
     ]}
 *}
 
-<div class="cell small-12 glm-foundation-6-ui-field">
-    <p{if isset($ui.underline) && $ui.underline} style="text-decoration: underline;"{/if}>
+<div class="cell small-12 glm-f6-ui-text-line">
+    <span{if isset($ui.underline) && $ui.underline} style="text-decoration: underline;"{/if}>
         {$ui.text}
-    </p>
+    </span>
 </div>
 

diff --git a/views/ui/f6/text.html b/views/ui/f6/text.html
index e8d309a..71f8675 100644 (file)
--- a/views/ui/f6/text.html
+++ b/views/ui/f6/text.html
@@ -18,7 +18,7 @@
         'tip'           => string               String to display when hover over question mark on right
     ]}
 *}
-<div class="cell small-12 glm-foundation-6-ui-field">
+<div class="cell small-12 glm-f6-ui-field">
     {if (!isset($ui.value) && !isset($ui.field)) || !isset($ui.label)}
             <span class="glm-required">Field Error: Required field information not supplied!</span>
     {else}
@@ -27,11 +27,11 @@
                 {if isset($ui.tip)}
                     <span style="float:right;" data-tooltip aria-haspopup="true" class="has-tip" data-disable-hover="false" tabindex=1 title="{$ui.tip}">?</span>
                 {/if}
-                <label for="{$ui.field}" class="{if $ui.required} glm-required{/if} glm-foundation-6-ui-field-label">{$ui.label}</label>
+                <label for="{$ui.field}" class="{if $ui.required} glm-required{/if} glm-f6-ui-field-label">{$ui.label}</label>
             </div>
             <div class="cell small-12">
                 <input
-                    class="glm-foundation-6-ui-field-input"
+                    class="glm-f6-ui-field-input"
                     type="text"
                     id="{$ui.field}"
                     name="{$ui.field}"
@@ -46,9 +46,9 @@
                 />
             </div>
             <div class="cell small-12">
-                {if isset($ui.dataError) && $ui.dataError}<span class="form-error is-visible glm-foundation-6-ui-field-data-error">{$ui.dataError}</span>{/if}
-                {if isset($ui.helpText)}<p class="glm-foundation-6-ui-field-help-text" id="{$ui.field}_HelpText">{$ui.helpText}</p>{/if}
-                {if isset($ui.errorText)}<span id="{$ui.field}_ErrorText" class="form-error glm-foundation-6-ui-field-error-text">{$ui.errorText}</span>{/if}
+                {if isset($ui.dataError) && $ui.dataError}<span class="form-error is-visible glm-f6-ui-field-data-error">{$ui.dataError}</span>{/if}
+                {if isset($ui.helpText)}<span class="glm-f6-ui-field-help-text" id="{$ui.field}_HelpText">{$ui.helpText}</span>{/if}
+                {if isset($ui.errorText)}<span id="{$ui.field}_ErrorText" class="form-error glm-f6-ui-field-error-text">{$ui.errorText}</span>{/if}
             </div>
         </div>
     {/if}

diff --git a/views/uiOLD/f6/checkbox.html b/views/uiOLD/f6/checkbox.html
deleted file mode 100644 (file)
index 9d55981..0000000
--- a/views/uiOLD/f6/checkbox.html
+++ /dev/null
@@ -1,30 +0,0 @@
-{*
-    Foundation 6 Checkbox Input Field
-    Do not list fields if they're false. (We're not checking for false)
-
-    {$ui = [
-        'field'         => string   Name of the data parameter,
-        'label'         => string   Label text for this field,
-        'helpText'      => string   Help text for this input,
-    ]}
-*}
-
-{if (!isset($ui.data) && !isset($ui.field)) || !isset($ui.label)}
-    <div class="small-12 columns">
-        <span class="glm-required">Field Error: Required field information not supplied!</span>
-    </div>
-{else}
-    <div class="small-12 columns">
-        <label for="{$ui.field}_FieldID" class="{if $ui['required']} glm-required{/if}">
-            <input
-                id="{$ui.field}_FieldID"
-                type="checkbox"
-                name="{$ui.field}"
-                value="{${$ui.field}}"
-                {if isset($ui.helpText)}aria-describedby="{$ui.field}_HelpText"{/if}
-            >
-            {$ui.label}:
-            {if isset($ui.helpText)}<p class="help-text" id="{$ui.field}_HelpText">{$ui.helpText}</p>{/if}
-        </label>
-    </div>
-{/if}

diff --git a/views/uiOLD/f6/editor.html b/views/uiOLD/f6/editor.html
deleted file mode 100644 (file)
index d516f3d..0000000
--- a/views/uiOLD/f6/editor.html
+++ /dev/null
@@ -1,53 +0,0 @@
-{*
-    Foundation 6 Text Area Input Field
-    Do not list parameters if they're false. (We're not checking for false)
-
-    {$ui = [
-        'field'         => string   Name of the data parameter
-        'label'         => string   Label text for this field,
-        'placeholder'   => string   Placeholder string,
-        'required'      => boolean  True if required,
-        'maxWidth'      => string   Size of input field using standard style notation ('900px', '15rem', ...),
-        'helpText'      => string   Help text for this input,
-        'errortext'     => string   Error text that appears when the field doesn't validate
-    ]}
-*}
-
-{if (!isset($ui.data) && !isset($ui.field)) || !isset($ui.label)}
-    <div class="row">
-        <div class="small-12 columns">
-            <span class="glm-required">Field Error: Required field information not supplied!</span>
-        </div>
-    </div>
-{else}
-    <div class="row">
-        <div class="small-12 columns">
-            <label class="{if $ui.required} glm-required{/if}">{$ui.label}:
-                <div
-                    {if isset($ui.helpText)}aria-describedby="{$ui.field}_HelpText"{/if}
-                    {if isset($ui.maxWidth)}style="width: {$ui.maxWidth} !important;"{/if}
-                >
-                        {$editorOptions = '
-                            {
-                            "media_buttons":    false,
-                            "quicktags":        false'
-                        }
-                        {if isset($ui.height)}{$editorOptions = $editorOptions|cat:',
-                            "editor_height":    '|cat:$ui.height}{/if}
-                        {if isset($ui.rows)}{$editorOptions = $editorOptions|cat:',
-                            "textarea_rows":    '|cat:$ui.rows}{/if}
-                        {$editorOptions = $editorOptions|cat:'
-                            }'}
-                        {wp_editor(
-                            ${$ui.field},
-                            $ui.field,
-                            json_decode($editorOptions, true)
-                        )}
-
-                    {if isset($ui.helpText)}<p class="help-text" id="{$ui.field}_HelpText">{$ui.helpText}</p>{/if}
-                    {if isset($ui.errorText)}<span id="{$ui.field}_ErrorText" class="form-error">{$ui.errorText}</span>{/if}
-                </div>
-            </label>
-        </div>
-    </div>
-{/if}

diff --git a/views/uiOLD/f6/f6-image.html b/views/uiOLD/f6/f6-image.html
deleted file mode 100644 (file)
index b7b28fa..0000000
--- a/views/uiOLD/f6/f6-image.html
+++ /dev/null
@@ -1,31 +0,0 @@
-{* Foundation 6 Image *}
-{* setup $data *}
-{* setup $field *}
-{* setup $fieldLabel *}
-<div class="grid-x grid-margin-x">
-    <div class="cell small-12 medium-3">
-        <label for="{$field}" class="text-right middle{if $data.fieldRequired.$field} glm-required{/if}">{$fieldLabel}:</label>
-    </div>
-    <div class="cell small-12 medium-9">
-        <div {if $data.fieldFail.$field}class="glm-form-bad-input" data-tabid="glm-member-info-images"{/if}>
-            {if $data.fieldData.$field}
-                <div class="glm-row">
-                    <div class="glm-small-12 glm-medium-6">
-                        <div class="glm-galleryImage" data-id="{$field}">
-                            <img src="{$glmPluginMediaUrl}/images/small/{$data.fieldData.$field}">
-                        </div>
-                    </div>
-                    <div class="glm-small-11 glm-medium-6 glm-right">
-                        <br>
-                        <input type="checkbox" name="{$field}_delete"> Delete {$fieldLabel}<br>
-                        <span>{$data.fieldData.$field}</span>
-                        <br>
-                    </div>
-                </div>
-            {/if}
-            <div class="glm-center"><b>New {$fieldLabel}</b> <input type="file" name="{$field}_new"></div>
-            <div id="glm-galleryImageLarger_image" class="glm-imageDialog"><img src="{$glmPluginMediaUrl}/images/large/{$data.fieldData.$field}"></div>
-            {if $data.fieldFail.$field}<p>{$data.fieldFail.$field}</p>{/if}
-        </div>
-    </div>
-</div>

diff --git a/views/uiOLD/f6/f6-select.html b/views/uiOLD/f6/f6-select.html
deleted file mode 100644 (file)
index 288e233..0000000
--- a/views/uiOLD/f6/f6-select.html
+++ /dev/null
@@ -1,18 +0,0 @@
-{* Foundation 6 Select *}
-{* setup $data *}
-{* setup $field *}
-{* setup $fieldLabel *}
-<div class="grid-x grid-margin-x">
-    <div class="cell small-12 medium-3">
-        <label for="{$field}" class="text-right middle{if $data.fieldRequired.$field} glm-required{/if}">{$fieldLabel}</label>
-    </div>
-    <div class="cell small-12 medium-9">
-        <select id="{$field}" name="{$field}" required>
-            <option value=""></option>
-            {foreach from=$data.fieldData.$field.list item=v}
-                <option value="{$v.value}"{if isset($v.default) && $v.default} selected="selected"{/if}>{$v.name}</option>
-            {/foreach}
-        </select>
-        {if $data.fieldFail.$field}<span class="form-error is-visible">{$data.fieldFail.$field}</span>{/if}
-    </div>
-</div>

diff --git a/views/uiOLD/f6/grid-end.html b/views/uiOLD/f6/grid-end.html
deleted file mode 100644 (file)
index 9090f0e..0000000
--- a/views/uiOLD/f6/grid-end.html
+++ /dev/null
@@ -1,4 +0,0 @@
-{*
-    Foundation 6 - Grid End
-*}
-</div>

diff --git a/views/uiOLD/f6/grid-start.html b/views/uiOLD/f6/grid-start.html
deleted file mode 100644 (file)
index b39e68d..0000000
--- a/views/uiOLD/f6/grid-start.html
+++ /dev/null
@@ -1,10 +0,0 @@
-{*
-    Foundation 6 - Grid Start
-*}
-<style>
-    .glm-foundation-6-ui {
-        border: 1px gray solid;
-        background-color: #ddd;
-    }
-</style>
-<div class="grid-container fluid glm-foundation-6-ui">

diff --git a/views/uiOLD/f6/number.html b/views/uiOLD/f6/number.html
deleted file mode 100644 (file)
index 1722de8..0000000
--- a/views/uiOLD/f6/number.html
+++ /dev/null
@@ -1,49 +0,0 @@
-{*
-    Foundation 6 Number Input Field
-    DO NOT include fields if they're false. (We're not checking for false)
-
-    {$ui = [
-        'field'         => string   Name of the data parameter,
-        'label'         => string   Label text for this field,
-        'placeholder'   => string   Placeholder string,
-        'suffix'        => string   Suffix text to add after input field,
-        'min'           => integer  Minimum numeric value
-        'max'           => integer  Maximum numeric value
-        'maxWidth'      => integer  Size of input field in characters,
-        'message'       => string   Message string to display between label and input,
-        'helpText'      => string   Help text for this input,
-        'errortext'       => string   Error text that appears when the field doesn't validate
-    ]}
-*}
-
-{if (!isset($ui.data) && !isset($ui.field)) || !isset($ui.label)}
-    <div class="row">
-        <div class="small-12 columns">
-            <span class="glm-required">Field Error: Required field information not supplied!</span>
-        </div>
-    </div>
-{else}
-    <div class="row">
-        <div class="small-12 columns">
-            <label for="{$ui.field}_FieldID" class="{if $ui.required} glm-required{/if}">
-                <input
-                    id="{$ui.field}_FieldID"
-                    type="text"
-                    pattern="number"
-                    name="{$ui.field}"
-                    value="{${$ui.field}}"
-                    {if $ui.required}required{/if}
-                    {if isset($ui.errorText)}aria-errormessage="{$ui.field}_ErrorText"{/if}
-                    {if isset($ui.helpText)}aria-describedby="{$ui.field}_HelpText"{/if}
-                    {if isset($ui.placeholder)}placeholder="{$ui.placeholder}"{/if}
-                    {if isset($ui.min)}min="{$ui.min}"{/if}
-                    {if isset($ui.min)}max="{$ui.max}"{/if}
-                    {if isset($ui.maxWidth)}style="width: {$ui.maxWidth}rem !important;"{/if}
-                >
-                {$ui.label}:
-                {if isset($ui.helpText)}<p class="help-text" id="{$ui.field}_HelpText">{$ui.helpText}</p>{/if}
-                {if isset($ui.errorText)}<span id="{$ui.field}_ErrorText" class="form-error">{$ui.errorText}</span>{/if}
-            </label>
-        </div>
-    </div>
-{/if}

diff --git a/views/uiOLD/f6/section-end.html b/views/uiOLD/f6/section-end.html
deleted file mode 100644 (file)
index ddbd889..0000000
--- a/views/uiOLD/f6/section-end.html
+++ /dev/null
@@ -1,5 +0,0 @@
-{*
-    Foundation 6 - Form Section End
-    No parameters are needed for Section-End
-*}
-    </div>

diff --git a/views/uiOLD/f6/section-start.html b/views/uiOLD/f6/section-start.html
deleted file mode 100644 (file)
index c632570..0000000
--- a/views/uiOLD/f6/section-start.html
+++ /dev/null
@@ -1,22 +0,0 @@
-{*
-    Foundation 6 - Form Section Start
-    All parameters are required.
-
-    {$ui = [
-        'title'     => string Section title text,
-        'helpText'  => string Additional text to describe this section
-    ]}
-*}
-{if !isset($ui.title)}
-    <div class="grid-x">
-        <span class="glm-required">Field Error: Required field information not supplied!</span>
-    </div>
-{else}
-    <div class="grid-x glm-foundation-6-ui-section-start">
-        <div class="cell small-12 medium-12 large-12">
-            <h3>{$ui.title}</h3>
-            {if isset($ui.helpText)}<p class="help-text">{$ui.helpText}</p>{/if}
-        </div>
-
-
-{/if}
\ No newline at end of file

diff --git a/views/uiOLD/f6/sub-section-end.html b/views/uiOLD/f6/sub-section-end.html
deleted file mode 100644 (file)
index 8c677b0..0000000
--- a/views/uiOLD/f6/sub-section-end.html
+++ /dev/null
@@ -1,14 +0,0 @@
-{*
-    Foundation 6 - Form Section End
-    No parameters are needed for Section-End
-
-    {$fieldData = [
-    ]}
-*}
-{if !isset($fieldData.title)}
-        <hr>
-    </div>
-{else}
-        <hr>
-    </div>
-{/if}
\ No newline at end of file

diff --git a/views/uiOLD/f6/sub-section-start.html b/views/uiOLD/f6/sub-section-start.html
deleted file mode 100644 (file)
index 0697b00..0000000
--- a/views/uiOLD/f6/sub-section-start.html
+++ /dev/null
@@ -1,22 +0,0 @@
-{*
-    Foundation 6 - Form Section Start
-    All parameters are required.
-
-    {$fieldData = [
-        'title'     => string Section title text,
-        'helpText'  => string Additional text to describe this section
-    ]}
-*}
-{if !isset($fieldData.title)}
-    <div class="grid-x grid-margin-x glm-ui-f6-section-start">
-        <div class="cell small-12">
-            <span class="glm-required">Field Error: Required field information not supplied!</span>
-        </div>
-{else}
-    <div class="grid-x">&nbsp;</div>
-    <div class="grid-x glm-ui-f6-section-start">
-        <div class="small-12">
-            <h3>{$fieldData.title}</h3>
-            {if isset($fieldData.helpText)}<p class="help-text">{$fieldData.helpText}</p>{/if}
-        </div>
-{/if}
\ No newline at end of file

diff --git a/views/uiOLD/f6/text.html b/views/uiOLD/f6/text.html
deleted file mode 100644 (file)
index b689670..0000000
--- a/views/uiOLD/f6/text.html
+++ /dev/null
@@ -1,45 +0,0 @@
-{*
-    Foundation 6 Text Input Field
-    Do not list parameters if they're false. (We're not checking for false)
-
-    {$ui = [
-        'field'         => string   Name of the data parameter,
-        'label'         => string   Label text for this field,
-        'placeholder'   => string   Placeholder string,
-        'required'      => boolean  True if required,
-        'maxWidth'      => string   Size of input field using standard style notation ('900px', '15rem', ...),
-        'maxlength'     => integer  Maximum number of characters that may be entered,
-        'helpText'      => string   Help text for this input,
-        'errortext'     => string   Error text that appears when the field doesn't validate
-    ]}
-*}
-
-{if (!isset($ui.data) && !isset($ui.field)) || !isset($ui.label)}
-    <div class="grid-x">
-        <div class="cell">
-            <span class="glm-required">Field Error: Required field information not supplied!</span>
-        </div>
-    </div>
-{else}
-    <div class="grid-x glm-foundation-6-ui-text-input">
-        <div class="cell small-12 large-3 ">
-            <label for="{$ui.field}_FieldID" class="{if $ui.required} glm-required{/if}">{$ui.label}:</label>
-        </div>
-        <div class="cell small-12 large-9"
-                <input
-                    id="{$ui.field}_FieldID"
-                    type="text"
-                    name="{$ui.field}"
-                    value="{${$ui.field}|escape}"
-                    placeholder="{$ui.placeholder}"
-                    {if isset($ui.errorText)}aria-errormessage="{$ui.field}_ErrorText"{/if}
-                    {if isset($ui.helpText)}aria-describedby="{$ui.field}_HelpText"{/if}
-                    {if isset($ui.required)}required{/if}
-                    {if isset($ui.maxWidth)}style="max-width: {$ui.maxWidth}"{/if}
-                    {if isset($ui.maxLength)}max-length="{$ui.maxLength}"{/if}
-                >
-                {if isset($ui.helpText)}<p class="help-text" id="{$ui.field}_HelpText">{$ui.helpText}</p>{/if}
-                {if isset($ui.errorText)}<span id="{$ui.field}_ErrorText" class="form-error">{$ui.errorText}</span>{/if}
-        </div>
-    </div>
-{/if}

diff --git a/views/uiOLD/multiSelectSearch.html b/views/uiOLD/multiSelectSearch.html
deleted file mode 100644 (file)
index 90e9af0..0000000
--- a/views/uiOLD/multiSelectSearch.html
+++ /dev/null
@@ -1,18 +0,0 @@
-
-<div class="glm-row">
-    <b>{$multiSelectFilterSearchTerm}: </b>
-    <select id="{$multiSelectFilterID}" name="{$multiSelectFilterName}" multiple="multiple" size="1">
-{foreach from=$multiSelectFilterData item=v}
-        <option value="{$v.id}" data-parent="{$v.parent}"{if $v.selected} selected{/if}>
-            {if $v.parent_id}&nbsp;&nbsp;&nbsp;&nbsp;{/if}{$v.name}
-        </option>
-{/foreach}
-    </select>
-</div>
-<script>
-    jQuery(function($){
-        $("#{$multiSelectFilterID}").select2({
-            placeholder: "{$multiSelectFilterPlaceholder}"
-        });
-    });
-</script>
\ No newline at end of file

diff --git a/views/uiOLD/std/deleteDialog.html b/views/uiOLD/std/deleteDialog.html
deleted file mode 100644 (file)
index e3ea787..0000000
--- a/views/uiOLD/std/deleteDialog.html
+++ /dev/null
@@ -1,49 +0,0 @@
-{* Delete Dialog *}
-{* Set these variables to use the Dialog in your project *}
-{* $itemName   = Name of item *}
-{* $deleteUrl  = Url to delete item *}
-<a id="deleteButton" class="button button-secondary glm-button glm-right">Delete this {$itemName}</a>
-
-<div id="deleteDialog" class="glm-dialog-box" title="Delete {$itemName}">
-    <center>
-        <p><a id="deleteCancel" class="button button-primary">Cancel</a></p>
-        <p><input id="deleteSubmit" type="submit" value="Delete this {$itemName}"></p>
-    </center>
-    <div class="glm-item-container">
-        <p><center><span class="glm-error">WARNING:</span></center></p>
-        <p>
-            <span class="glm-warning">Clicking the "Delete this {$itemName}" button above will
-            delete all of the data and images associated with this event.
-            </span>
-        </p>
-        <p>
-            <span class="glm-error">
-                Once deleted, this information will no longer be available and cannot be retrieved!
-                If you are unsure that you want to completely remove this data, consider changing the status
-                of this event to "Archived" instead.
-            </span>
-        </p>
-    </div>
-</div>
-
-<script>
-    jQuery(function($){
-
-        // Delete Event dialog
-        $("#deleteDialog").dialog({
-            autoOpen: false,
-            minWidth: 400,
-            dialogClass: "glm-dialog-no-close"
-        });
-        $('#deleteButton').click( function() {
-            $('#deleteDialog').dialog('open');
-        });
-        $('#deleteCancel').click( function() {
-            $("#deleteDialog").dialog("close");
-        });
-        $('#deleteSubmit').click( function() {
-            window.location.replace('{$deleteUrl}');
-        });
-
-    });
-</script>