lesli 5.0.0

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

@@ -0,0 +1,221 @@
+/*
+
+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 useCloudObjectDiscussionStore = defineStore("cloudObjectDiscussion", {
+    state: () => {
+        return {
+            discussions: [],
+            activityLogs: [],
+            loading: false,
+            cloudModule: null,
+            cloudObject: null,
+            cloudObjectId: null,
+            stringToFind: null,
+            isBuilderEngine: null,
+            currentUserId: lesli.current_user.id,
+            index: {
+                pagination: {},
+                records: []
+            },
+            pagination: {
+                page: 1,
+                pages: 1,
+                total: 0,
+                results: 0
+            },
+            filters: {
+                per_page: 10,
+                showDiscussion: true,
+                showActivityLog: false,
+            }
+        }
+    },
+    getters: {
+        /**
+         * 
+         * @param {*} state has the state of the store
+         * @returns {Array} merged array of discussions and activity logs
+         */
+        mergedArray: (state) => {
+            // · Array of elements to be displayed in the discussion section
+            const elements = [] 
+
+            // · Verify length of the discussion array
+            if (state.discussions.length > 0) {
+                // · Add the discussion array to the merged array
+                elements.push(...state.discussions.map(discussion => {
+                    // · Return the discussion object with a similar structure to the activity log
+                    return {
+                        type: "discussion",
+                        responses: discussion.responses,
+                        ...discussion.data
+                    }
+                })) 
+            }
+
+            // · Verify length of the activity log array
+            if (state.activityLogs.length > 0) {
+                // · Add the activity log array to the merged array
+                elements.push(...state.activityLogs.map(activityLog => {
+                    // · Return the activity log object with a similar structure to the discussion
+                    return {
+                        type: "activityLog",
+                        ...activityLog
+                    }
+                }))
+            }
+
+            return elements.sort((a, b) => {
+                return a.created_at < b.created_at ? 1 : -1
+            }, 0)
+        }
+    },
+    actions: {
+
+        /**
+        * @param {number} page number to which I want to go.
+        * @description Sets a new page number, applying query parameters to fetch data once again.
+        */
+        paginateDiscussions(page){
+            this.pagination.page = page
+            this.fetchDiscussions()
+        },
+
+        /**
+        * @description This action is used to fetch the list of discussion
+        */
+        fetchDiscussions(url) {
+            this.loading = true
+
+            if (!url) url = this.url[this.cloudModule](`${this.cloudObject}/:id/discussions`, this.cloudObjectId)
+
+            this.http.get(url.paginate(this.pagination.page, this.filters.per_page)).then(result => {
+                this.pagination = result.pagination
+                this.discussions = result.records
+            }).catch(error => {
+                console.log(error)
+                this.msg.danger(I18n.t("core.shared").messages_danger_getting_discussions)
+            }).finally(() => {
+                this.loading = false
+            })
+        },
+
+        /**
+         * 
+         * @param {string} stringToFind String to search for
+         * @description This action is used to search for a string in the cloud object's discussions and activity logs 
+         */
+        search(stringToFind) {
+            
+            // · It's necessary to set the string to find in the state
+            // · if the filters change and the toolbar is not empty
+            // · the search will be performed again
+            this.stringToFind = stringToFind
+
+            if (this.filters.showDiscussion) {
+                const discussionsUrl = this.url[this.cloudModule](`${this.cloudObject}/:id/discussions`, this.cloudObjectId).search(this.stringToFind)
+                this.fetchDiscussions(discussionsUrl)
+            }
+            
+            if (this.filters.showActivityLog) {
+                const activityLogsUrl = this.url[this.cloudModule](`${this.cloudObject}/:id/activities`, this.cloudObjectId).search(this.stringToFind)
+                this.fetchActivityLogs(activityLogsUrl)
+            } 
+        },
+
+        /**
+         * @description This action is used to create a discussion
+         * @param {Object} payload contains the data of the discussion
+         */
+        createDiscussion(payload) {
+
+            const url = this.url[this.cloudModule](`${this.cloudObject}/:id/discussions`, {
+                id: this.cloudObjectId,
+            })
+
+            this.http.post(url, payload
+            ).then(() => {
+                this.msg.success(I18n.t("core.shared").messages_success_creating_discussion)
+                this.fetchDiscussions()
+            }).catch(error => {
+                this.msg.danger(I18n.t("core.shared").messages_danger_creating_discussion)
+            })
+        },
+
+        /**
+         * @description This action is used to delete a discussion.
+         */
+        deleteDiscussion(discussionId) {
+            
+            if (!discussionId) return
+
+            const url = this.url[this.cloudModule](`${this.cloudObject}/:id/discussions/:discussionId`, {
+                id: this.cloudObjectId,
+                discussionId: discussionId,
+            })
+
+            this.http.delete(url).then(() => {
+                this.msg.success(I18n.t("core.shared").messages_success_deleting_discussion)
+                this.fetchDiscussions()
+            }).catch(error => {
+                this.msg.danger(I18n.t("core.shared").messages_danger_deleting_discussion)
+            })
+        },
+
+        /**
+         * @description This action is used to get the activity logs of the cloud object.
+         * @param {String} url to fetch the activity logs
+         */
+        fetchActivityLogs(url) {
+            this.loading = true
+
+            if (!url) url = this.url[this.cloudModule](`${this.cloudObject}/:id/activities`, this.cloudObjectId)
+
+            this.http.get(url).then(result => {
+                this.activityLogs = result
+            }).catch(error => {
+                console.log(error)
+                this.msg.danger(I18n.t("core.shared").messages_danger_getting_activity_logs)
+            }).finally(() => {
+                this.loading = false
+            })
+        }
+    }
+})

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

@@ -0,0 +1,205 @@
+/*
+
+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, such as the form to upload files and the table to display them.
+
+import { defineStore } from "pinia"
+
+export const useCloudObjectFileStore = defineStore("cloud.object.file", {
+    state: () => {
+        return {
+            files: [],
+            filesToUpload: [],
+            fileTypes: [],
+            acceptedFiles: [],
+            clearDropZone: false,
+            loading: false,
+            cloudModule: null,
+            cloudObject: null,
+            cloudObjectId: null,
+            fileType: null,
+            maxFiles: null,
+            maxSizeFile: null,
+            showFilesUpload: false,
+        }
+    },
+    actions: {
+
+
+        /**
+         * @param {Object[]} files with an accepted format
+         * @description This action is used to add files to the server.
+         */
+        uploadFiles(files) {
+            // · array of promises
+            const promises = []
+            
+            // · url to upload files
+            const url = this.url[this.cloudModule](
+                `${this.cloudObject}/:cloudObjectId/files`,
+                {
+                    cloudObjectId: this.cloudObjectId,
+                }
+            )
+
+            // · interate all files, create a promise and save it in the array
+            for (let i = 0; i < files.length; i++) {
+                promises.push(this.http.post(url, files[i], {
+                    headers: {
+                        "Content-Type": "multipart/form-data",
+                    }
+                }))
+            }
+
+            // · execute all promises asynchronously
+            Promise.all(promises).then(() => {
+                this.msg.success(I18n.t("core.shared").messages_success_files_uploaded)
+                this.fetchFiles()
+            }).catch(error => {
+                this.msg.danger(error.message)
+            }).finally(() => {
+                this.loading = false
+            })
+        },
+
+
+        /**
+         * @description This action is used to fetch the files of a cloud object.
+         */
+        fetchFiles() {
+            this.loading = true
+
+            // · url to fetch files
+            const url = this.url[this.cloudModule](
+                `${this.cloudObject}/:cloudObjectId/files`,
+                { cloudObjectId: this.cloudObjectId, }
+            )
+
+            // · If file type is not null, add the query param "f" to the url
+            if (this.fileType) url.filter({ file_type: [this.fileType] })
+            
+
+            this.http.get(url).then(response => {
+                if (response.length === 0) this.files = []
+                else this.files = response
+            }).catch(error => {
+                console.log(error)
+                this.msg.danger(I18n.t("core.shared").messages_danger_getting_files)
+            }).finally(() => {
+                this.loading = false
+            })
+        },
+
+
+        /**
+         * 
+         * @param {string} id 
+         * @description this action is used to delete a file from a cloud object.
+         */
+        deleteFile(id) {
+            this.loading = true
+
+            // · url to delete file
+            const url = this.url[this.cloudModule](
+                `${this.cloudObject}/:cloudObjectId/files/:fileId`,
+                {
+                    cloudObjectId: this.cloudObjectId,
+                    fileId: id
+                }
+            )
+
+            this.http.delete(url).then(() => {
+                // · fetch files after delete a file
+                this.fetchFiles()
+                this.msg.success(I18n.t("core.shared").messages_success_files_deleted)
+            }).catch(error => {
+                console.log(error)
+                this.msg.danger(I18n.t("core.shared").messages_danger_files_deleted)
+            }).finally(() => {
+                this.loading = false
+                this.filesToUpload = []
+            })
+        },
+
+
+        /**
+         * @description This method is used to fetch the files type to show in a select element.
+         */
+        fetchFileTypes() {
+            this.loading = true
+            
+            // · url to fetch file types that are allowed to upload
+            const url = this.url[this.cloudModule](
+                `${this.cloudObject}/files/options`,
+            )
+
+            this.http.get(url)
+                .then(response => {
+                    // transform the response to an acceptable array of options for lesli-select
+                    this.fileTypes = response.file_types.map(fileType => {
+                        return {
+                            value: fileType.value,
+                            label: fileType.text
+                        }
+                    })
+                }).catch(error => {
+                    console.log(error)
+                    this.msg.danger(I18n.t("core.shared").messages_danger_getting_file_types)
+                }).finally(() => {
+                    this.loading = false
+                })
+        },
+
+        /**
+         * 
+         * @param {string} id 
+         * @description This method is used to get the url of a file
+         * @returns {string} file url
+         */
+        getUrl(id) {            
+            // · url to fetch file types that are allowed to upload
+            const url = this.url[this.cloudModule](
+                `${this.cloudObject}/:cloudObjectId/files/:fileId`,
+                {
+                    cloudObjectId: this.cloudObjectId,
+                    fileId: id
+                }
+            )
+
+            return url.toString()
+        }
+    }
+})

data/lib/vue/stores/dashboard.js

@@ -0,0 +1,251 @@
+/*
+
+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"
+
+
+// · 
+export const useDashboard = defineStore("shared.dashboard", {
+    state: () => {
+        return {
+            loading: false,
+            engine: null,
+
+            dashboard: {
+                components: []
+            },
+            dashboards: [],
+            
+            options: [],
+            selected_dashboard_component: {},
+            deleted_components: [],
+            default_component_configuration:{
+                index: 1,
+                layout: 4
+            },
+            new_component_id: ""
+        }
+    },
+    actions: {
+        /**
+         * @description This action is used to get the default dashboard
+         */
+        getDashboard() {
+            this.http.get(this.url[this.engine]('dashboards/default')).then(result => {
+                let components = result.components
+                this.dashboard = result
+                this.dashboard.components = []
+
+                // Parse components so they can be rendered
+                components.forEach((component) => {
+                    component.component_id = component.component_id.replaceAll('_','-')
+                    this.dashboard.components.push(component)
+                })
+            })
+        },
+        /**
+         * @description This action is used to fetch the list of dashboards
+         */
+        fetchDashboards(url) {
+            this.loading = true
+            
+            if (!url) url = this.url[this.engine]('dashboards')
+
+            this.http.get(url).then(result => {
+                this.loading = false
+                this.dashboards = result.dashboards.map(dashboard => {
+                    dashboard.created_at = this.date2(dashboard.created_at).dateTime().toString()
+                    dashboard.updated_at = this.date2(dashboard.updated_at).dateTime().toString()
+                    return dashboard
+                })
+            }).catch(error => {
+                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
+            })
+        },
+        /**
+         * @param {string} search_string String to search for
+         * @description This action is used to search for a string in the dashboards
+         */
+        searchDashboards(search_string){
+            const url = this.url[this.engine]('dashboards').search(search_string)
+            this.fetchDashboards(url)
+        },
+        /**
+        * @description This action is used to reset the dashboard
+        */
+        resetDashboard(){
+            this.dashboard = {
+                components: []
+            }
+            this.deleted_components = []
+            this.selected_dashboard_component = {}
+            this.new_component_id = ""
+        },
+        /**
+        * @description This action is used to update a dashboard
+        */
+        updateDashboard(){
+            this.loading = true
+            let data = {
+                dashboard: {
+                    name: this.dashboard.name,
+                    default: this.dashboard.default,
+                    roles_id: this.dashboard.roles_id,
+                    components_attributes: this.dashboard.components.map((component)=>{
+                        let parsed_component = {...component}
+                        // We check if the id is a valid integer or a placeholder. If it is a placeholder, we set it to null
+                        if(isNaN(parsed_component.id)){
+                            parsed_component.id = null
+                        }
+
+                        return parsed_component
+                    })
+                }
+            }
+
+            data.dashboard.components_attributes = data.dashboard.components_attributes.concat(this.deleted_components)
+
+            const url = this.url[this.engine](`dashboards/${this.dashboard.id}`)
+
+            return this.http.put(url, data).then(result => {
+                this.msg.success(I18n.t("core.users.messages_success_operation"))
+                this.loading = false
+            }).catch(error => {
+                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
+            })
+        },
+        /**
+        * @description This action is used to post a dashboard
+        */
+        async postDashboard(){
+            this.loading = true
+            let data = {
+                dashboard: {
+                    name: this.dashboard.name,
+                    default: this.dashboard.default,
+                    roles_id: this.dashboard.roles_id,
+                    components_attributes: this.dashboard.components.map((component)=>{
+                        let parsed_component = {...component}
+                        parsed_component.id = null
+
+                        return parsed_component
+                    })
+                }
+            }
+
+            const url = this.url[this.engine]('dashboards')
+
+            return this.http.post(url, data).then(result => {
+                this.msg.success(I18n.t("core.users.messages_success_operation"))
+                this.loading = false
+            }).catch(error => {
+                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
+            })
+        },
+        /**
+        * @description This action is used to get dashboard options
+        */
+        getDashboardOptions(){
+
+            this.options = {
+                component_ids: [],
+                roles: [],
+                components_configuration_options: {}
+            }
+
+            const url = this.url[this.engine]('dashboards/options')
+
+            this.http.get(url).then(result => {
+
+                result["roles"].forEach((role)=>{
+                    this.options["roles"].push({
+                        label: role.text,
+                        value: role.value
+                    })
+                })
+                result["component_ids"].forEach((component)=>{
+                    this.options["component_ids"].push({
+                        label: component.text.replaceAll('_','-'),
+                        value: component.value
+                    })
+                })
+
+                this.options["components_configuration_options"] = result["components_configuration_options"]
+
+            }).catch(error => {
+                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
+            })
+        },
+        /**
+        * @description This action is used to get the information for a dashboard
+        */
+        fetchDashboard(dashboard_id){
+            this.loading = true
+
+            const url = this.url[this.engine]('dashboards/:dashboardId', { dashboardId: dashboard_id })
+
+            return this.http.get(url).then(result => {
+
+                let components = result.components
+                this.dashboard = result
+                this.dashboard.components = []
+
+                // Parse components so they can be rendered
+                components.forEach((component) => {
+                    component.component_id = component.component_id.replaceAll('_','-')
+                    this.dashboard.components.push(component)
+                })
+
+                this.loading = false
+            }).catch(error => {
+                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
+            })
+        },
+        /**
+        * @description This action is used to delete a dashboard
+        */
+        async deleteDashboard(){
+            this.loading = true
+            const url = this.url[this.engine]('dashboards/:dashboardId', { dashboardId: this.dashboard.id })
+
+            return this.http.delete(url).then(result => {
+                this.msg.success(I18n.t("core.users.messages_success_operation"))
+                this.loading = false
+            }).catch(error => {
+                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
+            })
+        }
+    }
+})