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 @@ - Gyms + {{ $t('mainLayout.menu.gyms') }} - Global Leaderboard + {{ $t('mainLayout.menu.leaderboard') }} - Users + {{ $t('mainLayout.menu.users') }} - Admin Panel + {{ $t('mainLayout.menu.adminPanel') }} + + + + + {{ $t('mainLayout.menu.about')}} 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 @@ + + + + + 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 }, ], },