#56 add: consent page implementation (wip)

qownnotes · Jan 29, 2024 · dfdda08 · dfdda08
1 parent 9b8c8ad
commit dfdda08
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 3 deletions.
diff --git a/src/components/ConsentPage.vue b/src/components/ConsentPage.vue
@@ -0,0 +1,7 @@
+<template>
+  <q-page class="flex flex-center" style="min-width: 400px; min-height: 300px">
+    Consent page
+  </q-page>
+</template>
+<script setup>
+</script>
diff --git a/src/pages/PopupPage.vue b/src/pages/PopupPage.vue
@@ -1,5 +1,5 @@
 <template>
-  <q-page v-if="!inputTokenDialog" class="flex bookmarks-page">
+  <q-page v-if="!inputTokenDialog && !userDataConsentPage" class="flex bookmarks-page">
     <div class="q-pa-md">
       <div class="row">
         <div class="col">
@@ -108,6 +108,7 @@
       </q-table>
     </div>
   </q-page>
+  <ConsentPage v-if="userDataConsentPage" />
   <InputTokenDialog v-if="inputTokenDialog" @token-stored="closeWindow" @cancel="closeWindow" />
   <AddBookmarkDialog v-model="addBookmarkDialog" :bookmark="editedBookmark" :webSocket="webSocket" @bookmark-stored="onBookmarkStored" />
 </template>
@@ -118,6 +119,7 @@ import { getLocale, openUrl, truncateText } from '../helpers/utils'
 import { QWebSocket } from '../services/qwebsocket'
 import InputTokenDialog from '../components/InputTokenDialog.vue'
 import AddBookmarkDialog from "components/AddBookmarkDialog.vue";
+import ConsentPage from "components/ConsentPage.vue";
 
 const columns = [
   { name: 'name', align: 'left', label: 'Name', field: 'name', sortable: true },
@@ -136,6 +138,7 @@ export default defineComponent({
     let selectedNoteFolderIdWatchEnabled = true;
     let addBookmarkDialog = ref(false);
     const bookmarkEditDialog = ref(false);
+    let userDataConsentPage = ref(false);
     const pagination = ref({
       sortBy: 'name',
       descending: false,
@@ -173,6 +176,13 @@ export default defineComponent({
     // ]);
     const inputTokenDialog = ref(false);
 
+    // DEBUG: remove userDataConsent
+    // chrome.storage.sync.remove(["userDataConsent"]);
+
+    chrome.storage.sync.get(function (data) {
+      userDataConsentPage.value = !data.userDataConsent || data.userDataConsent !== true;
+    });
+
     // Creates a list of all tags of bookmarks
     // Returns a sorted list of all tags
     const allTags = computed(() => {
@@ -372,7 +382,7 @@ export default defineComponent({
     // Return the variables that you want to use in the template
     return {
       columns,
-      getLocale,
+      userDataConsentPage,
       bookmarks,
       loadingBookmarks,
       search,
@@ -404,11 +414,13 @@ export default defineComponent({
     };
   },
   components: {
+    ConsentPage,
     AddBookmarkDialog,
     // BookmarkAllTabsButton: BookmarkAllTabsButton,
     // ImportBrowserBookmarksDialog: ImportBrowserBookmarksDialog,
     InputTokenDialog
-  }
+  },
+  methods: {getLocale}
 })
 
 // export default defineComponent({