Firs Commit

components/layout/full/vertical-sidebar/Icon.vue

@@ -0,0 +1,23 @@
+<script setup>
+const props = defineProps({ item: Object, level: Number });
+</script>
+
+<template>
+  <template v-if="level > 0">
+    <component
+      :is="item"
+      size="5"
+      fill="currentColor"
+      stroke-width="1.5"
+      class="iconClass"
+    ></component>
+  </template>
+  <template v-else>
+    <component
+      :is="item"
+      size="20"
+      stroke-width="1.5"
+      class="iconClass"
+    ></component>
+  </template>
+</template>

components/layout/full/vertical-sidebar/NavGroup/index.vue

@@ -0,0 +1,7 @@
+<script setup>
+const props = defineProps({ item: Object });
+</script>
+
+<template>
+    <v-list-subheader color="darkText" class="smallCap text-uppercase text-subtitle-2 mt-5 font-weight-bold mini-text">{{ props.item.header}}</v-list-subheader>
+</template>

components/layout/full/vertical-sidebar/NavItem/index.vue

@@ -0,0 +1,37 @@
+<script setup>
+import { Icon } from '@iconify/vue';
+const props = defineProps({ item: Object, level: Number });
+</script>
+
+<template>
+    <!---Single Item-->
+    <v-list-item
+        :to="item.type === 'external' ? '' : item.to"
+        :href="item.type === 'external' ? item.to : ''"
+        rounded
+        class="mb-1"
+        :disabled="item.disabled"
+        :target="item.type === 'external' ? '_blank' : ''">
+        <!---If icon-->
+        <template v-slot:prepend>
+            <Icon :icon="'solar:' + item.icon" height="18" width="18" :level="level" class="dot" :class="'text-' + item.BgColor"/>
+        </template>
+        <v-list-item-title>{{item.title}}</v-list-item-title>
+        <!---If Caption-->
+        <v-list-item-subtitle v-if="item.subCaption" class="text-caption mt-n1 hide-menu">
+            {{ item.subCaption }}
+        </v-list-item-subtitle>
+        <!---If any chip or label-->
+        <template v-slot:append v-if="item.chip">
+            <v-chip
+                :color="item.chipColor"
+                :class="'sidebarchip hide-menu bg-' + item.chipBgColor"
+                :size="item.chipIcon ? 'small' : 'small'"
+                :variant="item.chipVariant"
+                :prepend-icon="item.chipIcon"
+            >
+                {{ item.chip }}
+            </v-chip>
+        </template>
+    </v-list-item>
+</template>

components/layout/full/vertical-sidebar/UpgradeBox/index.vue

@@ -0,0 +1,15 @@
+
+<template>
+    <v-sheet rounded="md" color="lightprimary" class="ExtraBox hide-menu mx-1 px-4 py-3">
+        <div class="d-flex align-center">
+            <!--div>
+                <h6 class="text-h6 text-10 mb-3">Upgrade to pro</h6>
+                <v-btn href="https://adminmart.com/product/matdash-vuetify-nuxt-js-admin-template/?ref=5" target="_blank" color="primary" flat>Buy Pro</v-btn>
+            </div>
+            <div class="">
+                <img src="/images/backgrounds/rupee.png" class="w-100 ms-9 px-2" />
+            </div-->
+        </div>
+    </v-sheet>
+</template>
+

components/layout/full/vertical-sidebar/sidebarItem.ts

@@ -0,0 +1,63 @@
+
+export interface menu {
+    header?: string;
+    title?: string;
+    icon?: any;
+    to?: string;
+    chip?: string;
+    BgColor?: string;
+    chipBgColor?: string;
+    chipColor?: string;
+    chipVariant?: string;
+    chipIcon?: string;
+    children?: menu[];
+    disabled?: boolean;
+    type?: string;
+    subCaption?: string;
+}
+
+const sidebarItem: menu[] = [
+
+    { header: 'Home' },
+    {
+        title: 'Dashboard',
+        icon: 'widget-add-line-duotone',
+        to: '/'
+    },
+    { header: 'Rekamedis' },
+    {
+        title: 'Pendaftaran',
+        icon: 'add-square-outline',
+        to: '/pendaftaran/rawatjalan/kategoripasien'
+    },
+    {
+        title: 'CPPT',
+        icon: 'clipboard-list-bold',
+        to: '/dokter/rawatjalan/cppt'
+    },
+    { header: 'auth' },
+    {
+        title: 'Login',
+        icon: 'login-3-line-duotone',
+        to: '/auth/login'
+    },
+    {
+        title: 'Register',
+        icon: 'user-plus-rounded-line-duotone',
+        to: '/auth/register'
+    },
+    { header: 'Extra' },
+    {
+        title: 'Icons',
+        icon: 'sticker-smile-circle-2-line-duotone',
+        to: '/icons'
+    },
+    {
+        title: 'Sample Page',
+        icon: 'planet-3-line-duotone',
+        to: '/sample-page'
+    },
+
+];
+
+export default sidebarItem;