lesli 5.0.13 → 5.0.14

data/lib/vue/panels/stores/support-tickets.js

@@ -1,103 +0,0 @@
-/*
-Copyright (c) 2022, all rights reserved.
-
-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.
-
-Without the written permission of the owner, any replication, modification,
-transmission, publication is strictly forbidden.
-
-For more information read the license file including with this software.
-
-// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
-// · 
-*/
-
-
-// · 
-import { defineStore } from "pinia"
-//import { useLayout } from "LesliVue/stores/layout"
-
-
-// · 
-export const useTickets = defineStore("lesli.panelSupportTickets", {
-    state: () => {
-        return {
-            loading: false,
-            loaded: false,
-            ticket: {
-                cloud_help_catalog_ticket_types_id: 2,
-                cloud_help_catalog_ticket_workspaces_id: null,
-                subject: "",
-                description: "",
-                reference_url: null
-            },
-            tickets: {},
-            options: {
-                types: [],
-                categories: [],
-                priorities: []
-            },
-            typesSelect : [],
-            workspaceSelect: [],
-            //storeLayout: useLayout()
-        }
-    },
-    actions: {
-
-        fetchTickets() {
-            this.loading = true
-            this.http.get(this.url.support("tickets")
-                .paginate(1,3) // Here we only fetch the last 3 tickets assigned to show in the support ticket panel
-                .filter({search_type: ['active'], user_type:['own']})
-            ).then(result => {
-                this.tickets = result.records
-            }).catch(error => {
-                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
-            }).finally(() => {
-                this.loading = false
-            })
-        },
-
-        postTicket(){
-            this.loading = true
-            this.ticket.reference_url = window.location.href
-
-            this.http.post(this.url.support('tickets'), this.ticket).then(result => {
-                this.msg.success(I18n.t("core.users.messages_success_operation"))
-                this.resetForm()
-                //this.storeLayout.showTickets = false
-            }).catch(error => {
-                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
-            }).finally(() => {
-                this.loading = false
-            })
-        },
-
-        resetForm(){
-            this.ticket.subject = ''
-            this.ticket.description = ""
-            this.ticket.type = 2
-        },
-
-        getTicketOptions() {
-            this.loaded = true
-            this.http.get(this.url.support('tickets/options')).then(result => {
-                this.options = result
-
-                result.types.map((type)=>{
-                    this.typesSelect.push({label: type.name, value: type.id})
-                })
-
-                result.workspaces.map((workspace)=>{
-                    this.workspaceSelect.push({label: workspace.name, value: workspace.id})
-                })
-
-            }).catch(error => {
-                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
-            })
-        },
-    }
-})

data/lib/vue/public.js

@@ -1,83 +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 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 { useLesliDebug } from "lesli-vue/composables"
-const debug = useLesliDebug()
-
-
-// · 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/refactor/shared/cloudobjects/action.vue

@@ -1,193 +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 · 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 { onMounted } from "vue"
-
-// · import store
-import { useCloudObjectAction } from "Lesli/vue/stores/cloud-objects/action"
-
-// · import components
-
-
-// · defining translations
-const translations = {
-    core: I18n.t('core.shared')
-}
-
-// · implement store
-const actionStore = useCloudObjectAction()
-
-// · defining props
-const props = defineProps({
-    // · prop that indicates the cloud module that will be used for interacting with the backend.
-    cloudModule: {
-        type: String,
-        required: true,
-    },
-    // · prop that indicates the resource that you need to interact with.
-    cloudObject: {
-        type: String,
-        required: true,
-    },
-    // · prop that indicates the object id of the resource that you need to interact with.
-    cloudObjectId: {
-        type: String,
-        required: true,
-    }
-})
-
-actionStore.cloudModule = props.cloudModule
-actionStore.cloudObject = props.cloudObject 
-actionStore.cloudObjectId = props.cloudObjectId
-
-function  completedActions(group){
-    return group.actions.filter(action => action.complete).length
-}
-
-
-onMounted(() => {
-    actionStore.getActions()
-})
-
-</script>
-
-<template>
-    <h2 class=" title is-4">
-        {{ translations.core.view_text_quick_actions }}
-    </h2>
-
-    <form @submit.prevent="actionStore.createGroup">
-        <fieldset>
-            <div class="columns">
-                <div class="column is-10">
-                    <div class="field">
-                        <label class="label">{{ translations.core.view_text_cloud_object_actions_add_new_group }}<sup class="has-text-danger">*</sup></label>
-                        <div class="control">
-                            <input class="input" type="text" v-model="actionStore.new_group_name" required>
-                        </div>
-                    </div>
-                </div>
-
-                <div class="column is-2">
-                    <div class="field">
-                        <label class="label">&nbsp;</label>
-                        <div class="control">
-                            <lesli-button icon="add">
-                                {{ translations.core.view_btn_add }}
-                            </lesli-button> 
-                        </div>
-                    </div>
-                </div>
-            
-            </div>
-        </fieldset>
-    </form>
-
-    <hr>
-
-    <div class="columns is-multiline">
-                    
-        <div class="column is-6" v-for="(group, name, index) in actionStore.actions_groups" :key="name">
-
-            <div class="card">
-                <div
-                    :class="['card-header', {'has-text-success': completedActions(group) == group.actions.length}]"
-                    role="button"
-                    :aria-controls="`action-group-${index}`"
-                >
-                    <p class="card-header-title">
-                        {{name}}
-                    </p>
-                    <a class="card-header-icon">
-                        <span>{{completedActions(group)}}/{{group.actions.length}}</span>
-                        &nbsp;
-                        <span class="icon">
-                            <span class="material-icons">check_box</span>
-                        </span>
-                    </a>
-                </div>
-
-                <div class="card-content">
-                    <div class="content">
-                        <form @submit.prevent="actionStore.createAction(name)">
-                            <fieldset>
-                                <div class="columns">
-                                    <div class="column is-10">
-                                        <div class="field">
-                                            <label class="label">{{ translations.core.view_text_cloud_object_actions_add_new }}<sup class="has-text-danger">*</sup></label>
-                                            <div class="control">
-                                                <input class="input" type="text" required v-model="group.new_action.instructions">
-                                            </div>
-                                        </div>
-                                    </div>
-
-                                    <div class="column is-2">
-                                        <div class="field">
-                                            <label class="label">&nbsp;</label>
-                                            <div class="control">
-                                                <lesli-button icon="add">
-                                                    {{ translations.core.view_btn_add }}
-                                                </lesli-button> 
-                                            </div>
-                                        </div>
-                                    </div>
-                                
-                                </div>
-                            </fieldset>
-                        </form>
-                        <hr>
-
-                        <div class="panel-block is-justify-content-space-between" v-for="(action, index) in group.actions" :key="index">
-                            <div class="is-pulled-left">
-
-                                <input type="checkbox" v-model="action.complete" @input="actionStore.putAction(action)">{{action.instructions}}
-                                <br>
-                                <sub><small>{{action.user_creator_name}} - {{action.created_at_text}}</small></sub>
-                            </div>
-                            <div class="is-pulled-right">
-                                <button v-if="! action.submitting" class="delete is-small" @click="actionStore.deleteAction(name, action)"></button>
-                            </div>
-                        </div>
-
-                    </div>
-                </div>
-            </div>
-
-        </div>
-    </div>
-
-    
-</template>

data/lib/vue/refactor/shared/cloudobjects/file/grid.vue

@@ -1,215 +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 · 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 { onMounted, ref } from "vue";
-
-// · import store
-import { useCloudObjectFileStore } from "Lesli/vue/cloudobjects/stores/file.js";
-import { useLayout } from "Lesli/vue/shared/stores/layout";
-
-// · implement store
-const store = useCloudObjectFileStore();
-const storeLayout = useLayout();
-
-// · defining translations
-const translations = {
-    core: {
-        shared: I18n.t("core.shared"),
-    },
-};
-
-// . Controls whether the modal is displayed
-const showModal = ref(false);
-// . Stores the currently displayed file
-const currentFile = ref(null);
-// . Stores the index of the currently displayed file
-const currentIndex = ref(0)
-
-/**
- * @description function that is called when the user click on the new file button.
- */
-const onClickNewFile = () => {
-    storeLayout.showFiles = !storeLayout.showFiles;
-};
-
-/**
- * @description open the modal and set the current file and its index
- */
-const openModal = (file) => {
-    currentFile.value = file
-    currentIndex.value = store.files.indexOf(file)
-    showModal.value = true
-};
-
-/**
- * @description display the previous image in the array of files
- */
-const prevImage = () => {
-    if (currentIndex.value > 0) {
-        currentIndex.value -= 1
-        currentFile.value = store.files[currentIndex.value]
-      }
-}
-
-/**
- * @description display the next image in the array of files
- */
-const nextImage = () => {
-    if (currentIndex.value < store.files.length - 1) {
-        currentIndex.value += 1
-        currentFile.value = store.files[currentIndex.value]
-    }
-}
-
-/**
- * @description delete image and close modal
- */
-const deleteImage = () => {
-    store.deleteFile(currentFile.value.id)
-    currentFile.value = null
-    currentIndex.value = 0
-    showModal.value = false
-}
-
-onMounted(() => {
-    // · fetch the files from server
-    store.fetchFiles();
-});
-</script>
-
-<template>
-    <div class="grid-container">
-        <div class="file-container" v-for="file in store.files" :key="file">
-            <img
-                @click="openModal(file)"
-                :src="store.getUrl(file.id)"
-                :alt="file.name"
-                v-if="file.file_type == 'image'"
-            />
-            <video controls v-else-if="file.file_type == 'video'">
-                <source :src="store.getUrl(file.id)" type="video/mp4" />
-            </video>
-            <iframe
-                v-else-if="file.file_type == 'document'"
-                id="preview-document"
-                :src="store.getUrl(file.id)"
-                frameborder="0"
-            ></iframe>
-
-            <button
-                class="delete-button"
-                @click="store.deleteFile(file.id)"
-                type="button"
-            >
-                <span class="icon">
-                    <span class="material-icons">delete</span>
-                </span>
-            </button>
-        </div>
-        <div class="add-button">
-            <button
-                type="button"
-                class="add-file button"
-                @click="onClickNewFile"
-            >
-                <span class="icon">
-                    <span class="material-icons">add_box</span>
-                </span>
-                <span>
-                    {{ translations.core.shared.view_title_new_file }}
-                </span>
-            </button>
-        </div>
-
-        <Teleport to="body">
-            <div v-if="showModal" @click="showModal = false" class="file-backdrop"></div>
-            <div v-if="showModal" class="file-modal">
-                <img
-                    :src="store.getUrl(currentFile.id)"
-                    :alt="currentFile.name"
-                    v-if="currentFile.file_type == 'image'"
-                />
-
-                <video controls v-else-if="currentFile.file_type == 'video'">
-                    <source :src="store.getUrl(currentFile.id)" type="video/mp4" />
-                </video>
-
-                <iframe
-                    v-else-if="currentFile.file_type == 'document'"
-                    id="preview-document"
-                    :src="store.getUrl(currentFile.id)"
-                    frameborder="0"
-                ></iframe>
-                <div class="buttons">
-                    <button @click="deleteImage" class="button is-primary is-danger">
-                        <span class="icon">
-                            <span class="material-icons">
-                                delete
-                            </span>
-                        </span>
-                        <span>Delete</span>
-                    </button>
-                    <div class="nav-buttons">
-
-                        <button @click="prevImage" class="button is-primary">
-                            <span class="icon">
-                                <span class="material-icons">
-                                    arrow_back
-                                </span>
-                            </span>
-                            <span>Previous image</span>
-                        </button>
-                        <button @click="nextImage" class="button is-primary">
-                            <span>Next image</span>
-                            <span class="icon">
-                                <span class="material-icons">
-                                    arrow_forward
-                                </span>
-                            </span>
-                            
-                        </button>
-                    </div>
-                </div>
-                <button  @click="showModal = false" class="button is-primary btn-close">
-                    <span class="icon">
-                        <span class="material-icons">
-                            close
-                        </span>
-                    </span>
-                </button>
-            </div>
-        </Teleport>
-    </div>
-</template>