From db595d02764cf9cbeee03bd80db48c1bb11d6803 Mon Sep 17 00:00:00 2001
From: Fredrick W Warren <fredwarren@gmail.com>
Date: Thu, 11 Feb 2021 15:23:49 -0800
Subject: [PATCH] 15.02 Add a Show 12 hour time format Setting

---
 src/pages/PageSettings.vue | 23 +++++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/pages/PageSettings.vue b/src/pages/PageSettings.vue
index fabdfca..1b2c3b2 100644
--- a/src/pages/PageSettings.vue
+++ b/src/pages/PageSettings.vue
@@ -1,11 +1,30 @@
 <template>
   <q-page padding>
-    <p>Settings Page</p>
+    <q-list bordered padding>
+      <q-item-label header>Settings</q-item-label>
+
+      <q-item tag="label" v-ripple>
+        <q-item-section>
+          <q-item-label>Show 12 hour time format</q-item-label>
+        </q-item-section>
+        <q-item-section side >
+          <q-toggle
+            color="blue"
+            v-model="show12HourTimeFormat"
+          />
+        </q-item-section>
+      </q-item>
+    </q-list>
   </q-page>
 </template>
 
 <script>
 export default {
-  name: 'PageSettings'
+  name: 'PageSettings',
+  data () {
+    return {
+      show12HourTimeFormat: false
+    }
+  }
 }
 </script>