lesli_bell 0.2.0 → 1.0.0

data/app/views/lesli_bell/partials/{_engine-navigation.html.erb → _navigation.html.erb}

@@ -20,5 +20,5 @@ For more information read the license file including with this software.
 
 <%= navigation_item(lesli_bell.dashboard_path, "Dashboard", "ri-dashboard-3-line") %>
 <%= navigation_item(lesli_bell.notifications_path, "Notifications", "ri-notification-3-line") %>
-<%#= navigation_item(lesli_bell.announcements_path, "Announcements", "ri-feedback-line") %>
+<%= navigation_item(lesli_bell.announcements_path, "Announcements", "ri-megaphone-line") %>
 <%#= navigation_item(lesli_bell.dashboard_path, "Settings", "ri-settings-3-line") %>

data/config/locales/translations.en.yml

@@ -1,27 +1,2 @@
 ---
-:en:
-  lesli_bell:
-    notifications:
-      view_create_notification: Create notification
-      column_subject: Subject
-      column_body: Body
-      view_title: Notifications
-  lesli:
-    shared:
-      view_discussions: Discussions
-      button_add_new: Add new
-      button_reload: Reload
-      view_files: Files
-      view_quick_actions: Quick actions
-      button_list: List
-      button_save: Save
-      button_delete: Delete
-      button_edit: Edit
-      view_status_active: Active
-      view_status_inactive: Inactive
-      button_settings: Settings
-      button_show: Show
-      toolbar_search: Search...
-    application:
-      navigation_logout: Logout
-      navigation_my_profile: My profile
+:en: {}

data/config/locales/translations.es.yml

@@ -1,27 +1,2 @@
 ---
-:es:
-  lesli_bell:
-    notifications:
-      view_create_notification: Crear notificación
-      column_subject: Asunto
-      column_body: Contenido
-      view_title: Notificaciones
-  lesli:
-    shared:
-      view_discussions: Discusiones
-      button_add_new: Agregar nuevo
-      button_reload: Recargar
-      view_files: Archivos
-      view_quick_actions: Acciones rapidas
-      button_list: Lista
-      button_save: Guardar
-      button_delete: Eliminar
-      button_edit: Editar
-      view_status_active: Activo
-      view_status_inactive: Inactivo
-      button_settings: Configuración
-      button_show: Ver
-      toolbar_search: Buscar...
-    application:
-      navigation_logout: Cerrar sesión
-      navigation_my_profile: Mi perfil
+:es: {}

data/config/locales/translations.fr.yml

@@ -1,27 +1,2 @@
 ---
-:fr:
-  lesli_bell:
-    notifications:
-      view_create_notification: ":lesli_bell.notifications.view_create_notification:"
-      column_subject: ":lesli_bell.notifications.column_subject:"
-      column_body: ":lesli_bell.notifications.column_body:"
-      view_title: ":lesli_bell.notifications.view_title:"
-  lesli:
-    shared:
-      view_discussions: ":lesli.shared.view_discussions:"
-      button_add_new: ":lesli.shared.button_add_new:"
-      button_reload: ":lesli.shared.button_reload:"
-      view_files: ":lesli.shared.view_files:"
-      view_quick_actions: ":lesli.shared.view_quick_actions:"
-      button_list: ":lesli.shared.button_list:"
-      button_save: ":lesli.shared.button_save:"
-      button_delete: ":lesli.shared.button_delete:"
-      button_edit: ":lesli.shared.button_edit:"
-      view_status_active: ":lesli.shared.view_status_active:"
-      view_status_inactive: ":lesli.shared.view_status_inactive:"
-      button_settings: ":lesli.shared.button_settings:"
-      button_show: ":lesli.shared.button_show:"
-      toolbar_search: ":lesli.shared.toolbar_search:"
-    application:
-      navigation_logout: ":lesli.application.navigation_logout:"
-      navigation_my_profile: ":lesli.application.navigation_my_profile:"
+:fr: {}

data/config/locales/translations.it.yml

@@ -1,27 +1,2 @@
 ---
-:it:
-  lesli_bell:
-    notifications:
-      view_create_notification: ":lesli_bell.notifications.view_create_notification:"
-      column_subject: ":lesli_bell.notifications.column_subject:"
-      column_body: ":lesli_bell.notifications.column_body:"
-      view_title: ":lesli_bell.notifications.view_title:"
-  lesli:
-    shared:
-      view_discussions: ":lesli.shared.view_discussions:"
-      button_add_new: ":lesli.shared.button_add_new:"
-      button_reload: ":lesli.shared.button_reload:"
-      view_files: ":lesli.shared.view_files:"
-      view_quick_actions: ":lesli.shared.view_quick_actions:"
-      button_list: ":lesli.shared.button_list:"
-      button_save: ":lesli.shared.button_save:"
-      button_delete: ":lesli.shared.button_delete:"
-      button_edit: ":lesli.shared.button_edit:"
-      view_status_active: ":lesli.shared.view_status_active:"
-      view_status_inactive: ":lesli.shared.view_status_inactive:"
-      button_settings: ":lesli.shared.button_settings:"
-      button_show: ":lesli.shared.button_show:"
-      toolbar_search: ":lesli.shared.toolbar_search:"
-    application:
-      navigation_logout: ":lesli.application.navigation_logout:"
-      navigation_my_profile: ":lesli.application.navigation_my_profile:"
+:it: {}

data/config/locales/translations.pt.yml

@@ -1,27 +1,2 @@
 ---
-:pt:
-  lesli_bell:
-    notifications:
-      view_create_notification: ":lesli_bell.notifications.view_create_notification:"
-      column_subject: ":lesli_bell.notifications.column_subject:"
-      column_body: ":lesli_bell.notifications.column_body:"
-      view_title: ":lesli_bell.notifications.view_title:"
-  lesli:
-    shared:
-      view_discussions: ":lesli.shared.view_discussions:"
-      button_add_new: ":lesli.shared.button_add_new:"
-      button_reload: ":lesli.shared.button_reload:"
-      view_files: ":lesli.shared.view_files:"
-      view_quick_actions: ":lesli.shared.view_quick_actions:"
-      button_list: ":lesli.shared.button_list:"
-      button_save: ":lesli.shared.button_save:"
-      button_delete: ":lesli.shared.button_delete:"
-      button_edit: ":lesli.shared.button_edit:"
-      view_status_active: ":lesli.shared.view_status_active:"
-      view_status_inactive: ":lesli.shared.view_status_inactive:"
-      button_settings: ":lesli.shared.button_settings:"
-      button_show: ":lesli.shared.button_show:"
-      toolbar_search: ":lesli.shared.toolbar_search:"
-    application:
-      navigation_logout: ":lesli.application.navigation_logout:"
-      navigation_my_profile: ":lesli.application.navigation_my_profile:"
+:pt: {}

data/config/routes.rb

@@ -2,7 +2,7 @@
 
 Lesli
 
-Copyright (c) 2023, Lesli Technologies, S. A.
+Copyright (c) 2025, Lesli Technologies, S. A.
 
 This program is free software: you can redistribute it and/or modify
 it under the terms of the GNU General Public License as published by
@@ -31,8 +31,7 @@ Building a better future, one line of code at a time.
 =end
 
 LesliBell::Engine.routes.draw do  
-    root to: "dashboards#show"
-    resource :dashboard, only: [:show]
-    resources :notifications, only: [:index, :new]
+    Lesli::Routing.mount_dashboard_for(LesliBell)
+    resources :notifications, only: [:index, :new, :update]
     resources :announcements, only: [:index]
 end

data/db/migrate/v1.0/0308000110_create_lesli_bell_accounts.rb

@@ -32,11 +32,6 @@ Building a better future, one line of code at a time.
 
 class CreateLesliBellAccounts < ActiveRecord::Migration[7.0]
     def change
-        create_table :lesli_bell_accounts do |t|
-            t.integer   :status
-            t.datetime  :deleted_at, index: true
-            t.timestamps
-        end
-        add_reference(:lesli_bell_accounts, :account, foreign_key: { to_table: :lesli_accounts })
+        create_table_lesli_shared_account_10(:lesli_bell)
     end
 end

data/db/migrate/v1.0/0308003010_create_lesli_bell_dashboards.rb

@@ -0,0 +1,37 @@
+=begin
+
+Lesli
+
+Copyright (c) 2025, Lesli Technologies, S. A.
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program. If not, see http://www.gnu.org/licenses/.
+
+Lesli · Ruby on Rails SaaS Development Framework.
+
+Made with ♥ by LesliTech
+Building a better future, one line of code at a time.
+
+@contact  hello@lesli.tech
+@website  https://www.lesli.tech
+@license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+=end
+
+class CreateLesliBellDashboards < ActiveRecord::Migration[6.1]
+    def change
+        create_table_lesli_shared_dashboards_10(:lesli_bell)
+    end
+end

data/db/migrate/v1.0/0308100110_create_lesli_bell_notifications.rb

@@ -40,8 +40,6 @@ class CreateLesliBellNotifications < ActiveRecord::Migration[7.0]
             t.string    :status
             t.string    :category
             t.string    :channel
-            t.string    :notification_type
-            t.string    :media
             t.json      :payload
 
             t.datetime  :deleted_at, index: true

data/db/migrate/v1.0/0308110110_create_lesli_bell_announcements.rb

@@ -34,9 +34,9 @@ class CreateLesliBellAnnouncements < ActiveRecord::Migration[6.0]
     def change
         create_table :lesli_bell_announcements do |t|
             t.string    :name
-            t.string    :url, index: true
+            t.string    :url
+            t.string    :path
             t.string    :category
-            t.string    :base_path
             t.text      :message
             t.boolean   :status
             t.datetime  :start_at

data/db/migrate/v1.0/0308110310_create_lesli_bell_announcement_users.rb

@@ -1,12 +1,11 @@
 class CreateLesliBellAnnouncementUsers < ActiveRecord::Migration[7.0]
     def change
-        # create_table :cloud_bell_announcement_users do |t|
-        #     t.string    :status
-        #     t.timestamps
-        #     t.datetime :deleted_at, index: true
-        # end
+        create_table :lesli_bell_announcement_users do |t|
+            t.timestamps
+            t.datetime :deleted_at, index: true
+        end
 
-        # add_reference :cloud_bell_announcement_users, :users, foreign_key: true
-        # add_reference :cloud_bell_announcement_users, :cloud_bell_announcements, foreign_key: true, index: { name: "cloud_bell_announcements_users" }
+        add_reference(:lesli_bell_announcement_users, :user, foreign_key: { to_table: :lesli_users })
+        add_reference :lesli_bell_announcement_users, :announcement, foreign_key: { to_table: :lesli_bell_announcements }, index: { name: "lesli_bell_announcements_users" }
     end
 end

data/db/seed/announcements.rb

@@ -0,0 +1,47 @@
+=begin
+
+Lesli
+
+Copyright (c) 2023, Lesli Technologies, S. A.
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program. If not, see http://www.gnu.org/licenses/.
+
+Lesli · Ruby on Rails SaaS Development Framework.
+
+Made with ♥ by LesliTech
+Building a better future, one line of code at a time.
+
+@contact  hello@lesli.tech
+@website  https://www.lesli.tech
+@license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+=end
+
+
+file = File.open(LesliBell::Engine.root.join("db", "seed", "seeds.json")).read
+seeds = JSON.parse(file)
+
+current_user = Lesli::User.first
+
+# · 
+seeds["announcements"].each do |notification|
+    LesliBell::AnnouncementService.new(current_user).create({
+        name: notification["name"],
+        category: notification["category"],
+        message: notification["message"],
+        url: notification["url"]
+    }, send_to_user_ids: ::Lesli::User.all.pluck(:id))
+end 

data/db/seed/notifications.rb

@@ -0,0 +1,53 @@
+=begin
+
+Lesli
+
+Copyright (c) 2023, Lesli Technologies, S. A.
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
+
+You should have received a copy of the GNU General Public License
+along with this program. If not, see http://www.gnu.org/licenses/.
+
+Lesli · Ruby on Rails SaaS Development Framework.
+
+Made with ♥ by LesliTech
+Building a better future, one line of code at a time.
+
+@contact  hello@lesli.tech
+@website  https://www.lesli.tech
+@license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+=end
+
+
+file = File.open(LesliBell::Engine.root.join("db", "seed", "seeds.json")).read
+seeds = JSON.parse(file)
+
+# · 
+current_user = Lesli::User.first
+
+# · 
+LesliBell::NotificationService.new(current_user).create_for_me({
+    subject: "Special notification created for me"
+})
+
+# · 
+seeds["notifications"].each do |notification|
+    LesliBell::NotificationService.new(current_user).create({
+        subject: notification["message"],
+        category: notification["category"],
+        body: notification["body"],
+        url: notification["url"]
+    }, send_to_user_ids: ::Lesli::User.all.pluck(:id))
+end 

data/db/seed/seeds.json

@@ -0,0 +1,36 @@
+{
+    "notifications": [
+        { "message": "Welcome to our platform!", "category": "standard" },
+        { "message": "Welcome to our platform!", "category": "standard", "url": "https://example.com/welcome" },
+        { "message": "Welcome to our platform!", "category": "standard", "body": "We're excited to have you onboard." },
+        { "message": "Welcome to our platform!", "category": "standard", "body": "We're excited to have you onboard.", "url": "https://example.com/welcome" },
+    
+        { "message": "System maintenance scheduled", "category": "info" },
+        { "message": "System maintenance scheduled", "category": "info", "url": "https://example.com/maintenance-info" },
+        { "message": "System maintenance scheduled", "category": "info", "body": "The system will be down for maintenance on Sunday at 2 AM." },
+        { "message": "System maintenance scheduled", "category": "info", "body": "The system will be down for maintenance on Sunday at 2 AM.", "url": "https://example.com/maintenance-info" },
+        
+        { "message": "Your profile has been updated", "category": "success" },
+        { "message": "Your profile has been updated", "category": "success", "url": "https://example.com/profile" },
+        { "message": "Your profile has been updated", "category": "success", "body": "Your changes have been saved successfully." },
+        { "message": "Your profile has been updated", "category": "success", "body": "Your changes have been saved successfully.", "url": "https://example.com/profile" },
+        
+        { "message": "Password expiring soon", "category": "warning" },
+        { "message": "Password expiring soon", "category": "warning", "url": "https://example.com/update-password" },
+        { "message": "Password expiring soon", "category": "warning", "body": "Your password will expire in 3 days. Please update it to avoid being locked out." },
+        { "message": "Password expiring soon", "category": "warning", "body": "Your password will expire in 3 days. Please update it to avoid being locked out.", "url": "https://example.com/update-password" },
+        
+        
+        { "message": "Unusual login attempt detected", "category": "danger" },
+        { "message": "Unusual login attempt detected", "category": "danger", "url": "https://example.com/security-alert" },
+        { "message": "Unusual login attempt detected", "category": "danger", "body": "We noticed a login attempt from an unfamiliar location. Please review your account security." },
+        { "message": "Unusual login attempt detected", "category": "danger", "body": "We noticed a login attempt from an unfamiliar location. Please review your account security.", "url": "https://example.com/security-alert" }        
+    ],
+    "announcements": [
+        { "name": "standard", "message": "Exciting News: Welcome to our platform!", "category": "standard" },
+        { "name": "information", "message": "Upcoming Event: System Maintenance Scheduled", "category": "info", "url": "https://example.com/maintenance-info" },
+        { "name": "success", "message": "Success Update: Your Profile Has Been Updated!", "category": "success" },
+        { "name": "warning", "message": "Friendly Reminder: Password Expiring Soon", "category": "warning", "url": "https://example.com/update-password" },
+        { "name": "danger", "message": "Alert: Unusual Login Attempt Detected", "category": "danger" }
+    ]
+}

data/db/seeds.rb

@@ -31,15 +31,10 @@ Building a better future, one line of code at a time.
 =end
 
 
-# IMPORTANT: 
-#       Seed files are only for development, if you need to create default resources for production
-#       you must use the initializer method in the Engine account model
-if Rails.env.development? 
-    L2.msg(
-        "LesliSupport", 
-        "Version: #{LesliBell::VERSION}", 
-        "Build: #{LesliBell::BUILD}")
-
-    # · load specific environment seeds
-    load LesliBell::Engine.root.join("db", "seed", "#{ Rails.env.downcase }.rb")
-end 
+L2.msg("LesliBell", "Version: #{LesliBell::VERSION}", "Build: #{LesliBell::BUILD}")
+
+# · load specific environment seeds
+if Rails.env.development? || Lesli.config.demo 
+    load LesliBell::Engine.root.join("db", "seed", "notifications.rb")
+    load LesliBell::Engine.root.join("db", "seed", "announcements.rb")
+end

data/lib/lesli_bell/version.rb

@@ -1,4 +1,4 @@
 module LesliBell
-  VERSION = "0.2.0"
-  BUILD = "1713121383"
+  VERSION = "1.0.0"
+  BUILD = "1752635550"
 end

data/lib/vue/application.js

@@ -43,10 +43,10 @@ import translations from "LesliBell/vue/stores/translations.json"
 // · Import apps and components
 // import appDashboard from "Lesli/cloud-objects/dashboards/apps/show.vue"
 
-import appNotificationsIndex from "./apps/notifications/index.vue"
-import appNotificationsNew from "./apps/notifications/new.vue"
+import appNotificationsIndex from "LesliBell/vue/apps/notifications/index.vue"
+import appNotificationsNew from "LesliBell/vue/apps/notifications/new.vue"
 
-// import appAnnouncementsIndex from "./apps/announcements/index.vue"
+import appAnnouncementsIndex from "LesliBell/vue/apps/announcements/index.vue"
 // import appAnnouncementsNew from "./apps/announcements/new.vue"
 
 
@@ -61,12 +61,12 @@ application("LesliBell", [{
 }, {
     path: "/notifications/new",
     component: appNotificationsNew
-}/*{
-    path: "/",
-    component: appDashboard
 }, {
     path: "/announcements",
     component: appAnnouncementsIndex
+}/*{
+    path: "/",
+    component: appDashboard
 }, {
     path: "/announcements/new",
     component: appAnnouncementsNew

data/lib/vue/apps/announcements/index.vue

@@ -1,19 +1,33 @@
 <script setup>
 /*
-Copyright (c) 2022, all rights reserved.
+Lesli
 
-All the information provided by this platform is protected by international laws related  to
-industrial property, intellectual property, copyright and relative international laws.
-All intellectual or industrial property rights of the code, texts, trade mark, design,
-pictures and any other information belongs to the owner of this platform.
+Copyright (c) 2023, Lesli Technologies, S. A.
 
-Without the written permission of the owner, any replication, modification,
-transmission, publication is strictly forbidden.
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU General Public License as published by
+the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.
 
-For more information read the license file including with this software.
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+GNU General Public License for more details.
 
-// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
-// ·
+You should have received a copy of the GNU General Public License
+along with this program. If not, see http://www.gnu.org/licenses/.
+
+Lesli · Ruby on Rails SaaS Development Framework.
+
+Made with ♥ by LesliTech
+Building a better future, one line of code at a time.
+
+@contact  hello@lesli.tech
+@website  https://www.lesli.tech
+@license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
 */
 
 
@@ -21,8 +35,10 @@ For more information read the license file including with this software.
 import { ref, reactive, onMounted, watch, computed, inject } from "vue"
 import { useRouter, useRoute } from 'vue-router'
 
+
 // · import lesli stores
-import { useBellAnnouncement } from "LesliBell/stores/announcement"
+import { useBellAnnouncement } from "LesliBell/vue/stores/announcement"
+
 
 // · initialize/inject plugins
 const router = useRouter()
@@ -37,26 +53,34 @@ const storeAnnouncement = useBellAnnouncement()
 
 // ·
 const translations = {
+    lesli: i18n.t("lesli.shared"),
+    announcements: i18n.t("lesli_bell.announcements"),
+
+
     core: {
         shared: I18n.t("core.shared")
     },
     bell: {
-        announcements: I18n.t("bell.announcements")
+        announcements: I18n.t("lesli_bell.announcements")
     }
 }
 
+// ·
 const columns = [{
     field: "id",
-    label: translations.bell.announcements.column_id
+    label: translations.announcements.column_id
 }, {
     field: "name",
-    label: translations.bell.announcements.column_name
+    label: translations.announcements.column_name
+}, {
+    field: "category",
+    label: translations.announcements.column_category
 }, {
     field: "start_at",
-    label: translations.bell.announcements.column_start_at
+    label: translations.announcements.column_start_at
 }, {
     field: "end_at",
-    label: translations.bell.announcements.column_end_at
+    label: translations.announcements.column_end_at
 }]
 
 // · initializing
@@ -66,8 +90,8 @@ onMounted(() => {
 
 </script>
 <template>
-    <section class="application-component">
-        <lesli-header :title="translations.bell.announcements.view_title_notifications">
+    <lesli-application-container>
+        <lesli-header :title="translations.announcements.view_title">
             <lesli-button :to="url.bell('announcements/new')" icon="add">
                 {{ translations.core.shared.view_btn_add }}
             </lesli-button>
@@ -75,20 +99,18 @@ onMounted(() => {
 
         <lesli-table
             :columns="columns"
-            :records="storeAnnouncement.records"
-            :pagination="storeAnnouncement.pagination"
+            :records="storeAnnouncement.announcements.records"
+            :pagination="storeAnnouncement.announcements.pagination"
             @paginate="storeAnnouncement.paginate">
             <template #id="{ value, record }">
                 <span :class="['tag', 'is-medium', 'is-' + record.category]">
                     {{ value }}
                 </span>
             </template>
-            <template #subject="{ column, value, record }">
-                <h4>{{ record.subject }}</h4>
-                <p>{{ record.body }}</p>
-            </template>
-            <template #url="{ value }">
-                <a :href="value" class="has-text-link hover">{{ value }}</a>
+            <template #category="{ value }">
+                <p :class="[`has-background-${value}-light`, 'px-2']">
+                    {{ value }}
+                </p>
             </template>
             <template #start_at="{ value }">
                 <p>
@@ -119,6 +141,5 @@ onMounted(() => {
                 </p>
             </template>
         </lesli-table>
-
-    </section>
+    </lesli-application-container>
 </template>

data/lib/vue/apps/notifications/index.vue

@@ -70,7 +70,7 @@ const translations = {
 
 const columns = [{
     field: "id",
-    label: "ID"
+    label: ""
 }, {
     field: "subject",
     label: "Notification"
@@ -90,16 +90,12 @@ const columns = [{
 // · initializing
 onMounted(() => {
     storeNotification.fetch()
-    // console.log(dayjs("2024-04-14 16:27:55.636").fromNow())
-    // console.log(date.date("2024-04-14 16:27:55.636"))
-    // console.log(date.time("2024-04-14 16:27:55.636"))
 })
 
 
 </script>
 <template>
     <lesli-application-container>
-
         <lesli-header :title="translations.bell.notifications.view_title">
             <lesli-button icon="refresh">
                 {{ translations.shared.button_reload }}
@@ -116,9 +112,9 @@ onMounted(() => {
             :records="storeNotification.index.records"
             :pagination="storeNotification.index.pagination"
             @paginate="storeNotification.paginate">
-            <template #id="{ value, record }">
-                <span :class="['tag', 'is-medium', 'is-' + record.category]">
-                    {{ value }}
+            <template #id="{ value, record }" class="ldonis">
+                <span :class="['material-icons', 'has-text-' + record.category]">
+                    info
                 </span>
             </template>
             <template #subject="{ column, value, record }">