summaryrefslogtreecommitdiff
path: root/components/AdminSidebar.vue
blob: 0ad19fd16e22f880154222a08e693d3712d21d6a (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
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="/admin/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="/admin/reports"
      )
        | Reports
</template>

<script>
export default {
  data() {
    return {
      page: "",
    };
  },
  created() {
    this.page = this.$route.name;
  },
};
</script>