xeovalyte/wrbapp
1
0
Fork 0
Code Issues 10 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

added index and some fixes

Browse Source
This commit is contained in:
Xeovalyte 2022-09-27 16:00:09 +02:00
parent 0d6e24760e
commit ab25e50349
4 changed files with 26 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/app.vue
View File

@ -30,6 +30,7 @@ const userLoaded = ref(false)
const userData = ref(null) const userData = ref(null)
const userPersons = ref([]) const userPersons = ref([])
const userAllPersons = ref([]) const userAllPersons = ref([])
const calEvents = ref([])
onMounted(() => { onMounted(() => {
auth.value = getAuth() auth.value = getAuth()
@ -75,5 +76,5 @@ const getPersons = async (persons) => {
const ledenlijst = ref([]) const ledenlijst = ref([])
provide('firebase', { db, ledenlijst, isAuthenticated, user, userData, userPersons, auth, userAllPersons, getPersons }) provide('firebase', { db, ledenlijst, isAuthenticated, user, userData, userPersons, auth, userAllPersons, getPersons, calEvents })
</script> </script>

2
frontend/components/layout/Navbar.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div v-if="route.meta.key !== 'disable'" class="w-full h-16 py-3 bg-neutral-200 dark:bg-neutral-800 flex justify-center items-center shadow"> <div v-if="route.meta.key !== 'disable'" class="w-full h-16 py-3 bg-neutral-200 dark:bg-neutral-800 flex justify-center items-center shadow">
<div class="flex justify-evenly items-center gap-1 w-full max-w-lg dark:text-gray-300 text-gray-900"> <div class="flex justify-evenly items-center gap-1 w-full max-w-lg dark:text-gray-300 text-gray-900 overflow-x-hidden">
<NuxtLink to="/" class="flex flex-col items-center hover:cursor-pointer drop-shadow" :class="route.path === '/' ? 'text-primary' : ''"> <NuxtLink to="/" class="flex flex-col items-center hover:cursor-pointer drop-shadow" :class="route.path === '/' ? 'text-primary' : ''">
<Icon size="1.5em" name="ion:home-outline" /> <Icon size="1.5em" name="ion:home-outline" />
<span>Home</span> <span>Home</span>

6
frontend/pages/calendar.vue
View File

@ -19,12 +19,10 @@ definePageMeta({
title: 'Calendar' title: 'Calendar'
}) })
const { userPersons } = inject('firebase') const { userPersons, calEvents } = inject('firebase')
const calEvents = ref([])
onMounted(() => { onMounted(() => {
getCalendarEvents([...new Set(userPersons.value.map(a => a.groups.join()).join().split(','))]) if (!calEvents[0]) getCalendarEvents([...new Set(userPersons.value.map(a => a.groups.join()).join().split(','))])
}) })
const longEventDate = (eventDate) => { const longEventDate = (eventDate) => {

25
frontend/pages/index.vue
View File

@ -1,7 +1,24 @@
<template> <template>
<div class="flex flex-col justify-center items-center px-2"> <div class="flex flex-col justify-center items-center px-2 overflow-hidden">
<h1 class="font-bold text-3xl text-center m-10">Reddingsbrigade Waddinxveen</h1> <h1 class="font-bold text-3xl text-center mt-6 mb-3">Reddingsbrigade Waddinxveen</h1>
<h2></h2> <h2 class="text-xl text-center mb-12">{{ userPersons.map(a => a.fullName).join(', ')}}</h2>
<div class="container w-full max-w-md">
<NuxtLink to="/news" class="rounded-t item-hover py-2 flex items-center">
<span>Nieuws</span>
<Icon class="ml-auto" size="2em" name="ion:arrow-forward"/>
</NuxtLink>
<div class="divider" />
<NuxtLink to="/calendar" class="item-hover py-2 flex items-center">
<span>Calendar</span>
<Icon class="ml-auto" size="2em" name="ion:arrow-forward"/>
</NuxtLink>
<div class="divider" />
<NuxtLink to="/settings" class="rounded-b item-hover py-2 flex items-center">
<span>Settings</span>
<Icon class="ml-auto" size="2em" name="ion:arrow-forward"/>
</NuxtLink>
</div>
</div> </div>
</template> </template>
@ -10,5 +27,5 @@ definePageMeta({
title: 'Home', title: 'Home',
}) })
const { userData } = inject('firebase') const { userPersons } = inject('firebase')
</script> </script>