Gava/agenciapsilmno
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Crud fixed

Browse Source
This commit is contained in:
Bahadır Sofuoğlu
2022-11-08 15:46:11 +03:00
parent f9d598918b
commit 5f7fda3332
4 changed files with 31 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/layout/AppConfig.vue
View File

@@ -55,13 +55,16 @@ const applyScale = () => {
<template v-if="true">
<h5>Menu Type</h5>
<div class="field-radiobutton">
<RadioButton name="menuMode" value="static" v-model="layoutConfig.menuMode.value" inputId="mode1"></RadioButton>
<label for="mode1">Static</label>
</div>
<div class="field-radiobutton">
<RadioButton name="menuMode" value="overlay" v-model="layoutConfig.menuMode.value" inputId="mode2"></RadioButton>
<label for="mode2">Overlay</label>
<div class="flex">
<div class="field-radiobutton flex-1">
<RadioButton name="menuMode" value="static" v-model="layoutConfig.menuMode.value" inputId="mode1"></RadioButton>
<label for="mode1">Static</label>
</div>
<div class="field-radiobutton flex-1">
<RadioButton name="menuMode" value="overlay" v-model="layoutConfig.menuMode.value" inputId="mode2"></RadioButton>
<label for="mode2">Overlay</label>
</div>
</div>
</template>

15
src/layout/AppTopbar.vue
View File

@@ -1,11 +1,13 @@
<script setup>
import { ref, computed, onMounted, onBeforeUnmount } from 'vue';
import { useLayoutService } from '@/layout/composables/layoutService';
import { useRouter } from 'vue-router';
const { layoutConfig, onMenuToggle } = useLayoutService();
const outsideClickListener = ref(null);
const topbarMenuActive = ref(false);
const router = useRouter();
onMounted(() => {
bindOutsideClickListener();
@@ -21,7 +23,10 @@ const logoUrl = () => {
const onTopBarMenuButton = () => {
topbarMenuActive.value = !topbarMenuActive.value;
};
const onSettingsClick = () => {
topbarMenuActive.value = false;
router.push('/documentation');
};
const topbarMenuClasses = computed(() => {
return {
'layout-topbar-menu-mobile-active': topbarMenuActive.value
@@ -70,18 +75,18 @@ const isOutsideClicked = (event) => {
</button>
<div class="layout-topbar-menu" :class="topbarMenuClasses">
<button class="p-link layout-topbar-button">
<button @click="onTopBarMenuButton()" class="p-link layout-topbar-button">
<i class="pi pi-calendar"></i>
<span>Calendar</span>
</button>
<button class="p-link layout-topbar-button">
<button @click="onTopBarMenuButton()" class="p-link layout-topbar-button">
<i class="pi pi-user"></i>
<span>Profile</span>
</button>
<router-link to="/documentation" class="p-link layout-topbar-button">
<button @click="onSettingsClick()" class="p-link layout-topbar-button">
<i class="pi pi-cog"></i>
<span>Settings</span>
</router-link>
</button>
</div>
</div>
</template>