Added Cia Scenario Viewer

src/layout/AppLayout.vue

@@ -2,6 +2,7 @@
 import { useLayout } from '@/layout/composables/layout';
 import { computed, ref, watch } from 'vue';
 import AppFooter from './AppFooter.vue';
+import AppSidebar from './AppSidebar.vue';
 import AppTopbar from './AppTopbar.vue';
 
 const { layoutConfig, layoutState, isSidebarActive, resetMenu } = useLayout();
@@ -20,8 +21,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 +55,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>

src/layout/AppMenu.vue

@@ -6,10 +6,13 @@ 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: 'Scenarios', icon: 'pi pi-fw pi-id-card', to: '/' },
+        { label: 'CIA Scenario', icon: 'pi pi-fw pi-id-card', to: '/cia' },
+        { label: 'Executions', icon: 'pi pi-fw pi-id-card', to: '/exectutions' }]
     }, {
         label: 'Canvas',
-        items: [{ label: 'New Canvas', icon: 'pi pi-fw pi-id-card', to: '/canvas' }]
+        items: [{ label: 'New Canvas', icon: 'pi pi-fw pi-id-card', to: '/mdcanvas' }]
     } 
 ]);
 </script>

src/layout/AppTopbar.vue

@@ -38,10 +38,10 @@ const { onMenuToggle, toggleDarkMode, isDarkTheme } = useLayout();
             </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" >