feat: reorganize sidebar items

ladesa-ro · Feb 2, 2025 · dc32c9b · dc32c9b
1 parent 332dcf2
commit dc32c9b
Show file tree

Hide file tree

Showing 4 changed files with 71 additions and 39 deletions.
diff --git a/app/components/Appbar/Appbar.vue b/app/components/Appbar/Appbar.vue
@@ -16,7 +16,10 @@ const notificationsButtonEl = ref(null);
   <header
     class="flex items-center w-full h-[4.563rem] border-b border-ldsa-grey/50 bg-ldsa-bg"
   >
-    <div class="m-[0.34375rem] cursor-pointer" @click="toggleHamburger">
+    <div
+      class="m-[0.34375rem] cursor-pointer shrink-0"
+      @click="toggleHamburger"
+    >
       <IconsMenuIconHamburgerOn
         v-if="hamburgerActive"
         class="p-3 w-[2.813rem]"
@@ -44,7 +47,7 @@ const notificationsButtonEl = ref(null);
     <div class="mr-3" />
 
     <LogoSisghaLogomarca
-      class="mr-8 w-[8.75rem] hidden sm:block cursor-pointer"
+      class="mr-8 w-[8.75rem] hidden sm:block cursor-pointer shrink-0"
     />
   </header>
 </template>
diff --git a/app/components/UI/Layouts/Dashboard/Sisgea/Common/Sidebar/Items/Items.ts b/app/components/UI/Layouts/Dashboard/Sisgea/Common/Sidebar/Items/Items.ts
@@ -1,6 +1,8 @@
 import iconAmbientes from '~/assets/icons/Ambientes.svg';
 import iconBlocos from '~/assets/icons/Blocos.svg';
+import iconLogout from '~/assets/icons/Logout.svg';
 import iconReservas from '~/assets/icons/Reservas.svg';
+import iconPerfil from '~/assets/icons/Usuario.svg';
 import type { ISidebarItem } from '../../../../../../../Sidebar/SidebarItem/ISidebarItem';
 
 export const useLayoutsDashboardSisgeaCommonSidebarItems = () => {
@@ -26,6 +28,22 @@ export const useLayoutsDashboardSisgeaCommonSidebarItems = () => {
       to: '/sisgea/blocos',
       exact: false,
     },
+
+    {
+      type: 'link',
+      title: 'Perfil',
+      icon: iconPerfil,
+      to: `/sisgea/perfil`,
+      exact: false,
+    },
+
+    {
+      type: 'link',
+      title: 'Sair',
+      icon: iconLogout,
+      to: '/logout',
+      exact: false,
+    },
   ];
 
   return { items };

diff --git a/app/components/UI/Layouts/Dashboard/Sisgha/Dape/Sidebar/Items/Items.ts b/app/components/UI/Layouts/Dashboard/Sisgha/Dape/Sidebar/Items/Items.ts
@@ -21,53 +21,56 @@ export const useLayoutsDashboardSisghaDapeSidebarItems = () => {
       to: `${CAMINHO_DAPE}/`,
       exact: true,
     },
-    {
-      type: 'link',
-      title: 'Turmas',
-      icon: iconTurmas,
-      to: `${CAMINHO_DAPE}/turmas`,
-      exact: false,
-    },
-    {
-      type: 'link',
-      title: 'Disciplinas',
-      icon: iconDisciplina,
-      to: `${CAMINHO_DAPE}/disciplinas`,
-      exact: false,
-    },
-    {
-      type: 'link',
-      title: 'Perfil',
-      icon: iconPerfil,
-      to: `${CAMINHO_DAPE}/perfil`,
-      exact: false,
-    },
-    {
-      type: 'link',
-      title: 'Diários',
-      icon: iconDiario,
-      to: `${CAMINHO_DAPE}/diarios`,
-      exact: false,
-    },
+
     {
       type: 'link',
       title: 'Calendário',
       icon: iconCalendario,
       to: `${CAMINHO_DAPE}/calendario`,
       exact: false,
     },
+
     {
       type: 'group',
-      title: 'Outros',
+      title: 'Gestão',
       icon: iconOutros,
       items: [
+        {
+          type: 'link',
+          title: 'Diários',
+          icon: iconDiario,
+          to: `${CAMINHO_DAPE}/diarios`,
+          exact: false,
+        },
+        {
+          type: 'link',
+          title: 'Turmas',
+          icon: iconTurmas,
+          to: `${CAMINHO_DAPE}/turmas`,
+          exact: false,
+        },
         {
           type: 'link',
           title: 'Usuários',
           icon: iconUsuarios,
           to: `${CAMINHO_DAPE}/usuarios`,
           exact: false,
         },
+      ],
+    },
+
+    {
+      type: 'group',
+      title: 'Ensino',
+      icon: iconOutros,
+      items: [
+        {
+          type: 'link',
+          title: 'Disciplinas',
+          icon: iconDisciplina,
+          to: `${CAMINHO_DAPE}/disciplinas`,
+          exact: false,
+        },
         {
           type: 'link',
           title: 'Cursos',
@@ -80,6 +83,14 @@ export const useLayoutsDashboardSisghaDapeSidebarItems = () => {
 
     { type: 'spacer' },
 
+    {
+      type: 'link',
+      title: 'Perfil',
+      icon: iconPerfil,
+      to: `${CAMINHO_DAPE}/perfil`,
+      exact: false,
+    },
+
     {
       type: 'link',
       title: 'Sair',

diff --git a/app/components/UI/Layouts/Dashboard/Sisgha/Professor/Sidebar/Items/Items.ts b/app/components/UI/Layouts/Dashboard/Sisgha/Professor/Sidebar/Items/Items.ts
@@ -16,14 +16,6 @@ export const useLayoutsDashboardSisghaProfessorSidebarItems = () => {
       exact: true,
     },
 
-    {
-      type: 'link',
-      title: 'Perfil',
-      icon: iconPerfil,
-      to: `${CAMINHO_PROFESSOR}/perfil`,
-      exact: false,
-    },
-
     {
       type: 'link',
       title: 'Calendário',
@@ -34,6 +26,14 @@ export const useLayoutsDashboardSisghaProfessorSidebarItems = () => {
 
     { type: 'spacer' },
 
+    {
+      type: 'link',
+      title: 'Perfil',
+      icon: iconPerfil,
+      to: `${CAMINHO_PROFESSOR}/perfil`,
+      exact: false,
+    },
+
     {
       type: 'link',
       title: 'Sair',