Просмотр исходного кода

feat(notifications): add scroll area for notifications and new notification entries

ebagabee 4 недель назад
Родитель
Сommit
3ac71d45f7
1 измененных файлов с 63 добавлено и 1 удалено
  1. 63 1
      src/components/layout/DefaultHeaderPage.vue

+ 63 - 1
src/components/layout/DefaultHeaderPage.vue

@@ -128,7 +128,12 @@
                   </div>
                   <q-separator />
 
-                  <q-list v-if="notifications.length" separator>
+                  <q-scroll-area
+                    v-if="notifications.length"
+                    style="height: 360px"
+                    :thumb-style="{ width: '5px', borderRadius: '4px' }"
+                  >
+                  <q-list separator>
                     <q-item
                       v-for="n in notifications"
                       :key="n.id"
@@ -162,6 +167,7 @@
                       </q-item-section>
                     </q-item>
                   </q-list>
+                  </q-scroll-area>
 
                   <div
                     v-else
@@ -316,6 +322,62 @@ const notifications = ref([
     title: "Contrato atualizado",
     message: "O contrato da franquia foi atualizado com sucesso.",
     datetime: "2026-06-30T11:05:00",
+    read: false,
+  },
+  {
+    id: 4,
+    icon: "mdi-alert-circle-outline",
+    title: "Pagamento em atraso",
+    message: "A unidade Zona Sul possui uma parcela vencida há 3 dias.",
+    datetime: "2026-06-29T08:20:00",
+    read: false,
+  },
+  {
+    id: 5,
+    icon: "mdi-check-decagram-outline",
+    title: "Pagamento confirmado",
+    message: "O boleto da unidade Barra foi compensado com sucesso.",
+    datetime: "2026-06-28T14:10:00",
+    read: false,
+  },
+  {
+    id: 6,
+    icon: "mdi-lifebuoy",
+    title: "Novo chamado de suporte",
+    message: "A unidade Norte abriu um chamado sobre acesso ao sistema.",
+    datetime: "2026-06-27T10:55:00",
+    read: true,
+  },
+  {
+    id: 7,
+    icon: "mdi-package-variant-closed",
+    title: "Pacote de aulas publicado",
+    message: "Um novo pacote foi disponibilizado para todas as unidades.",
+    datetime: "2026-06-26T17:30:00",
+    read: true,
+  },
+  {
+    id: 8,
+    icon: "mdi-cake-variant-outline",
+    title: "Aniversariantes do dia",
+    message: "5 alunos fazem aniversário hoje na sua rede.",
+    datetime: "2026-06-25T07:00:00",
+    read: true,
+  },
+  {
+    id: 9,
+    icon: "mdi-store-plus-outline",
+    title: "Nova unidade cadastrada",
+    message: "A unidade Jardins foi adicionada à franquia.",
+    datetime: "2026-06-24T13:45:00",
+    read: true,
+  },
+  {
+    id: 10,
+    icon: "mdi-shield-check-outline",
+    title: "Atualização de segurança",
+    message: "Recomendamos revisar as permissões de acesso dos usuários.",
+    datetime: "2026-06-23T09:05:00",
     read: true,
   },
 ]);