added privacy policy

frontend/pages/settings/about.vue

@@ -1,10 +0,0 @@
-<template>
-    <div class="flex flex-col gap-5 mx-auto p-2 w-full max-w-md">
-        <h2 class="text-xl font-bold">
-            Privacy
-        </h2>
-        <p>
-            
-        </p>
-    </div>
-</template>

frontend/pages/settings/admin/ledenlijst.vue

@@ -79,6 +79,20 @@ const submitLedenlijst = () => {
 }
 
 const csvToJson = (csv) => {
+    let arr = csv.split('\n');
+
+    var result = [];
+    var headers = arr[0].split(';');
+    for(var i = 1; i < arr.length; i++) {
+      var data = arr[i].split(';');
+      var obj = {};
+      for(var j = 0; j < data.length; j++) {
+         obj[headers[j].trim()] = data[j].trim();
+      }
+      result.push(obj);
+    }
+
+    /*
     let array = csv.split("\n")
     let result = [];
 
@@ -109,10 +123,10 @@ const csvToJson = (csv) => {
             }
             else obj[headers[j]] = properties[j]
         }
-        
         result.push(obj)
     }
-    if (!Object.hasOwn(result[0], 'Relatiecode') || !Object.hasOwn(result[0], 'Volledige naam (1)') || !Object.hasOwn(result[0], 'E-mail') || !Object.hasOwn(result[0], '2e E-mail') || !Object.hasOwn(result[0], 'Verenigingssporten') || !Object.hasOwn(result[0], 'Diploma dropdown 1\r')) return toast.error('Missing properties')
+    */ 
+    if (!Object.hasOwn(result[0], 'Relatiecode') || !Object.hasOwn(result[0], 'Volledige naam (1)') || !Object.hasOwn(result[0], 'E-mail') || !Object.hasOwn(result[0], '2e E-mail') || !Object.hasOwn(result[0], 'Verenigingssporten') || !Object.hasOwn(result[0], 'Diploma dropdown 1')) return toast.error('Missing properties')
 
     ledenlijst.value = []
 
@@ -130,8 +144,7 @@ const csvToJson = (csv) => {
             groups.shift()
             if (groups[1] === 'Week') groups[1] = 'Vrijdag'
         }
-
-        ledenlijst.value.push({ relatiecode: result[i].Relatiecode, fullName: result[i]['Volledige naam (1)'].join(' '), email: [result[i]['E-mail'], result[i]['2e E-mail']], groups: [...new Set(groups)], diploma: result[i]['Diploma dropdown 1\r'] })
+        ledenlijst.value.push({ relatiecode: result[i].Relatiecode, fullName: result[i]['Volledige naam (1)'], email: [result[i]['E-mail'], result[i]['2e E-mail']], groups: [...new Set(groups)], diploma: result[i]['Diploma dropdown 1'] })
     }
 
     uploadLedenlijst()

frontend/pages/settings/index.vue

@@ -18,6 +18,11 @@
                 <div v-if="userPersons.map(a => a.diploma).filter(n => n !== '').join('')" class="item">
                     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>Privacy Policy</span>
+                    <Icon class="ml-auto" size="2em" name="ion:arrow-forward"/>
+                </NuxtLink>
             </div>
         </div>
         <div>

frontend/pages/settings/privacypolicy.vue

@@ -0,0 +1,23 @@
+<template>
+    <div class="flex flex-col gap-5 mx-auto p-2 w-full max-w-md text-white text-sm">
+        <h2 class="text-xl font-bold">
+            Privacy
+        </h2>
+        <p>
+          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.
+        </p>
+        <h2 class="text-xl font-bold">
+            AVG
+        </h2>
+        <p>
+          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 hier onze privacy verklaring vinden.
+        </p>
+    </div>
+</template>
+
+<script setup>
+definePageMeta({
+    title: 'Privacy Policy',
+    key: 'back'
+})
+</script>