lesli 5.0.0

data/lib/vue/panels/panel-tickets.vue

@@ -0,0 +1,181 @@
+<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 · Your Smart Business Assistant. 
+
+Made with ♥ by https://www.lesli.tech
+Building a better future, one line of code at a time.
+
+@contact  hello@lesli.tech
+@website  https://lesli.tech
+@license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+
+*/
+
+
+// · import vue tools
+import { inject, watch } from "vue"
+import { useRouter } from "vue-router"
+
+
+// · import store
+import { useLayout } from "Lesli/stores/layout"
+import { useTickets } from "Lesli/stores/panels/tickets"
+
+
+// · 
+import { editorRichText } from "lesli-vue/components"
+
+
+// · initialize/inject plugins
+const router = useRouter()
+const url = inject("url")
+
+
+// · implement stores
+const storeLayout = useLayout()
+const storeTicketsPanel = useTickets()
+
+
+// · defining translations
+const translations = {
+    core: {
+        shared: I18n.t("core.shared"),
+    },
+    main: I18n.t('help.tickets')
+}
+
+
+// · 
+const columns = [{
+    field: "subject",
+    label: "subject"
+}, {
+    field: "status_name",
+    label: "Status"
+}]
+
+// · defining props
+const props = defineProps({
+    instanceEndpoint: {
+        type: String,
+        default: 'help'
+    }
+})
+
+// . Reset form on create
+storeTicketsPanel.resetForm()
+
+
+watch(() => storeLayout.showTickets, () => {
+    if(storeLayout.showTickets){
+        storeTicketsPanel.fetchTickets()
+
+        if(!storeTicketsPanel.loaded){
+            storeTicketsPanel.getTicketOptions()
+        }
+    }    
+})
+
+</script>
+
+<template>
+    <lesli-panel class="lesli-panel-tickets" v-model:open="storeLayout.showTickets">
+        <template #header>
+            {{ translations.main.view_text_support_tickets }}
+        </template>
+        <template #default>
+            <div class="lastest-tickets" v-if="storeTicketsPanel.tickets.length > 0">
+                <h4>{{ translations.main.view_title_latest_tickets }}</h4>
+                <lesli-table
+                    class="is-narrow"
+                    :columns="columns"
+                    :records="storeTicketsPanel.tickets"
+                    :loading="storeTicketsPanel.loading"
+                    :href="(ticket) => url.to(`${props.instanceEndpoint}/tickets/${ticket.id}`)">
+                </lesli-table>
+            </div>
+            <hr>
+            <div class="form">
+                <h4>{{translations.main.view_title_quick_creation}}</h4>
+                <form @submit.prevent="storeTicketsPanel.postTicket">
+                    <div class="columns">
+                        <div class="column is-1"></div>
+                        <div class="column is-3">
+                            <label class="label">
+                                {{translations.main.column_subject}} <sup class="has-text-danger">*</sup>
+                            </label>
+                        </div>
+                        <div class="column is-7">
+                            <input type="text" class="input" required v-model="storeTicketsPanel.ticket.subject">
+                        </div>
+                    </div>
+
+                    <div class="columns">
+                        <div class="column is-1"></div>
+                        <div class="column is-3">
+                            <label class="label">
+                                {{translations.main.column_cloud_help_catalog_ticket_types_id}}<sup class="has-text-danger">*</sup>
+                            </label>
+                        </div>
+                        <div class="column is-7">
+
+                                <lesli-select
+                                    :options="storeTicketsPanel.typesSelect"
+                                    v-model="storeTicketsPanel.ticket.cloud_help_catalog_ticket_types_id"
+                                >
+                                </lesli-select>
+                        </div>
+                    </div>
+
+                    <div class="columns">
+                        <div class="column is-1"></div>
+                        <div class="column is-3">
+                            <label class="label">
+                                {{translations.main.column_description}} <sup class="has-text-danger">*</sup>
+                            </label>
+                        </div>
+                    </div>
+
+                    <div class="columns">
+                        <div class="column is-1"></div>
+                        <div class="column is-10">
+                            <editorRichText mode="small" v-model="storeTicketsPanel.ticket.description"></editorRichText>
+                        </div>
+                    </div>
+
+                    <div class="columns">
+                        <div class="column is-1"></div>
+                        <div class="column">
+                            <lesli-button icon="save">
+                                {{ translations.core.shared.view_btn_save }}
+                            </lesli-button>   
+                        </div>
+                    </div>
+            
+                </form>
+            </div>
+        </template>
+
+    </lesli-panel>
+</template>

data/lib/vue/public.js

@@ -0,0 +1,85 @@
+/*
+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 platform.
+
+Made with ♥ by https://www.lesli.tech
+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
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+*/
+
+
+// · Loading core framework and libraries
+import { createApp } from "vue"
+
+
+// · Loading app functions
+import debug from "lesli-js/debug/browser"
+
+
+// · Loading app plugins
+import { 
+    useLesliUrl, 
+    useLesliHttp
+} from "lesli-vue/composables"
+
+
+// · module: Engine name
+// · base_path: Engine mounth path 
+// · apps: List of controllers apps loaded
+// · routes: Array of routes for Vue 
+// · data: Object for the state management 
+// · example: app("CloudHelp", "/help", "[dashboard|tickets|catalogs|etc]", [], {})
+export default (appbuilder) => {
+
+
+    // · Building Vue cloud app
+    let app = createApp(appbuilder)
+
+
+    // · Using plugins
+    app.use({ install: (app) => { app.config.globalProperties.url = useLesliUrl() }})
+    app.use({ install: (app) => { app.config.globalProperties.http = useLesliHttp() }})
+
+
+    // · Mount app once DOM is ready
+    document.addEventListener("DOMContentLoaded", () => {
+
+        app.mount("#lesli-application")
+
+        // · development message about vue app loaded
+        if (lesli_application_development) { 
+            debug.info("Lesli application", "vue/public") 
+        }
+
+        // · console production message
+        if (lesli_application_production) { 
+            console.clear()
+            debug.lesli_message_warning(lesli?.company?.name) 
+            debug.info("Lesli application", lesli_application_version) 
+        }
+
+    });
+
+}

data/lib/vue/stores/announcements.js

@@ -0,0 +1,75 @@
+/*
+
+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 · Your Smart Business Assistant. 
+
+Made with ♥ by https://www.lesli.tech
+Building a better future, one line of code at a time.
+
+@contact  hello@lesli.tech
+@website  https://lesli.tech
+@license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+
+*/
+
+
+
+// · 
+import { defineStore } from "pinia"
+import { useRouter, useRoute } from 'vue-router'
+
+
+// · 
+export const useAnnouncements = defineStore("core.announcements", {
+    state: () => {
+        return {
+            announcements: [],
+            router: useRouter()
+        }
+    },
+    actions: {
+        /**
+         * @description This action is used to get all the announcements available for the user
+         */
+        getAnnouncements() {
+            this.http.get(this.url.bell('announcements/list').filter({ base_path: [this.router.currentRoute.path]})
+            ).then(result => {
+                this.announcements = result
+            }).catch(error => {
+                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
+            })
+        },
+        /**
+         * @description This action is used to post a new registration that the announcement has been closed by this user
+         * @param {String} announcement announcement to be closed
+         */
+        closeAnnouncement(announcement){
+            this.http.post(this.url.bell('announcements/:id/users', announcement.id)
+            ).then(() => {
+                announcement.status = 'closed'
+            }).catch(error => {
+                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
+            })
+
+        }
+    }
+})

data/lib/vue/stores/cloud-bell/notification.js

@@ -0,0 +1,114 @@
+/*
+
+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 · Your Smart Business Assistant. 
+
+Made with ♥ by https://www.lesli.tech
+Building a better future, one line of code at a time.
+
+@contact  hello@lesli.tech
+@website  https://lesli.tech
+@license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+
+*/
+
+
+// · This store is needed to make http requests, manage the reactivity
+// · of a workflow.
+
+import { defineStore } from "pinia"
+
+export const useNotification = defineStore("core.shared.bell.notification", {
+    state: () => {
+        return {
+            loading: false,
+            notification: {
+                subject: "",
+                body: "",
+                channel: "",
+                user_receiver_id: ""
+            },
+            options: {
+                categories: [],
+                channels: [],
+            }
+        }
+    },
+    actions: {
+        /**
+         * @description This action is used to send a Notification
+         */
+        sendNotification(){
+            this.loading = true
+
+            this.http.post(this.url.bell("notifications"), {
+                notification: this.notification
+            }).then(() => {
+                this.msg.success(I18n.t("core.users.messages_success_operation"))
+            }).catch(error => {
+                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
+            }).finally(() => {
+                this.loading = false
+                this.notification["subject"] = ""
+                this.notification["body"] = ""
+                this.notification["channel"] = ""
+            })
+
+        },
+
+        /**
+         * @description This action is used to get options for notifications
+         */
+        getOptions(){
+            this.options = {
+                categories: [],
+                channels: [],
+            }
+
+            this.loading = true
+
+            this.http.get(this.url.bell("notifications/options")).then(result => {
+
+                result["categories"].forEach((category)=>{
+                    this.options["categories"].push({
+                        label: category.text,
+                        value: category.value
+                    })
+                })
+
+                result["channels"].forEach((channel)=>{
+                    this.options["channels"].push({
+                        label: channel.text,
+                        value: channel.value
+                    })
+                })
+
+            }).catch(error => {
+                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
+            }).finally(()=>{
+                this.loading = false
+            })
+        },
+
+
+    }
+})

data/lib/vue/stores/cloudobjects/action.js

@@ -0,0 +1,181 @@
+/*
+
+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 · Your Smart Business Assistant. 
+
+Made with ♥ by https://www.lesli.tech
+Building a better future, one line of code at a time.
+
+@contact  hello@lesli.tech
+@website  https://lesli.tech
+@license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+
+*/
+
+
+// · This store is needed to make http requests, manage the reactivity 
+// · of certain global properties available to child components of the 
+// · cloud object.
+
+import { defineStore } from "pinia"
+
+export const useCloudObjectAction = defineStore("cloud.object.action", {
+    state: () => {
+        return {
+            new_group_name: "",
+            loading: false,
+            cloudModule: null,
+            cloudObject: null,
+            cloudObjectId: null,
+            actions_groups: {},
+            new_action: {}
+        }
+    },
+   
+    actions: {
+
+        /**
+        * @description this action is used to get all the quick actions for a cloud object
+        */
+        getActions(){
+            const url = this.url[this.cloudModule](`${this.cloudObject}/:id/actions`, this.cloudObjectId)
+
+            this.loading = true
+
+            this.http.get(url).then(result => {
+                this.actions_groups = this.parseActions(result)
+            }).catch(error => {
+                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
+            }).finally(()=>{
+                this.loading = false
+            })
+        },
+        /**
+        * @param {Object} action to be updated
+        * @description this action is used to update action status
+        */
+        putAction(action){
+
+            let cloudObjectSingular = this.utils.singularize(this.cloudObject)
+
+            let data = {}
+            data[`${cloudObjectSingular}_action`] = {
+                complete: !action.complete
+            }
+
+            const url = this.url[this.cloudModule](`${this.cloudObject}/:id/actions/${action.id}`, this.cloudObjectId)
+
+            this.http.put(url, data).then(result => {
+                this.msg.success(I18n.t("core.shared.messages_success_actions_updated"))
+            }).catch(error => {
+                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
+            }).finally(()=>{
+                this.loading = false
+            })
+        },
+        /**
+        * @param {Object} group of the action
+        * @param {Object} deleted_action the action to be deleted
+        * @description this action is used to delete an action
+        */
+        deleteAction(group, deleted_action){
+
+            const url = this.url[this.cloudModule](`${this.cloudObject}/:id/actions/${deleted_action.id}`, this.cloudObjectId)
+
+            this.http.delete(url).then(result => {
+                this.msg.success(I18n.t("core.shared.messages_success_actions_destroyed"))
+                this.actions_groups[group].actions = this.actions_groups[group].actions.filter((action)=>{
+                    return action.id != deleted_action.id
+                })
+            }).catch(error => {
+                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
+            }).finally(()=>{
+                this.loading = false
+            })
+        },
+
+        /**
+        * @description this action is used to create the object of a new group of actions
+        */
+        createGroup(){
+            if (Object.keys(this.actions_groups).indexOf(this.new_group_name) == -1) {
+                this.actions_groups[this.new_group_name]= { 
+                    new_action: { instructions: '' }, 
+                    actions: []
+                }
+
+                this.new_group_name = ""
+            } else {
+                this.msg.warning(I18n.t("core.shared.messages_warning_actions_group_taken"))
+            }
+ 
+        },
+        /**
+        * @param {String} group_name
+        * @description this action is used to create an action
+        */
+        createAction(group_name){
+
+            let group = this.actions_groups[group_name]
+
+            let cloudObjectSingular = this.utils.singularize(this.cloudObject)
+
+            let data = {}
+            data[`${cloudObjectSingular}_action`] = {
+                instructions: group.new_action.instructions,
+                group: group_name
+            }
+
+            const url = this.url[this.cloudModule](`${this.cloudObject}/:id/actions`, this.cloudObjectId)
+
+            this.loading = true
+
+            this.http.post(url, data).then(result => {
+                this.actions_groups[group_name].actions.push(result)
+                group.new_action.instructions = ''
+                this.msg.success(I18n.t("core.shared.messages_success_actions_updated"))
+            }).catch(error => {
+                console.log(error)
+                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
+            }).finally(()=>{
+                this.loading = false
+            })
+        },
+        /**
+        * @param {Object} actions list of actions
+        * @description this action is used to parse the result of the list of actions
+        */
+        parseActions(actions){
+            for(let key in actions){
+                actions[key] = {
+                    new_action: {
+                        instructions: ''
+                    },
+                    actions: actions[key]
+                }
+            }
+
+            return actions
+        },
+       
+    }
+})