Admin initial components

1 files changed, 34 insertions, 0 deletions

diff --git a/components/AdminSidebar.vue b/components/AdminSidebar.vue
new file mode 100644
index 0000000..d044cea
--- /dev/null
+++ b/components/AdminSidebar.vue
@@ -0,0 +1,34 @@
+<template lang="pug">
+  ul.space-y-6.border-l.border-gray-300(class="dark:border-gray-800")
+    li
+      a.block.border-l.pl-4.border-transparent.text-gray-700(
+        :class="{'hover:border-gray-400 dark:hover:border-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300': true, 'font-semibold hover:text-green-800 text-green-700 dark:text-green-400 dark:hover:text-green-500 border-green-500': page == 'admin'}"
+        href="/admin"
+      )
+        | Users
+    li
+      a.block.border-l.pl-4.border-transparent.text-gray-700(
+        :class="{'hover:border-gray-400 dark:hover:border-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300': true, 'font-semibold hover:text-green-800 text-green-700 dark:text-green-400 dark:hover:text-green-500 border-green-500': page == 'admin-models'}"
+        href="/models"
+      )
+        | Models
+    li
+      a.block.border-l.pl-4.border-transparent.text-gray-700(
+        :class="{'hover:border-gray-400 dark:hover:border-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-300': true, 'font-semibold hover:text-green-800 text-green-700 dark:text-green-400 dark:hover:text-green-500 border-green-500': page == 'admin-reports'}"
+        href="/reports"
+      )
+        | Reports
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      page: "",
+    };
+  },
+  created() {
+    this.page = this.$route.name;
+  },
+};
+</script>