From 22d9bd6092d9c567c44c5a231ed8499eb5256670 Mon Sep 17 00:00:00 2001
From: Steve Sutton <steve@gaslightmedia.com>
Date: Mon, 15 Jul 2019 16:51:30 -0400
Subject: [PATCH] Update for UI Elements

Add callout.html
for setting update add error notice on the top of forms.
---
 views/ui/f6/callout.html  | 17 +++++++++++++++++
 views/ui/f6/checkbox.html |  4 ++--
 2 files changed, 19 insertions(+), 2 deletions(-)
 create mode 100644 views/ui/f6/callout.html

diff --git a/views/ui/f6/callout.html b/views/ui/f6/callout.html
new file mode 100644
index 00000000..ed1c4465
--- /dev/null
+++ b/views/ui/f6/callout.html
@@ -0,0 +1,17 @@
+{*
+    Foundation 6 Callout Notice
+
+    {$ui = [
+        'label'  => string Label text for this Callout,
+        'active' => string True or False if this notice is active
+        'type'   => string Success, Warning, Alert, Primary or Secondary
+    ]}
+*}
+{if $ui.active}
+    <div class="{$ui.type} callout" data-closable>
+        <button class="close-button" aria-label="Close" type="button" data-close>
+            <span aria-hidden="true">&times;</span>
+        </button>
+        <p>{$ui.label}</p>
+    </div>
+{/if}
diff --git a/views/ui/f6/checkbox.html b/views/ui/f6/checkbox.html
index a7002120..01fd03bd 100644
--- a/views/ui/f6/checkbox.html
+++ b/views/ui/f6/checkbox.html
@@ -30,8 +30,8 @@
                     >
                 <label for="{$ui.field}" class="switch-paddle">
                     <span class="show-for-sr">{$ui.label}</span>
-                    <span class="switch-active" aria-hidden>{if isset($ui.active)}{$ui.active}{else}Yes{/if}</span>
-                    <span class="switch-inactive" aria-hidden>{if isset($ui.inactive)}{$ui.inactive}{else}No{/if}</span>
+                    <span class="switch-active" aria-hidden>{if isset($ui.active)}{$ui.active}{else}On{/if}</span>
+                    <span class="switch-inactive" aria-hidden>{if isset($ui.inactive)}{$ui.inactive}{else}Off{/if}</span>
                 </label>
             </div>
 
-- 
2.17.1