first commit

2025-05-23 15:36:39 +07:00
commit 692ffdf2f1
129 changed files with 12232 additions and 0 deletions
@@ -0,0 +1,65 @@
+<script setup lang="ts">
+import { onMounted, ref, shallowRef, watch } from 'vue';
+import { useDisplay } from "vuetify";
+import sidebarItems from "@/components/layout/full/vertical-sidebar/sidebarItem";
+import { Menu2Icon } from "vue-tabler-icons";
+
+const sidebarMenu = shallowRef(sidebarItems);
+
+const { mdAndDown } = useDisplay();
+const sDrawer = ref(true);
+onMounted(() => {
+  sDrawer.value = !mdAndDown.value; // hide on mobile, show on desktop
+});
+watch(mdAndDown, (val) => {
+  sDrawer.value = !val;
+});
+</script>
+
+<template>
+  <!------Sidebar-------->
+  <v-navigation-drawer left elevation="0" app v-model="sDrawer">
+    <!---Logo part -->
+    <div class="pa-5">
+      <LayoutFullLogo />
+    </div>
+    <!-- ---------------------------------------------- -->
+    <!---Navigation -->
+    <!-- ---------------------------------------------- -->
+    <div>
+      <perfect-scrollbar class="scrollnavbar">
+        <v-list class="pa-6 pt-0">
+          <!---Menu Loop -->
+          <template v-for="(item, i) in sidebarMenu">
+            <!---Item Sub Header -->
+            <LayoutFullVerticalSidebarNavGroup :item="item" v-if="item.header" :key="item.title" />
+
+            <!---If Has Child -->
+            <LayoutFullVerticalSidebarNavCollapse class="leftPadding" :item="item" :level="0"
+              v-else-if="item.children" />
+
+            <!---Single Item-->
+            <LayoutFullVerticalSidebarNavItem :item="item" v-else class="leftPadding" />
+            <!---End Single Item-->
+          </template>
+        </v-list>
+      </perfect-scrollbar>
+    </div>
+  </v-navigation-drawer>
+  <!------Header-------->
+  <v-app-bar elevation="0" height="70" class="top-header">
+    <div class="d-flex align-center justify-space-between w-100">
+      <div>
+        <v-btn class="hidden-lg-and-up ms-md-3  text-muted" @click="sDrawer = !sDrawer" icon variant="flat"
+          size="small">
+          <Menu2Icon size="20" stroke-width="1.5" />
+        </v-btn>
+        <!-- Notification -->
+        <LayoutFullVerticalHeaderNotificationDD />
+      </div>
+      <div>
+        <LayoutFullVerticalHeaderProfileDD />
+      </div>
+    </div>
+  </v-app-bar>
+</template>