frontend/app.vue

@@ -173,7 +173,7 @@ const registerFCM = () => {
     if (currentToken) {
       console.log(currentToken)
 
-      await useFetch('/api/subscribetotopic', {
+      const { error} = await useFetch('/api/subscribetotopic', {
         method: 'post',
         body: { topic: 'all', registrationToken: currentToken } 
       })
@@ -183,6 +183,7 @@ const registerFCM = () => {
         return toast.error('Error tijdens het registreren van push notifications')
       }
 
+      registrationToken.value = currentToken
       console.log('Subscribed to topic!')
     } else {
       // Show permission request UI
@@ -220,7 +221,7 @@ const logDeviceInfo = async () => {
 
 const ledenlijst = ref([])
 
-provide('firebase', { db, ledenlijst, isAuthenticated, user, userData, userPersons, auth, users, userAllPersons, getPersons, calEvents, news, registrationToken, contestTimes, competitors })
+provide('firebase', { db, ledenlijst, isAuthenticated, user, userData, userPersons, auth, users, userAllPersons, getPersons, calEvents, news, registrationToken, contestTimes, competitors, registrationToken })
 </script>
 
 <style scoped>

frontend/pages/settings/index.vue

@@ -19,8 +19,8 @@
           Diploma: <b>{{ userPersons.map(a => a.diploma).filter(n => n !== '').join(', ')}}</b>
         </div>
         <div class="divider" />
-                <NuxtLink to="/settings/privacypolicy" class="item-hover py-2 rounded-t flex items-center">
-                    <span>Privacybeleid</span>
+        <NuxtLink to="/settings/moreinfo" class="item-hover py-2 rounded-t flex items-center">
+          <span>Meer Informatie</span>
           <Icon class="ml-auto" size="2em" name="ion:arrow-forward"/>
         </NuxtLink>
       </div>

frontend/pages/settings/moreinfo.vue

@@ -0,0 +1,36 @@
+<template>
+  <div class="flex flex-col gap-5 mx-auto p-2 w-full max-w-md text-default text-sm">
+    <div>
+      <h1 class="text-xl ml-2 font-bold">Privacybeleid</h1>
+      <div class="container">
+        <div class="item">
+          <h2 class="font-bold">Privacy</h2>
+          Gegevens binnen deze app worden gebruikt voor de interne organisatie. Via Google analytics wordt bijgehouden welke schermen het meest worden gebruikt. Daarnaast maken wij gebruik van Firebase voor het anoniem verzamelen van gegevens omtrent crashes, bugs en het gebruik van de app.
+          <h2 class="font-bold mt-5">AVG</h2>
+          Sinds 25 mei 2018 is de Algemene verordening gegevensbescherming (AVG) van toepassing waardoor elke vereniging helder moet maken wat zij doen om de privacy van persoonsgegevens te waarborgen. U kunt <a href="https://www.reddingsbrigadewaddinxveen.nl/Doc/201809%20-%20Privacyverklaring%20WRB.pdf" class="underline">hier</a> onze privacy verklaring vinden.
+        </div>
+      </div>
+    </div>
+    <div>
+      <h1 class="text-xl ml-2 font-bold"></h1>
+      <div class="container">
+        <div class="item break-words ">
+            Registration Token: <b>{{ registrationToken }}</b>
+        </div>
+        <div class="divider" />
+        <div class="item break-words ">
+            User ID: <b>{{ userData.id }}</b>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+definePageMeta({
+    title: 'Meer Informatie',
+    key: 'back'
+})
+
+const { registrationToken, userData } = inject('firebase')
+</script>