lesli 5.0.12 → 5.0.14

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>

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

@@ -1,106 +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"),
-    }
-}
-
-// · columns of the table
-const columns = [
-    {
-        field: "name",
-        label: translations.core.shared.column_files_name,
-    },
-    {
-        field: "file_type",
-        label: translations.core.shared.column_files_file_type,
-    },
-    {
-        field: "created_at",
-        label: translations.core.shared.column_created_at,
-    },
-]
-
-
-/**
-* @description function that is called when the user click on the new file button.
-*/
-const onClickNewFile = () => {
-    storeLayout.showFiles = !storeLayout.showFiles
-}
-
-onMounted(() => {
-    // · fetch the files from server
-    store.fetchFiles()
-})
-
-</script>
-
-<template>
-
-    <div class="is-flex is-justify-content-end mb-4">
-        <button class="button is-primary"  type="button" @click="onClickNewFile">
-            <span >
-                {{ translations.core.shared.view_title_new_file }}
-            </span>
-            <span class="icon is-small">
-                <span class="material-icons">add</span>
-            </span>
-        </button>
-    </div>
-
-    <lesli-table :columns="columns" :records="store.files">
-        <template #options="record">
-                <a class="dropdown-item" :href="`${store.getUrl(record.value)}.json`" target="_blank">{{ translations.core.shared.view_btn_view_file }}</a>
-                <a class="dropdown-item" :href="`${store.getUrl(record.value)}.json?download=true`" download>{{ translations.core.shared.view_btn_download }}</a>
-                <a class="dropdown-item" @click="store.deleteFile(record.value)">{{ translations.core.shared.view_btn_delete }}</a>
-        </template>
-    </lesli-table>
-
-</template>

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

@@ -1,145 +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 stores
-import { useCloudObjectFileStore } from "Lesli/vue/cloudobjects/stores/file.js"
-import { useLayout } from "Lesli/vue/shared/stores/layout"
-
-// · import components
-import filesList from "Lesli/vue/cloudobjects/components/file/list.vue" 
-import filesGrid from "Lesli/vue/cloudobjects/components/file/grid.vue" 
-
-// · implement store
-const storeFiles = useCloudObjectFileStore()
-const storeLayout = useLayout()
-
-// · defining translations
-const translations = {
-    core: {
-        shared: I18n.t("core.shared"),
-    }
-}
-
-// · defining props
-const props = defineProps({
-    // · prop that indicates if the will be shown the new file button, by default it is true.
-    showNewFileButton: {
-        type: Boolean,
-        required: false,
-        default: true,
-    },
-    // · prop that filter by file type, by default it is empty. (image, document, screenshots, plaintext)
-    // · this filter will be applied to the data table that shows the files
-    fileType: {
-        type: String,
-        required: false,
-        default: '',
-    },
-    // · 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: Number,
-        required: false,
-    },
-    // · prop the indicates the maximun size of each file that can be uploaded,
-    // · by default it is 1MB but the value is in bytes. That means that 
-    // · if you want to upload a file with a size of 5MB you need to set the value to 5000000.
-    maxSizeFile: {
-        type: Number,
-        required: false,
-        default: 1000000,
-    },
-    // · prop that indicates the maximun number of files that can be uploaded, by default it is 10.
-    maxFiles: {
-        type: Number,
-        required: false,
-        default: 10,
-    },
-    // · prop that indicates the accepted file types, by default it is images.
-    // · that means that the user can only upload images but you can change it to
-    // · if you send an array with the accepted extensions.
-    // · images includes: "jpg", "jpeg", "png", "gif", "svg"
-    // · plaintext includes: "txt", "md", "log", "csv"
-    // · documents includes: "doc", "docx", "xls", "xlsx", "pdf"
-    acceptedFiles: {
-        type: Array,
-        required: false,
-        default: () => [ 'images' ],
-        validator: (val) => {
-            return val.every((fileType) => {
-                return ['images', 'plaintext', 'documents'].includes(fileType)
-            })
-        }
-    },
-    // · prop that indicates the mode for showing files
-    mode: {
-        type: String,
-        required: false,
-        default: "list"
-    },
-})
-
-// set cloudModule to store
-storeFiles.cloudModule = props.cloudModule
-// set cloudObject to store
-storeFiles.cloudObject = props.cloudObject
-// set cloudObjectId to store
-storeFiles.cloudObjectId = props.cloudObjectId
-// set maxFile to store
-storeFiles.maxFiles = props.maxFiles
-// set maxSizeFile to store
-storeFiles.maxSizeFile = props.maxSizeFile
-// set type to store
-storeFiles.fileType = props.fileType
-// set acceptedFiles to store
-storeFiles.acceptedFiles = props.acceptedFiles
-
-</script>
-
-<template>
-    <div class="files">
-        <files-grid v-if="props.mode=='grid'"></files-grid>
-        <files-list v-else></files-list>
-    </div>
-</template>

data/lib/vue/refactor/shared/workflows2/apps/actions/form.vue

@@ -1,232 +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 { inject, watch, onMounted, ref } from "vue"
-import { useRouter, useRoute } from 'vue-router'
-
-
-// · import store
-import { useActions } from "Lesli/vue/stores/shared/workflows/actions"
-import notificationForm from "./forms/notification-form.vue"
-import emailForm from "./forms/email-form.vue"
-import taskForm from "./forms/task-form.vue"
-import chatroomForm from "./forms/chatroom-form.vue"
-import cloudObjectFileForm from "./forms/cloud-object-file-form.vue"
-import cloudObjectCloneForm from "./forms/cloud-object-clone-form.vue"
-import sendCloudObjectFileForm from "./forms/send-cloud-object-file.vue"
-
-
-
-// · initialize/inject plugins
-const router = useRouter()
-const url = inject("url")
-
-
-// · defining props
-const props = defineProps({
-    isEditable: {
-        type: Boolean,
-        required: false,
-        default: false
-    }
-})
-
-
-// · implement stores
-const storeActions = useActions()
-
-// · defining translations
-const translations = {
-    core: I18n.t('core.shared'),
-    actions: I18n.t('core.workflow/actions')
-}
-
-onMounted(() => {
-    // · get workflow actions options
-    storeActions.getOptions()
-    storeActions.getUsers()
-    storeActions.getCloudObjectFileOptions()
-    storeActions.getTasksOptions()
-
-    if(!props.isEditable){
-        storeActions.reset()
-    }
-
-})
-
-const activeOptions = {
-    yes: { 
-        label: translations.core.view_text_yes, 
-        value: true
-    },
-    no: {
-        label: translations.core.view_text_no,
-        value: false
-    }
-}
-
-/**
- * @description This function is used to update the action information
- */
- const onUpdate = () => {
-    storeActions.updateAction()
-}
-
-/**
- * @description This function is used to create a new action
- */
-const onCreate = () => {
-    storeActions.postAction()
-}
-
-
-</script>
-
-<template>
-    <form 
-        @submit.prevent="isEditable? onUpdate() : onCreate()"
-        v-if="!storeActions.loading">
-
-        <div class="columns is-marginless has-border-bottom">
-
-            <!-- Action name -->
-            <div class="column">
-                <label class="label">
-                    {{translations.actions.column_name}}
-                    <sup class="has-text-danger">*</sup>
-                </label>
-                
-                <div class="control">
-                    <input type="text" name="name" required class="input" v-model="storeActions.action.name" />
-                </div>
-            </div>
-
-            <!-- Active -->
-            <div class="column">
-                <label class="label">{{translations.actions.column_active}}</label>
-                <div class="control">
-                    <label :for="option.label" class="radio" v-for="option in activeOptions" :key="option">
-                        <input name="active" type="radio" :id="option.label" :value="option.value" v-model="storeActions.action.active"/>
-                        {{option.label}}
-                    </label>  
-                </div>
-            </div>
-
-            <!-- Execute inmediately -->
-            <div class="column">
-                <label class="label">
-                    {{ translations.actions.column_execute_immediately }}
-                </label>
-
-                <label class="checkbox">
-                    <input type="checkbox" v-model="storeActions.action.execute_immediately">
-                    <span v-if="storeActions.action.execute_immediately"> {{translations.core.view_text_yes}} </span>
-                    <span v-else> {{translations.core.view_text_no}} </span>
-                </label>                
-            </div>
-
-        </div>
-
-
-        <div class="columns is-marginless has-border-bottom">
-             <!-- Initial status -->
-            <div class="column">
-                <label class="label">{{ translations.actions.column_initial_status_id }}</label>
-                <div class="control">
-                    <lesli-select
-                        v-model="storeActions.action.initial_status_id"
-                        :options="storeActions.options['statuses']">
-                    </lesli-select>
-                </div>
-            </div>
-
-            <!-- Final status -->
-            <div class="column">
-                <label class="label">
-                    {{ translations.actions.column_final_status_id }}
-                    <sup class="has-text-danger">*</sup>
-                </label>
-
-                <div class="control">
-                    <lesli-select
-                        required
-                        v-model="storeActions.action.final_status_id"
-                        :options="storeActions.options['statuses']">
-                    </lesli-select>
-                </div>
-            </div>
-
-            <!-- Action type -->
-            <div class="column">
-                <label class="label">
-                    {{ translations.actions.column_action_type }}
-                    <sup class="has-text-danger">*</sup>
-                </label>
-                <div class="control">
-                    <lesli-select
-                        required
-                        v-model="storeActions.action.action_type"
-                        :options="storeActions.options['action_types']"
-                        :disabled="props.isEditable">
-                    </lesli-select>
-                    <span>{{ translations.actions.view_text_column_action_type_description }}</span>
-                </div>
-            </div>
-        </div>
-
-        <hr>
-
-        <notification-form v-if="storeActions.action.action_type == 'create_bell_notification'"></notification-form>
-        <email-form v-if="storeActions.action.action_type == 'send_core_email'"></email-form>
-        <task-form v-if="storeActions.action.action_type == 'create_focus_task'"></task-form>
-        <chatroom-form v-if="storeActions.action.action_type == 'send_talk_chatroom_message'"></chatroom-form>
-        <cloud-object-file-form v-if="storeActions.action.action_type == 'create_cloud_object_file'"></cloud-object-file-form>
-        <cloud-object-clone-form v-if="storeActions.action.action_type == 'cloud_object_clone'"></cloud-object-clone-form>
-        <send-cloud-object-file-form v-if="storeActions.action.action_type =='create_and_send_cloud_object_file'"></send-cloud-object-file-form>
-
-
-        <!-- Submit form button -->
-        <div class="columns is-marginless has-border-bottom">
-            <div class="column">
-                <lesli-button icon="save">
-                    save
-                </lesli-button>  
-            </div>
-        </div>
-    </form>
-
-</template>