lesli_bell 0.1.0 → 1.0.0

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

@@ -1,25 +1,44 @@
 <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
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
 */
 
 
 // · import vue tools
 import { ref, reactive, onMounted, watch, computed, inject } from "vue"
-import { useRouter, useRoute } from 'vue-router'
+import { useRouter, useRoute } from "vue-router"
+
+import dayjs from "dayjs"
+import relativeTime from 'dayjs/plugin/relativeTime'
+
+dayjs.extend(relativeTime)
 
 
 // · initialize/inject plugins
@@ -30,7 +49,7 @@ const date = inject("date")
 
 
 // · import lesli stores
-import { useBellNotification } from "LesliBell/stores/notification"
+import { useBellNotification } from "LesliBell/vue/stores/notification"
 
 
 // · implement stores
@@ -39,17 +58,19 @@ const storeNotification = useBellNotification()
 
 // ·
 const translations = {
+    shared: i18n.t("lesli.shared"),
+    bell: {
+        notifications: i18n.t("lesli_bell.notifications")
+    },
+
     core: {
         shared: I18n.t("core.shared")
-    },
-    bell: {
-        notifications: I18n.t("bell.notifications")
     }
 }
 
 const columns = [{
     field: "id",
-    label: "ID"
+    label: ""
 }, {
     field: "subject",
     label: "Notification"
@@ -65,29 +86,35 @@ const columns = [{
     label: "Sent at"
 }]
 
+
 // · initializing
 onMounted(() => {
     storeNotification.fetch()
 })
 
+
 </script>
 <template>
-    <section class="application-component">
-
-        <lesli-header :title="translations.bell.notifications.view_title_notifications">
-            <lesli-button :to="url.bell('notifications/new')" icon="add">
-                {{ translations.core.shared.view_btn_add }}
+    <lesli-application-container>
+        <lesli-header :title="translations.bell.notifications.view_title">
+            <lesli-button icon="refresh">
+                {{ translations.shared.button_reload }}
             </lesli-button>
+            <!--
+            <lesli-link button solid icon="add" :to="url.bell('notifications/new')">
+                {{ translations.shared.button_add_new }}
+            </lesli-link>
+            -->
         </lesli-header>
 
         <lesli-table
             :columns="columns"
-            :records="storeNotification.records"
-            :pagination="storeNotification.pagination"
+            :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 }">
@@ -106,24 +133,12 @@ onMounted(() => {
                             </span>
                         </span>
                         <span>
-                            {{ date.date(value) }}
-                        </span>
-                    </span>
-                </p>
-                <p>
-                    <span class="icon-text">
-                        <span class="icon">
-                            <span class="has-text-grey material-icons">
-                                schedule
-                            </span>
-                        </span>
-                        <span>
-                            {{ date.time(value) }}
+                            {{ date.dateTime(value) }}
                         </span>
                     </span>
                 </p>
             </template>
         </lesli-table>
 
-    </section>
+    </lesli-application-container>
 </template>

data/lib/vue/apps/notifications/new.vue

@@ -1,45 +1,56 @@
 <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
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
 // · 
 */
 
+
 // · import vue tools
 import { onMounted } from "vue"
 
-// · import components and lazy loading implementation
-import ComponentNotificationForm from "LesliBell/apps/notifications/components/notification-form.vue"
+
+// · 
+import ComponentNotificationForm from "./components/notification-form.vue"
 
 
 // ·
 const translations = {
-    core: {
-        shared: I18n.t("core.shared")
-    },
     bell: {
-        notifications: I18n.t("bell.notifications")
+        notifications: i18n.t("lesli_bell.notifications")
     }
 }
 
 </script>
 <template>
-    <section class="application-component">
-
-        <lesli-header :title="translations.bell.notifications.view_title_new_notification"></lesli-header>
-
+    <lesli-application-container>
+        <lesli-header :title="translations.bell.notifications.view_create_notification">
+        </lesli-header>
         <component-notification-form></component-notification-form>
-
-    </section>
+    </lesli-application-container>
 </template>

data/lib/vue/stores/announcement.js

@@ -1,18 +1,32 @@
 /*
-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
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
 */
 
 
@@ -20,6 +34,8 @@ For more information read the license file including with this software.
 import { defineStore } from "pinia"
 import { useRouter } from 'vue-router'
 
+
+// ·
 const translations = {
     core: {
         shared: I18n.t("core.shared")
@@ -33,6 +49,11 @@ const translations = {
 export const useBellAnnouncement = defineStore("bell.Announcement", {
     state: () => {
         return {
+            announcements: { 
+                pagination: {},
+                records: []
+            },
+
             router: useRouter(),
             loading: false,
             users: [],
@@ -64,31 +85,22 @@ export const useBellAnnouncement = defineStore("bell.Announcement", {
     },
     actions: {
 
-        /**
-        * @description This action is used to add pagination to announcement index
-        * @param {Integer} page the actual page showing in the index
-        */
         paginate(page) {
-            this.pagination.page = page
+            this.announcements.pagination.page = page
             this.fetch()
         },
 
-        /**
-         * @description This action is used to fetch all the announcements for the current user
-         */
         fetch() {
             this.http.get(
                 this.url.bell("announcements")
-                .paginate(this.pagination.page)
+                .paginate(this.announcements.pagination.page)
             ).then(result => {
-                this.pagination = result.pagination
-                this.records = result.records
+                this.announcements = result
+            }).catch(error => {
+                console.log(error)
             })
         },
 
-        /**
-         * @description This action is used to create a new announcement
-         */
         post() {
             this.loading = true
             this.http.post(this.url.bell("announcements"), {
@@ -110,9 +122,6 @@ export const useBellAnnouncement = defineStore("bell.Announcement", {
             })
         },
 
-        /**
-        * @description This action is used to get the list of users
-        */
         getUsers() {
             this.loading = true
             this.http.get(this.url.admin('users/list')).then(result => {
@@ -124,9 +133,6 @@ export const useBellAnnouncement = defineStore("bell.Announcement", {
             })
         },
 
-        /**
-        * @description This action is used to get the list of roles
-        */
         getRoles() {
             this.loading = true
             this.http.get(this.url.admin('roles/list')).then(result => {
@@ -137,6 +143,5 @@ export const useBellAnnouncement = defineStore("bell.Announcement", {
                 this.loading = false
             })
         },
-
     }
 })

data/lib/vue/stores/notification.js

@@ -1,27 +1,50 @@
 /*
-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
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
 */
 
 
-// ·
+// · 
 import { defineStore } from "pinia"
 
+
+// · 
 export const useBellNotification = defineStore("bell.Notification", {
     state: () => {
         return {
+            index: {
+                loading: false,
+                records: [],
+                pagination: {}
+            },
+
+
             loading: false,
             users: [],
             roles: [],
@@ -42,25 +65,35 @@ export const useBellNotification = defineStore("bell.Notification", {
         }
     },
     actions: {
-        /**
-        * @description This action is used to add pagination to notification index
-        * @param {Integer} page the actual page showing in the index
-        */
+
         paginate(page) {
             this.pagination.page = page
             this.fetch()
         },
-        /**
-        * @description This action is used to fetch all notifications
-        */
+
         fetch() {
-            this.http.get(
-                this.url.bell("notifications").paginate(this.pagination.page)
-            ).then(result => {
-                this.pagination = result.pagination
-                this.records = result.records
+            if (this.index.records.length <= 0) {
+                this.get()
+            }
+        },
+
+        get() {
+            this.index.loading = true
+            let url = this.url.bell("notifications").paginate(this.pagination.page)
+
+            this.http.get(url).then(result => {
+                this.index.pagination = result.pagination
+                this.index.records = result.records
+            }).catch(error => {
+                console.log(error)
+            }).finally(() => {
+                this.index.loading = false
             })
         },
+
+
+
+
         /**
         * @description This action is used to create a new notification
         */