From cb563c2c872c78e6c41d8e8c47ce3375fef7ca31 Mon Sep 17 00:00:00 2001
From: Anthony Kinsey <anthonyjk@gmail.com>
Date: Fri, 11 Feb 2022 16:35:16 -1000
Subject: [PATCH] feat: implement general settings skeleton

---
 src/router/index.js                 | 10 ++++++--
 src/views/admin/GeneralSettings.vue | 36 +++++++++++++++++++++++++++++
 2 files changed, 44 insertions(+), 2 deletions(-)
 create mode 100644 src/views/admin/GeneralSettings.vue

diff --git a/src/router/index.js b/src/router/index.js
index 30220e6c..8c7d4d20 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -16,6 +16,7 @@ import Mentions from '@/views/Mentions.vue'
 import Messages from '@/views/Messages.vue'
 import PostSearch from '@/views/PostSearch.vue'
 import Join from '@/views/Join.vue'
+import GeneralSettings from '@/views/admin/GeneralSettings.vue'
 import ConfirmAccount from '@/views/ConfirmAccount.vue'
 import ResetPassword from '@/views/ResetPassword.vue'
 import Profile from '@/views/Profile.vue'
@@ -30,6 +31,13 @@ import { localStorageAuth } from '@/composables/stores/auth'
 import BanStore from '@/composables/stores/ban'
 
 const routes = [
+  {
+    path: '/admin/settings',
+    alias: '/admin',
+    name: 'GeneralSettings',
+    component: GeneralSettings,
+    meta: { requiresAuth: true, bodyClass: 'general-settings' }
+  },
   {
     path: '/',
     name: 'Boards',
@@ -216,8 +224,6 @@ router.beforeEach(to => {
   BanStore.initBanNotice(localStorageAuth().data)
 
   // Redirect to login page if route has meta.requiresAuth set
-      console.log(to)
-
   if (to.meta.requiresAuth && !localStorageAuth().data.token) {
     router.push({
       name: 'Login',
diff --git a/src/views/admin/GeneralSettings.vue b/src/views/admin/GeneralSettings.vue
new file mode 100644
index 00000000..b5f60b8f
--- /dev/null
+++ b/src/views/admin/GeneralSettings.vue
@@ -0,0 +1,36 @@
+<template>
+  <h1>General Settings</h1>
+  <div class="description">Hello World</div>
+  {{config}}
+</template>
+
+<script>
+import { reactive, toRefs } from 'vue'
+import { adminApi } from '@/api'
+
+export default {
+  name: 'GeneralSettings',
+  beforeRouteEnter(to, from, next) {
+    adminApi.configurations().then(data => next(vm => vm.config = data))
+  },
+  beforeRouteUpdate(to, from, next) {
+    adminApi.configurations().then(data => {
+      this.config = data
+      next()
+    })
+  },
+  setup() {
+    const v = reactive({ config: {} })
+    return { ...toRefs(v) }
+  }
+}
+</script>
+
+<style lang="scss">
+.general-settings {
+  main #public-content {
+    max-width: unset;
+    grid-template-areas: 'header header' 'main main' 'main main';
+  }
+}
+</style>