Merge pull request #79 from DurhamAcademy/events-dropdown

Add Event Selector under Settings
DurhamAcademy · Feb 2, 2024 · 4b283da · 4b283da
2 parents 8ffa21d + d2b7c02
commit 4b283da
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 4 deletions.
diff --git a/components/Navbar.vue b/components/Navbar.vue
@@ -41,7 +41,13 @@ console.log(sessionState?.value?.userCtx?.roles)
 if (sessionState?.value?.userCtx?.roles?.indexOf('_admin') != -1)
   links.push({ label: "Users", to: "/users" })
 
+const events = ['2024test', '2024trial']
 
+let selectedEvent = ref(window.localStorage.getItem("event"))
+
+function updateEvent(value: string){
+  window.localStorage.setItem("event", value)
+}
 </script>
 
 <template>
@@ -59,8 +65,12 @@ if (sessionState?.value?.userCtx?.roles?.indexOf('_admin') != -1)
             <template #header>
               {{usernameState}}
             </template>
-
-            <UButton block label="Logout" square @click="logout"/>
+            <UFormGroup class="inputDiv" label="Event" name="event">
+              <USelectMenu v-model="selectedEvent" :options="events" @update:model-value ="value => {updateEvent(value)}"/>
+            </UFormGroup>
+            <template #footer>
+              <UButton block label="Logout" square @click="logout"/>
+            </template>
           </UCard>
         </template>
       </UPopover>

diff --git a/pages/login.vue b/pages/login.vue
@@ -59,9 +59,10 @@ const {updateUsernameState}: { updateUsernameState: () => void } = inject(loginS
     }
   }
 
-const events = ['2024test']
+//also change in navbar
+const events = ['2024test', '2024trial']
 
-const selectedEvent = ref(events[0])
+const selectedEvent = ref(window.localStorage.getItem('event') != undefined ? window.localStorage.getItem('event') : events[0])
 </script>
 
 <template>