Add privacy and terms page

frontend/components/interface/crud/crudRecordInterface.vue

@@ -40,7 +40,12 @@
             <v-icon left>mdi-plus</v-icon>
             New {{ recordInfo.name }}
           </v-btn>
-          <v-divider v-if="hasFilters" class="mx-4" inset vertical></v-divider>
+          <v-divider
+            v-if="recordInfo.paginationOptions.hasSearch"
+            class="mx-4"
+            inset
+            vertical
+          ></v-divider>
           <SearchDialog
             v-if="recordInfo.paginationOptions.hasSearch"
             @handleSubmit="handleSearchDialogSubmit"

frontend/components/interface/crud/special/crudPersonalBestInterface.vue

@@ -40,7 +40,12 @@
             <v-icon left>mdi-plus</v-icon>
             New {{ recordInfo.name }}
           </v-btn>
-          <v-divider v-if="hasFilters" class="mx-4" inset vertical></v-divider>
+          <v-divider
+            v-if="recordInfo.paginationOptions.hasSearch"
+            class="mx-4"
+            inset
+            vertical
+          ></v-divider>
           <SearchDialog
             v-if="recordInfo.paginationOptions.hasSearch"
             @handleSubmit="handleSearchDialogSubmit"

frontend/layouts/default.vue

@@ -151,6 +151,7 @@
         <a @click="openLink('https://thecubicle.com')">TheCubicle.com</a></span
       >
       <v-spacer></v-spacer>
+      <nuxt-link to="/legal/privacy" class="mr-2"> Privacy & Terms </nuxt-link>
       <v-icon
         small
         class="mr-2"

frontend/pages/legal/privacy.vue

@@ -0,0 +1,56 @@
+<template>
+  <v-container fill-height>
+    <v-layout column justify-center align-center>
+      <v-flex xs12 sm8 md6 style="max-width: 600px">
+        <v-card>
+          <v-card-title class="headline"> Privacy & Terms </v-card-title>
+          <v-card-text>
+            <p>
+              <i>Last Updated: 10 April 2021</i>
+            </p>
+            <p>
+              CubePB.com is a website for tracking and showcasing your personal
+              bests in speedcubing events. The website source code is available under GPL-3.0 open source license, and it can be viewed at the <a href="https://github.com/cubing/CubePB" target="_blank"
+                >Github repository</a
+              >.
+            </p>
+            <p>
+              <span class="subheader">Data</span>
+              <ul>
+                <li>When you login, CubePB stores your name, email, profile picture, country of origin, and WCA ID, as recorded on your WCA account. You can manage your WCA account settings <a @click="goToWcaAccountManagement()">here</a>.</li>
+                <li>When you enter PBs (Personal Bests), CubePB stores your PB data under the current logged in user.</li>
+                <li>By default, your profile page, with your user information and PBs will be made publicly visible for everyone to see. However, you can adjust this behavior in the <nuxt-link to="/settings">settings page</nuxt-link>.</li>
+                <li>When you login, a temporary cookie is stored to identify you to the website, even after you close the browser session. When you logout, or too much time has passed, the cookie is automatically deleted.</li>
+              </ul>
+            </p>
+            <p>
+              <span class="subheader">Security</span>
+              <ul>
+                <li>This website works strictly over HTTPS to provide you a secured environment.</li>
+                <li>Your email address is not accessible by other users on the site. However, it can be viewed by the site administrator, for administration purposes. We promise not to share your email with others.</li>
+              </ul>
+            </p>
+          </v-card-text>
+          <v-card-actions>
+            <v-spacer></v-spacer>
+            <v-btn color="primary" nuxt to="/">
+              <v-icon left> mdi-home </v-icon>
+              Back to Home</v-btn
+            >
+          </v-card-actions>
+        </v-card>
+      </v-flex>
+    </v-layout>
+  </v-container>
+</template>
+
+<script>
+import { goToWcaAccountManagement } from '~/services/auth'
+export default {
+
+  methods: {
+    goToWcaAccountManagement
+  }
+
+}
+</script>