From 4d396819c480abc23dec1502359e072b8a37a5af Mon Sep 17 00:00:00 2001
From: Andrew Lalis <andrewlalisofficial@gmail.com>
Date: Wed, 29 Mar 2023 11:55:19 +0200
Subject: [PATCH] Added about page.

---
 gymboard-app/src/i18n/en-US/index.ts    |  7 +++++++
 gymboard-app/src/i18n/nl-NL/index.ts    |  7 +++++++
 gymboard-app/src/layouts/MainLayout.vue | 13 +++++++++----
 gymboard-app/src/pages/AboutPage.vue    | 24 ++++++++++++++++++++++++
 gymboard-app/src/router/routes.ts       |  8 +++++---
 5 files changed, 52 insertions(+), 7 deletions(-)
 create mode 100644 gymboard-app/src/pages/AboutPage.vue

diff --git a/gymboard-app/src/i18n/en-US/index.ts b/gymboard-app/src/i18n/en-US/index.ts
index 0638912..7812b65 100644
--- a/gymboard-app/src/i18n/en-US/index.ts
+++ b/gymboard-app/src/i18n/en-US/index.ts
@@ -2,6 +2,13 @@ export default {
   mainLayout: {
     language: 'Language',
     pages: 'Pages',
+    menu: {
+      gyms: 'Gyms',
+      leaderboard: 'Global Leaderboard',
+      users: 'Users',
+      adminPanel: 'Admin Panel',
+      about: 'About Gymboard'
+    }
   },
   registerPage: {
     title: 'Create a Gymboard Account',
diff --git a/gymboard-app/src/i18n/nl-NL/index.ts b/gymboard-app/src/i18n/nl-NL/index.ts
index 2857dbe..20d2613 100644
--- a/gymboard-app/src/i18n/nl-NL/index.ts
+++ b/gymboard-app/src/i18n/nl-NL/index.ts
@@ -2,6 +2,13 @@ export default {
   mainLayout: {
     language: 'Taal',
     pages: "Pagina's",
+    menu: {
+      gyms: 'Sportscholen',
+      leaderboard: 'Wereldwijd klassement',
+      users: 'Gebruikers',
+      adminPanel: 'Adminpaneel',
+      about: 'Over Gymboard'
+    }
   },
   registerPage: {
     title: 'Maak een nieuwe Gymboard account aan',
diff --git a/gymboard-app/src/layouts/MainLayout.vue b/gymboard-app/src/layouts/MainLayout.vue
index 8a11bda..742b83f 100644
--- a/gymboard-app/src/layouts/MainLayout.vue
+++ b/gymboard-app/src/layouts/MainLayout.vue
@@ -24,22 +24,27 @@
       <q-list>
         <q-item clickable to="/">
           <q-item-section>
-            <q-item-label>Gyms</q-item-label>
+            <q-item-label>{{ $t('mainLayout.menu.gyms') }}</q-item-label>
           </q-item-section>
         </q-item>
         <q-item clickable>
           <q-item-section>
-            <q-item-label>Global Leaderboard</q-item-label>
+            <q-item-label>{{ $t('mainLayout.menu.leaderboard') }}</q-item-label>
           </q-item-section>
         </q-item>
         <q-item clickable to="/users">
           <q-item-section>
-            <q-item-label>Users</q-item-label>
+            <q-item-label>{{ $t('mainLayout.menu.users') }}</q-item-label>
           </q-item-section>
         </q-item>
         <q-item clickable to="/admin" v-if="authStore.isAdmin">
           <q-item-section>
-            <q-item-label>Admin Panel</q-item-label>
+            <q-item-label>{{ $t('mainLayout.menu.adminPanel') }}</q-item-label>
+          </q-item-section>
+        </q-item>
+        <q-item clickable to="/about">
+          <q-item-section>
+            <q-item-label>{{ $t('mainLayout.menu.about')}}</q-item-label>
           </q-item-section>
         </q-item>
       </q-list>
diff --git a/gymboard-app/src/pages/AboutPage.vue b/gymboard-app/src/pages/AboutPage.vue
new file mode 100644
index 0000000..f918aa4
--- /dev/null
+++ b/gymboard-app/src/pages/AboutPage.vue
@@ -0,0 +1,24 @@
+<template>
+  <q-page>
+    <StandardCenteredPage>
+      <h3 class="text-center">About Gymboard</h3>
+      <p>
+        Gymboard is a platform for sharing and celebrating your lifting
+        achievements. Record your lift, submit it to your gym's page, and climb
+        the leaderboards!
+      </p>
+      <p>
+        A more substantial piece of text and media will be added here soon.
+      </p>
+    </StandardCenteredPage>
+  </q-page>
+</template>
+
+<script setup lang="ts">
+import StandardCenteredPage from 'components/StandardCenteredPage.vue';
+
+</script>
+
+<style scoped>
+
+</style>
diff --git a/gymboard-app/src/router/routes.ts b/gymboard-app/src/router/routes.ts
index 58b476b..f28393d 100644
--- a/gymboard-app/src/router/routes.ts
+++ b/gymboard-app/src/router/routes.ts
@@ -13,8 +13,9 @@ import SubmissionPage from 'pages/SubmissionPage.vue';
 import UserPage from 'pages/user/UserPage.vue';
 import UserSettingsPage from 'pages/auth/UserSettingsPage.vue';
 import UserSearchPage from 'pages/UserSearchPage.vue';
-import AdminPage from "pages/admin/AdminPage.vue";
-import {useAuthStore} from "stores/auth-store";
+import AdminPage from 'pages/admin/AdminPage.vue';
+import {useAuthStore} from 'stores/auth-store';
+import AboutPage from 'pages/AboutPage.vue';
 
 const routes: RouteRecordRaw[] = [
   // Auth-related pages, which live outside the main layout.
@@ -50,7 +51,8 @@ const routes: RouteRecordRaw[] = [
           const s = useAuthStore();
           if (!s.isAdmin) return '/'; // Redirect non-admins to the main page.
         }
-      }
+      },
+      { path: 'about', component: AboutPage },
     ],
   },