add some router-link

This commit is contained in:
Bahadır Sofuoğlu
2022-11-07 15:11:33 +03:00
parent 4f477ec1f0
commit 98f567478e
3 changed files with 5 additions and 16 deletions

View File

@@ -13,7 +13,7 @@
<Button icon="pi pi-plus" type="button" pButton @click="incrementScale()" class="p-button-text p-button-rounded w-2rem h-2rem ml-2" :disabled="layoutConfig.scale.value === scales[scales.length - 1]"></Button> <Button icon="pi pi-plus" type="button" pButton @click="incrementScale()" class="p-button-text p-button-rounded w-2rem h-2rem ml-2" :disabled="layoutConfig.scale.value === scales[scales.length - 1]"></Button>
</div> </div>
<template v-if="!minimal"> <template v-if="true">
<h5>Menu Type</h5> <h5>Menu Type</h5>
<div class="field-radiobutton"> <div class="field-radiobutton">
<RadioButton name="menuMode" value="static" v-model="layoutConfig.menuMode.value" inputId="mode1"></RadioButton> <RadioButton name="menuMode" value="static" v-model="layoutConfig.menuMode.value" inputId="mode1"></RadioButton>
@@ -25,7 +25,7 @@
</div> </div>
</template> </template>
<template v-if="!minimal"> <template v-if="true">
<h5>Input Style</h5> <h5>Input Style</h5>
<div class="flex"> <div class="flex">
<div class="field-radiobutton flex-1"> <div class="field-radiobutton flex-1">

View File

@@ -7,7 +7,6 @@ const route = useRoute();
const { layoutConfig, setActiveMenuItem } = useLayoutService(); const { layoutConfig, setActiveMenuItem } = useLayoutService();
const show = ref(true);
const props = defineProps({ const props = defineProps({
item: { item: {
type: Object, type: Object,
@@ -30,13 +29,8 @@ const props = defineProps({
const isActiveMenu = ref(false); const isActiveMenu = ref(false);
const itemKey = ref(null); const itemKey = ref(null);
onBeforeMount(() => { onBeforeMount(() => {
if (!props.root) {
show.value = false;
}
itemKey.value = props.parentItemKey ? props.parentItemKey + '-' + props.index : String(props.index); itemKey.value = props.parentItemKey ? props.parentItemKey + '-' + props.index : String(props.index);
console.log();
isActiveMenu.value = layoutConfig.activeMenuItem.value === itemKey.value || layoutConfig.activeMenuItem?.value?.startsWith(itemKey.value + '-'); isActiveMenu.value = layoutConfig.activeMenuItem.value === itemKey.value || layoutConfig.activeMenuItem?.value?.startsWith(itemKey.value + '-');
}); });
watch( watch(
@@ -50,12 +44,7 @@ const itemClick = (event, item) => {
event.preventDefault(); event.preventDefault();
return; return;
} }
if (!item.to && !item.url) {
if (item.items) {
show.value = !show.value;
}
event.preventDefault();
}
//execute command //execute command
if (item.command) { if (item.command) {
item.command({ originalEvent: event, item: item }); item.command({ originalEvent: event, item: item });

View File

@@ -22,10 +22,10 @@
<i class="pi pi-user"></i> <i class="pi pi-user"></i>
<span>Profile</span> <span>Profile</span>
</button> </button>
<button class="p-link layout-topbar-button"> <router-link to="/documentation" class="p-link layout-topbar-button">
<i class="pi pi-cog"></i> <i class="pi pi-cog"></i>
<span>Settings</span> <span>Settings</span>
</button> </router-link>
</div> </div>
</div> </div>
</template> </template>