first commit
This commit is contained in:
No files matched your search
@@ -0,0 +1,53 @@
|
||||
<script setup>
|
||||
const props = defineProps({ item: Object, level: Number });
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div class="mb-0">
|
||||
<!---Single Item-->
|
||||
<v-list-item
|
||||
:href="item.external ? item.to : undefined"
|
||||
:to="!item.external ? item.to : undefined"
|
||||
rounded="lg"
|
||||
class=""
|
||||
color=""
|
||||
:ripple="false"
|
||||
:disabled="item.disabled"
|
||||
:target="item.external === true ? '_blank' : undefined"
|
||||
>
|
||||
<!---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 class="text-body-1 text-darkText">{{
|
||||
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="secondary"
|
||||
class="font-weight-bold"
|
||||
size="x-small"
|
||||
rounded="sm"
|
||||
>
|
||||
{{ item.chip }}
|
||||
</v-chip>
|
||||
</template>
|
||||
</v-list-item>
|
||||
</div>
|
||||
</template>
|
||||
@@ -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>
|
||||
@@ -0,0 +1,63 @@
|
||||
<script setup>
|
||||
import { Icon } from "@iconify/vue";
|
||||
const props = defineProps({ item: Object, level: Number });
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<!-- ---------------------------------------------- -->
|
||||
<!---Item Childern -->
|
||||
<!-- ---------------------------------------------- -->
|
||||
<div class="mb-1">
|
||||
<v-list-group no-action>
|
||||
<!-- ---------------------------------------------- -->
|
||||
<!---Dropdown -->
|
||||
<!-- ---------------------------------------------- -->
|
||||
<template v-slot:activator="{ props }">
|
||||
<v-list-item
|
||||
v-bind="props"
|
||||
:value="item.title"
|
||||
:ripple="false"
|
||||
|
||||
>
|
||||
<!---Icon -->
|
||||
<template v-slot:prepend>
|
||||
<Icon :icon="'solar:' + item.icon" height="18" width="18" :level="level" class="dot" :class="'text-' + item.BgColor" />
|
||||
</template>
|
||||
<!---Title -->
|
||||
<v-list-item-title class="mr-auto">{{ 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>
|
||||
</v-list-item>
|
||||
</template>
|
||||
<!-- ---------------------------------------------- -->
|
||||
<!---Sub Item-->
|
||||
<!-- ---------------------------------------------- -->
|
||||
<div class="sublinks">
|
||||
<template
|
||||
v-for="(subitem, i) in item.children"
|
||||
:key="i"
|
||||
v-if="item.children"
|
||||
>
|
||||
<LayoutFullVerticalSidebarNavCollapse
|
||||
:item="subitem"
|
||||
v-if="subitem.children"
|
||||
:level="level + 1"
|
||||
/>
|
||||
<LayoutFullVerticalSidebarDropdown
|
||||
:item="subitem"
|
||||
:level="level + 1"
|
||||
v-else
|
||||
></LayoutFullVerticalSidebarDropdown>
|
||||
</template>
|
||||
</div>
|
||||
</v-list-group>
|
||||
</div>
|
||||
<!-- ---------------------------------------------- -->
|
||||
<!---End Item Sub Header -->
|
||||
<!-- ---------------------------------------------- -->
|
||||
</template>
|
||||
@@ -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>
|
||||
@@ -0,0 +1,31 @@
|
||||
<script setup>
|
||||
import { Icon } from '@iconify/vue';
|
||||
const props = defineProps({ item: Object, level: Number });
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<!---Single Item-->
|
||||
<v-list-item
|
||||
:href="item.external ? item.to : undefined"
|
||||
:to="!item.external ? item.to : undefined"
|
||||
rounded
|
||||
class="mb-1"
|
||||
:disabled="item.disabled"
|
||||
:target="item.external === true ? '_blank' : undefined">
|
||||
<!---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="secondary" class="font-weight-bold" size="x-small" rounded="sm">
|
||||
{{ item.chip }}
|
||||
</v-chip>
|
||||
</template>
|
||||
</v-list-item>
|
||||
</template>
|
||||
@@ -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 justify-space-between">
|
||||
<div>
|
||||
<h6 class="text-h6 text-10 mb-3">Check Pro Version</h6>
|
||||
<v-btn href="https://adminmart.com/product/matdash-vuetify-nuxt-js-admin-template/?ref=56#product-demo-section" target="_blank" color="primary" flat>Check</v-btn>
|
||||
</div>
|
||||
<div class="position-relative me-n8">
|
||||
<img src="/images/backgrounds/rupee.png" height="90" width="90" />
|
||||
</div>
|
||||
</div>
|
||||
</v-sheet>
|
||||
</template>
|
||||
|
||||
@@ -0,0 +1,110 @@
|
||||
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;
|
||||
external?: boolean;
|
||||
}
|
||||
|
||||
const sidebarItem: menu[] = [
|
||||
{ header: "Home" },
|
||||
{
|
||||
title: "Dashboard",
|
||||
icon: "adhesive-plaster-outline",
|
||||
to: "/",
|
||||
},
|
||||
{
|
||||
title: "Front Pages",
|
||||
icon: "home-angle-linear",
|
||||
to: "/front",
|
||||
children: [
|
||||
{
|
||||
title: "Coba VueForm",
|
||||
to: "/coba",
|
||||
external: false,
|
||||
},
|
||||
{
|
||||
title: "Coba VueForm2",
|
||||
to: "/coba2",
|
||||
external: false,
|
||||
},
|
||||
{
|
||||
title: "Homepage",
|
||||
to: "https://matdash-nuxt-main.netlify.app/front-pages/homepage",
|
||||
chip: "Pro",
|
||||
external: true,
|
||||
},
|
||||
],
|
||||
},
|
||||
{ header: "utilities" },
|
||||
{
|
||||
title: "Typography",
|
||||
icon: "text-circle-outline",
|
||||
to: "/ui/typography",
|
||||
},
|
||||
{
|
||||
title: "Shadow",
|
||||
icon: "watch-square-minimalistic-charge-line-duotone",
|
||||
to: "/ui/shadow",
|
||||
},
|
||||
|
||||
{ header: "Pages" },
|
||||
{
|
||||
title: "Sample Page",
|
||||
icon: "planet-3-line-duotone",
|
||||
to: "/sample-page",
|
||||
},
|
||||
|
||||
|
||||
{ header: "Ui" },
|
||||
{
|
||||
title: "Alert",
|
||||
icon: "volume-small-broken",
|
||||
to: "/ui-components/alerts",
|
||||
},
|
||||
{
|
||||
title: "Button",
|
||||
icon: "tag-horizontal-outline",
|
||||
to: "/ui-components/buttons",
|
||||
},
|
||||
{
|
||||
title: "Cards",
|
||||
icon: "cardholder-linear",
|
||||
to: "/ui-components/cards",
|
||||
},
|
||||
{
|
||||
title: "Tables",
|
||||
icon: "suspension-outline",
|
||||
to: "/ui-components/tables",
|
||||
},
|
||||
|
||||
{ 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: "Tabler Icons",
|
||||
icon: "sticker-smile-circle-2-line-duotone",
|
||||
to: "/icons",
|
||||
},
|
||||
];
|
||||
|
||||
export default sidebarItem;
|
||||
Reference in New Issue
Block a user