lesli_bell 1.0.1 → 1.1.2

data/lib/vue/apps/notifications/components/notification-form.vue

@@ -1,171 +0,0 @@
-<script setup>
-/*
-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
-
-// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
-// · 
-*/
-
-
-// · import vue tools
-import { onMounted, inject } from "vue"
-
-
-// · import store
-import { useBellNotification } from "LesliBell/vue/stores/notification"
-
-
-// · import vue router composable
-import { useRouter, useRoute } from "vue-router"
-
-
-// · implement store
-const notificationStore = useBellNotification()
-
-
-// . Defining translations
-const translations = {
-    lesli: {
-        shared: i18n.t("lesli.shared")
-    },
-    bell: {
-        notifications: i18n.t("lesli_bell.notifications")
-    },
-
-    core: {
-        shared: I18n.t("core.shared")
-    }
-}
-
-
-// · initialize/inject plugins
-const router = useRouter()
-
-
-// · initializing
-onMounted(() => {
-    notificationStore.getUsers()
-    notificationStore.getRoles()
-})
-
-
-// · 
-function onCreate() {
-    notificationStore.createNotification().then(() => {
-        router.push(notificationStore.url.bell('notifications').toString())
-    })
-}
-
-</script>
-<template>
-    <lesli-form @submit="onCreate">
-        <div class="columns is-marginless has-border-bottom">
-            <div class="column is-4">
-                <label class="label">
-                    {{ translations.bell.notifications.column_subject }}
-                    <sup class="has-text-danger">*</sup>
-                </label>
-            </div>
-            <div class="column">
-                <div class="control is-clearfix">
-                    <input
-                        type="text"
-                        autocomplete="on"
-                        name="subject"
-                        required
-                        class="input"
-                        v-model="notificationStore.record.subject"
-                    />
-                </div>
-            </div>
-        </div>
-
-        <div class="columns is-marginless has-border-bottom">
-            <div class="column is-4">
-                <label class="label">
-                    {{ translations.bell.notifications.column_body }}
-                </label>
-            </div>
-            <div class="column">
-                <textarea
-                    name="body"
-                    rows="3"
-                    maxlength="500"
-                    class="textarea"
-                    v-model="notificationStore.record.body"
-                ></textarea>
-            </div>
-        </div>
-
-        <div class="columns is-marginless has-border-bottom">
-            <div class="column is-4">
-                <label class="label">
-                    {{ translations.bell.notifications.view_text_receiver_users }}
-                </label>
-            </div>
-            <div class="column">
-                <div class="control is-clearfix">
-                    <lesli-input-tag
-                        v-model="notificationStore.receiverUsers"
-                        :placeholder="translations.core.shared.view_placeholder_search"
-                        :options="notificationStore.users"
-                        :filterFields="['name', 'email']"
-                        showField="email"
-                    />
-                </div>
-            </div>
-        </div>
-
-        <div class="columns is-marginless has-border-bottom">
-            <div class="column is-4">
-                <label class="label">
-                    {{ translations.bell.notifications.view_text_receiver_roles }}
-                </label>
-            </div>
-            <div class="column">
-                <div class="control is-clearfix">
-                    <lesli-input-tag
-                        v-model="notificationStore.receiverRoles"
-                        :placeholder="translations.core.shared.view_placeholder_search"
-                        :options="notificationStore.roles"
-                        :filterFields="['name']"
-                        showField="name"
-                    />
-                </div>
-            </div>
-        </div>
-
-        <div class="px-3 ql-bg-blue">
-            <button
-                type="submit"
-                class="button is-fullwidth has-text-centered submit-button is-primary"
-            >
-                {{ translations.lesli.shared.button_save }}
-            </button>
-        </div>
-    </lesli-form>
-</template>

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

@@ -1,144 +0,0 @@
-<script setup>
-/*
-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
-
-// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
-// · 
-*/
-
-
-// · import vue tools
-import { ref, reactive, onMounted, watch, computed, inject } from "vue"
-import { useRouter, useRoute } from "vue-router"
-
-import dayjs from "dayjs"
-import relativeTime from 'dayjs/plugin/relativeTime'
-
-dayjs.extend(relativeTime)
-
-
-// · initialize/inject plugins
-const router = useRouter()
-const msg = inject("msg")
-const url = inject("url")
-const date = inject("date")
-
-
-// · import lesli stores
-import { useBellNotification } from "LesliBell/vue/stores/notification"
-
-
-// · implement stores
-const storeNotification = useBellNotification()
-
-
-// ·
-const translations = {
-    shared: i18n.t("lesli.shared"),
-    bell: {
-        notifications: i18n.t("lesli_bell.notifications")
-    },
-
-    core: {
-        shared: I18n.t("core.shared")
-    }
-}
-
-const columns = [{
-    field: "id",
-    label: ""
-}, {
-    field: "subject",
-    label: "Notification"
-}, {
-    field: "url",
-    label: "Link"
-}, {
-    field: "status",
-    label: "Status",
-    align: "center"
-}, {
-    field: "created_at",
-    label: "Sent at"
-}]
-
-
-// · initializing
-onMounted(() => {
-    storeNotification.fetch()
-})
-
-
-</script>
-<template>
-    <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.index.records"
-            :pagination="storeNotification.index.pagination"
-            @paginate="storeNotification.paginate">
-            <template #id="{ value, record }" class="ldonis">
-                <span :class="['material-icons', 'has-text-' + record.category]">
-                    info
-                </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>
-            <template #created_at="{ value }">
-                <p>
-                    <span class="icon-text">
-                        <span class="icon">
-                            <span class="has-text-grey material-icons">
-                                calendar_month
-                            </span>
-                        </span>
-                        <span>
-                            {{ date.dateTime(value) }}
-                        </span>
-                    </span>
-                </p>
-            </template>
-        </lesli-table>
-
-    </lesli-application-container>
-</template>

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

@@ -1,56 +0,0 @@
-<script setup>
-/*
-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
-
-// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
-// · 
-*/
-
-
-// · import vue tools
-import { onMounted } from "vue"
-
-
-// · 
-import ComponentNotificationForm from "./components/notification-form.vue"
-
-
-// ·
-const translations = {
-    bell: {
-        notifications: i18n.t("lesli_bell.notifications")
-    }
-}
-
-</script>
-<template>
-    <lesli-application-container>
-        <lesli-header :title="translations.bell.notifications.view_create_notification">
-        </lesli-header>
-        <component-notification-form></component-notification-form>
-    </lesli-application-container>
-</template>

data/lib/vue/stores/announcement.js

@@ -1,147 +0,0 @@
-/*
-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
-
-// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
-// · 
-*/
-
-
-// ·
-import { defineStore } from "pinia"
-import { useRouter } from 'vue-router'
-
-
-// ·
-const translations = {
-    core: {
-        shared: I18n.t("core.shared")
-    },
-    bell: {
-        notifications: I18n.t("bell.announcements")
-    }
-}
-
-
-export const useBellAnnouncement = defineStore("bell.Announcement", {
-    state: () => {
-        return {
-            announcements: { 
-                pagination: {},
-                records: []
-            },
-
-            router: useRouter(),
-            loading: false,
-            users: [],
-            roles: [],
-            filteredUsers: [],
-            filteredRoles: [],
-            record: {
-                name: null,
-                category: null,
-                url: null,
-                base_path: null,
-                message: null,
-                status: null,
-                start_at: null,
-                end_at: null,
-                can_be_closed: null,
-            },
-            receiverUsers: [],
-            receiverRoles: [],
-            records: [],
-            pagination: {
-                page: 1
-            },
-            index: { 
-                pagination: {},
-                records: []
-            }
-        }
-    },
-    actions: {
-
-        paginate(page) {
-            this.announcements.pagination.page = page
-            this.fetch()
-        },
-
-        fetch() {
-            this.http.get(
-                this.url.bell("announcements")
-                .paginate(this.announcements.pagination.page)
-            ).then(result => {
-                this.announcements = result
-            }).catch(error => {
-                console.log(error)
-            })
-        },
-
-        post() {
-            this.loading = true
-            this.http.post(this.url.bell("announcements"), {
-                announcement: {
-                    ...this.record,
-                    user_receiver_emails: this.receiverUsers.map(user => user.email),
-                    role_receiver_names: this.receiverRoles.map(role => role.name),
-                }
-            }).then(() => {
-                this.msg.success(I18n.t("core.users.messages_success_operation"))
-                this.router.push(this.url.bell("announcements").s)
-            }).catch(error => {
-                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
-            }).finally(() => {
-                this.record = {}
-                this.receiverUsers = []
-                this.receiverRoles = []
-                this.loading = false
-            })
-        },
-
-        getUsers() {
-            this.loading = true
-            this.http.get(this.url.admin('users/list')).then(result => {
-                this.users = result
-            }).catch(error => {
-                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
-            }).finally(() => {
-                this.loading = false
-            })
-        },
-
-        getRoles() {
-            this.loading = true
-            this.http.get(this.url.admin('roles/list')).then(result => {
-                this.roles = result
-            }).catch(error => {
-                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
-            }).finally(() => {
-                this.loading = false
-            })
-        },
-    }
-})

data/lib/vue/stores/notification.js

@@ -1,148 +0,0 @@
-/*
-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
-
-// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
-// · 
-*/
-
-
-// · 
-import { defineStore } from "pinia"
-
-
-// · 
-export const useBellNotification = defineStore("bell.Notification", {
-    state: () => {
-        return {
-            index: {
-                loading: false,
-                records: [],
-                pagination: {}
-            },
-
-
-            loading: false,
-            users: [],
-            roles: [],
-            filteredUsers: [],
-            filteredRoles: [],
-            record: {
-                subject: null,
-                body: null,
-                url: null,
-                status: null,
-                notification_type: null,
-                category: null,
-            },
-            receiverUsers: [],
-            receiverRoles: [],
-            pagination: {},
-            records: []
-        }
-    },
-    actions: {
-
-        paginate(page) {
-            this.pagination.page = page
-            this.fetch()
-        },
-
-        fetch() {
-            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
-        */
-        async createNotification() {
-            this.loading = true
-            this.msg.info(I18n.t("bell.notifications.messages_info_creating_notifications"))
-            return this.http.post(this.url.bell("notifications"), {
-                notification: {
-                    ...this.record,
-                    user_receiver_emails: this.receiverUsers.map(user => user.email),
-                    role_receiver_names: this.receiverRoles.map(role => role.name),
-                }
-            }).then(() => {
-                this.msg.success(I18n.t("bell.notifications.messages_success_notification_created_successfully"))
-            }).catch(error => {
-                this.msg.danger(error)
-            }).finally(() => {
-                this.record = {}
-                this.receiverUsers = []
-                this.receiverRoles = []
-                this.loading = false
-            })
-        },
-        /**
-        * @description This action is used to get the list of users for showing them on the autocomplete field in the form
-        */
-        getUsers() {
-            this.loading = true
-            this.http.get(this.url.admin('users/list')).then(result => {
-                this.users = result
-            }).catch(error => {
-                this.msg.danger(error)
-            }).finally(() => {
-                this.loading = false
-            })
-        },
-        /**
-        * @description This action is used to get the list of roles for showing them on the autocomplete field in the form
-        */
-        getRoles() {
-            this.loading = true
-            this.http.get(this.url.admin('roles/list')).then(result => {
-                this.roles = result
-            }).catch(error => {
-                this.msg.danger(error)
-            }).finally(() => {
-                this.loading = false
-            })
-        },
-
-    }
-})