admin/hermione-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Canvas feature release 1

Browse Source
This commit is contained in:
andrea.terzani
2024-08-09 11:47:36 +02:00
parent acc5771bbf
commit 9bcab57044
12 changed files with 1651 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/layout/AppLayout.vue
View File

@@ -20,8 +20,8 @@ const containerClass = computed(() => {
return {
'layout-theme-light': !layoutConfig.darkTheme,
'layout-theme-dark': layoutConfig.darkTheme,
//'layout-overlay': layoutConfig.menuMode === 'overlay',
//'layout-static': layoutConfig.menuMode === 'static',
//'layout-overlay': layoutConfig.menuMode === 'overlay',
// 'layout-static': layoutConfig.menuMode === 'static',
'layout-static-inactive': layoutState.staticMenuDesktopInactive && layoutConfig.menuMode === 'static',
'layout-overlay-active': layoutState.overlayMenuActive,
'layout-mobile-active': layoutState.staticMenuMobileActive
@@ -54,9 +54,9 @@ const isOutsideClicked = (event) => {
<template>
<div class="layout-wrapper" :class="containerClass">
<app-topbar></app-topbar>
<!-- <div class="layout-sidebar">
<!-- <div class="layout-sidebar">
<app-sidebar></app-sidebar>
</div>-->
</div>-->
<div class="layout-main-container">
<div class="layout-main">
<router-view></router-view>

6
src/layout/AppMenu.vue
View File

@@ -6,8 +6,10 @@ import AppMenuItem from './AppMenuItem.vue';
const model = ref([
{
label: 'Scenarios',
items: [{ label: 'Scenario List', icon: 'pi pi-fw pi-id-card', to: '/scenario-list' }
]
items: [{ label: 'Scenario List', icon: 'pi pi-fw pi-id-card', to: '/scenario-list' }]
}, {
label: 'Canvas',
items: [{ label: 'New Canvas', icon: 'pi pi-fw pi-id-card', to: '/canvas' }]
}
]);
</script>

15
src/layout/AppTopbar.vue
View File

@@ -1,10 +1,14 @@
<script setup>
import { useLayout } from '@/layout/composables/layout';
import { useAuth } from '@websanova/vue-auth/src/v3.js';
import { useRouter } from 'vue-router';
import AppConfigurator from './AppConfigurator.vue';
import AppProfileMenu from './AppProfileMenu.vue';
const auth = useAuth();
const router = useRouter();
const { onMenuToggle, toggleDarkMode, isDarkTheme } = useLayout();
</script>
@@ -33,16 +37,23 @@ const { onMenuToggle, toggleDarkMode, isDarkTheme } = useLayout();
<span>HERMIONE</span>
</router-link>
</div>
<!--
<button class="layout-menu-button layout-topbar-action" @click="onMenuToggle">
<!-- <button class="layout-menu-button layout-topbar-action" @click="onMenuToggle">
<i class="pi pi-bars"></i>
</button>
-->
<div class="layout-topbar-actions">
<div class="layout-config-menu">
<button @click="router.push('/canvas')" class="layout-topbar-action" >
<i class="pi pi-file-edit"></i>
</button >
<button @click="router.push('/mdcanvas')" class="layout-topbar-action" >
<i class="pi pi-pencil"></i>
</button >
<button type="button" class="layout-topbar-action" @click="toggleDarkMode">
<i :class="['pi', { 'pi-moon': isDarkTheme, 'pi-sun': !isDarkTheme }]"></i>
</button>
<div class="relative">
<button
v-styleclass="{ selector: '@next', enterFromClass: 'hidden', enterActiveClass: 'animate-scalein', leaveToClass: 'hidden', leaveActiveClass: 'animate-fadeout', hideOnOutsideClick: true }"