lesli 5.0.13 → 5.0.15

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>

data/lib/vue/refactor/shared/workflows2/apps/actions/forms/chatroom-form.vue

@@ -1,103 +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, inject } from "vue"
-
-// · import store
-import { useActions } from "Lesli/vue/stores/shared/workflows/actions"
-
-// · implement store
-const storeActions = useActions()
-
-// . Defining translations
-const translations = {
-    core: I18n.t('core.shared'),
-    actions: I18n.t('core.workflow/actions'),
-    bell: I18n.t('bell.notifications')
-}
-
-</script>
-
-<template>
-
-    <!-- Sender user -->
-    <div class="columns is-marginless has-border-bottom">
-        <div class="column">
-            <label class="label">
-                {{ translations.actions.view_text_sender_user }}
-                <sup class="has-text-danger">*</sup>
-            </label>
-            <div class="control">
-                <lesli-select
-                    required
-                    v-model="storeActions.concerning_users.type"
-                    :options="storeActions.options['concerning_user_types']">
-                </lesli-select>
-            </div>
-        </div>
-
-        <!-- Custom users -->
-        <div class="column"  v-if="storeActions.concerning_users.type == 'custom' ">
-            <label class="label">{{ translations.actions.view_title_employee}}</label>
-            <div class="control">
-                <lesli-input-tag
-                    v-model="storeActions.action.concerning_users.list[0]"
-                    :options="storeActions.options['users']"
-                    :filterFields="['name', 'email']"
-                    showField="email"
-                />
-            </div>
-        </div>
-    </div>
-
-    <!-- Message content -->
-    <div class="columns is-marginless has-border-bottom">
-        <div class="column">
-            <label class="label">
-                {{ translations.actions.view_text_message_content }}
-            </label>
-            <textarea
-                name="body"
-                rows="3"
-                maxlength="500"
-                class="textarea"
-                v-model="storeActions.action.input_data.message_text"
-            ></textarea>
-        </div>
-    </div>
-
-
-</template>