lesli 5.0.13 → 5.0.15

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

@@ -1,200 +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 { useChecks } from "Lesli/vue/stores/shared/workflows/checks"
-
-
-// · initialize/inject plugins
-const router = useRouter()
-const url = inject("url")
-
-
-// · implement stores
-const storeChecks = useChecks()
-
-// · defining translations
-const translations = {
-    core: I18n.t('core.shared'),
-    checks: I18n.t('core.workflow/checks'),
-    roles: I18n.t('core.roles')
-}
-
-const activeOptions = {
-    yes: { 
-        label: translations.core.view_text_yes, 
-        value: true
-    },
-    no: {
-        label: translations.core.view_text_no,
-        value: false
-    }
-}
-
-// · the user selected for checks
-const employee = ref(storeChecks.check?.user_name)
-
-const selectUser = () => {
-    const user = employee.value
-
-    if(user){
-        storeChecks.check.users_id = user.id
-    }else{
-        storeChecks.check.users_id = null
-    }
-}
-
-
-onMounted(() => {
-    // · get workflow check options
-    storeChecks.getCheckOptions()
-})
-
-
-</script>
-
-<template>
-    <form @submit.prevent="storeChecks.formSubmit()" v-if="!storeChecks.loading">
-        <div class="card-content">
-            <div class="field">
-                <label class="label">
-                    {{translations.checks.column_name}}
-                    <sup class="has-text-danger">*</sup>
-                </label>
-                <div class="control">
-                    <input
-                            type="text"
-                            autocomplete="on"
-                            name="subject"
-                            required
-                            class="input"
-                            v-model="storeChecks.check.name"
-                        />
-                </div>
-            </div>
-            <div class="field">
-                <label class="label">{{translations.checks.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="storeChecks.check.active"
-                        />
-                        {{option.label}}
-                    </label>  
-                </div>
-            </div>
-            <div class="field">
-                <label class="label">
-                    {{ translations.checks.column_initial_status_id }}
-                    <sup class="has-text-danger">*</sup>
-                </label>
-                <sup class="has-text-danger">*</sup>
-                <div class="control">
-                    <lesli-select
-                        required
-                        v-model="storeChecks.check.initial_status_id"
-                        :options="storeChecks.options['statuses']">
-                    </lesli-select>
-                </div>
-            </div>
-            <div class="field">
-                <label class="label">{{ translations.checks.column_final_status_id }}</label>
-                <div class="control">
-                    <lesli-select
-                        v-model="storeChecks.check.final_status_id"
-                        :options="storeChecks.options['statuses']">
-                    </lesli-select>
-                </div>
-            </div>
-            <div class="field" v-if="storeChecks.check.user_type == 'any' || storeChecks.check.user_type == null">
-                <label class="label">
-                    {{ translations.checks.column_roles_id }}
-                    <sup v-if="storeChecks.check.user_type == 'any' || storeChecks.check.user_type == null" class="has-text-danger">*</sup>
-                </label>
-                <div class="control">
-                    <lesli-select
-                        :required="storeChecks.check.user_type == 'any' || storeChecks.check.user_type == null"
-                        v-model="storeChecks.check.roles_id"
-                        :options="storeChecks.options['roles']">
-                    </lesli-select>
-                </div>
-            </div>
-            <div class="field">
-                <label class="label">
-                    {{ translations.checks.column_user_type }}
-                    <sup v-if="storeChecks.check.roles_id == null" class="has-text-danger">*</sup>
-                </label>
-                <div class="control">
-                    <lesli-select
-                        :required="storeChecks.check.roles_id == null"
-                        v-model="storeChecks.check.user_type"
-                        :options="storeChecks.options['user_types']">
-                    </lesli-select>
-                </div>
-            </div>
-
-            <div class="field" v-if="storeChecks.check.user_type == 'custom' ">
-                <label class="label">{{ translations.checks.column_users_id }}</label>
-                <div class="control">
-                    <lesli-autocomplete
-                        :placeholder="translations.core.view_placeholder_select_option"
-                        v-model="employee"
-                        @select="selectUser"
-                        :options="storeChecks.options['users']"
-                        :select-by="user => user.name">
-                    </lesli-autocomplete>
-                </div>
-            </div>
-
-
-            <div class="control">
-                <lesli-button icon="save">
-                    save
-                </lesli-button>  
-            </div>
-        </div>
-    </form>
-
-</template>

data/lib/vue/refactor/shared/workflows2/apps/checks/index.vue

@@ -1,160 +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 { ref, computed, onMounted } from "vue"
-
-// · import stores
-import { useChecks } from "Lesli/vue/stores/shared/workflows/checks"
-import checksForm from "./form.vue"
-
-// · implement store
-const storeChecks = useChecks()
-
-const props = defineProps({
-    appMountPath: {
-        type: String,
-        required: false,
-        default: "",
-    }
-})
-
-// · defining translations
-const translations = {
-    core: {
-        workflows: I18n.t("core.workflows"),
-        shared: I18n.t("core.shared"),
-    }
-}
-
-// · columns of the table
-const columns = [
-    {
-        field: "name",
-        label: "Name",
-    },
-    {
-        field: "initial_status_name",
-        label: "Initial status",
-    },
-    {
-        field: "final_status_name",
-        label: "Final status",
-    },
-    {
-        field: "role_name",
-        label: "Role",
-    },
-    {
-        field: "user_type",
-        label: "Verification type",
-    },
-    {
-        field: "user_name",
-        label: "Employee",
-    },
-]
-
-onMounted(() => {
-    // · get workflow status
-    storeChecks.fetchChecks()
-})
-
-/**
- * @description This function is used to fetch check info
- */
-function showCheck(check){
-    storeChecks.fetchCheck(check.id).then(()=>{
-        storeChecks.showPanel = "true"
-    })
-    
-}
-
-/**
- * @description This function is used to create a new check
- */
- const onCreate = () => {
-    storeChecks.reset()
-    storeChecks.showPanel = true
-}
-
-
-
-</script>
-
-<template>
-    <lesli-header title="Checks">
-        <lesli-button
-            outlined
-            icon="refresh"
-            :loading="storeChecks.loading"
-            @click="storeChecks.fetchChecks()"
-        >
-            {{ translations.core.shared.view_text_btn_reload }}
-        </lesli-button>
-        
-        <lesli-button  icon="add" @click="onCreate">
-            add
-        </lesli-button>
-    </lesli-header>
-
-    <lesli-table 
-        :columns="columns" 
-        :records="storeChecks.checks"
-        @click="showCheck"
-    >
-        <template #buttons="{ record }">
-            <button class="button is-outlined is-danger" @click="storeChecks.deleteCheck(record.id)">
-                <span class="material-icons">
-                    delete
-                </span>
-            </button>
-        </template>
-        
-    </lesli-table>
-
-
-    <lesli-panel v-model:open="storeChecks.showPanel">
-        <template #header>
-            Check
-        </template>
-        <template #default>
-            <checks-form></checks-form>
-
-        </template>
-    </lesli-panel>
-
-
-</template>

data/lib/vue/refactor/shared/workflows2/apps/index.vue

@@ -1,177 +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 { ref, computed, onMounted } from "vue"
-
-// · import stores
-import { useWorkflow } from "Lesli/vue/stores/shared/workflow"
-
-// · implement store
-const storeWorkflow = useWorkflow()
-
-// · 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: Object,
-        required: true,
-    },
-    appMountPath: {
-        type: String,
-        required: false,
-        default: "",
-    }
-})
-
-// set props to store
-storeWorkflow.cloudModule = props.cloudModule
-storeWorkflow.cloudObject = props.cloudObject
-
-// · defining translations
-const translations = {
-    core: {
-        workflows: I18n.t("core.workflows"),
-        shared: I18n.t("core.shared"),
-        actions: I18n.t("core.workflow/actions.column_name")
-    }
-}
-
-
-/**
- * @param {*} workflow
- * @description This function is used to get the validation column of the table
- */
-const getValidation = (workflow) => {
-    const countTrueChecks = Object.keys(workflow.checks).reduce((acc, key) => {
-        if (workflow.checks[key].passed) return acc + 1
-        return acc
-    }, 0)
-
-    return countTrueChecks === 4 ? 
-        translations.core.workflows.view_text_fully_configured :
-        `${countTrueChecks} ${translations.core.workflows.view_text_posibble_issue}`
-}
-
-/**
- * @param {*} workflow
- * @description This function is used to get the connected_to column of the table
- */
-const getConnectedTo = (workflow) => {
-    if (workflow.connected_to.length === 0) return translations.core.workflows.view_text_without_connections
-    
-    // return string like "Match, Project"
-    return workflow.connected_to.map((item) => {
-        // capitalize first letter of each word and return the string
-        return item.workflow_for.charAt(0).toUpperCase() + item.workflow_for.slice(1)
-    }).join(", ")
-}
-
-// · workflows to use in the table
-const workflows = computed(() => {
-    return storeWorkflow.workflows.map(workflow => {
-        getValidation(workflow)
-        return {
-            id: workflow.id,
-            name: workflow.name,
-            validation: getValidation(workflow),
-            default: workflow.default,
-            connectedTo: getConnectedTo(workflow),
-        }
-    })
-})
-
-// · columns of the table
-const columns = [
-    {
-        field: "name",
-        label: translations.core.actions.column_name,
-    },
-    {
-        field: "validation",
-        label: translations.core.workflows.column_validation,
-    },
-    {
-        field: "default",
-        label: translations.core.workflows.column_default,
-    },
-    {
-        field: "connectedTo",
-        label: translations.core.workflows.column_connected_to,
-    },
-];
-
-onMounted(() => {
-    // · get workflow status
-    storeWorkflow.fetchWorkflows()
-})
-
-</script>
-
-<template>
-    <section class="application-component">
-        
-        <lesli-header :title="translations.core.workflows.view_title_workflows">
-            <lesli-button
-                outlined
-                icon="refresh"
-                :loading="storeWorkflow.loading"
-                @click="storeWorkflow.fetchWorkflows()"
-            >
-                {{ translations.core.shared.view_text_btn_reload }}
-            </lesli-button>
-            
-            <lesli-button  icon="add" :to="url.root(props.appMountPath + '/new')">
-                add
-            </lesli-button>
-        </lesli-header>
-
-        <lesli-toolbar @search="storeWorkflow.searchWorkflows" :search-placeholder="translations.core.workflows.view_placeholder_search_text" class="mt-4">
-        </lesli-toolbar>
-
-        <lesli-table 
-            :columns="columns" 
-            :records="workflows"
-            :link="(workflow) => url.root(`${props.appMountPath}/${workflow.id}`).s"
-        >
-        </lesli-table>
-
-    </section>
-</template>

data/lib/vue/refactor/shared/workflows2/apps/new.vue

@@ -1,97 +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 { useRouter, useRoute } from 'vue-router'
-
-
-// · import stores
-import { useWorkflow } from "Lesli/vue/stores/shared/workflow"
-
-// · import components
-import workflowForm from "../components/workflow-form.vue"
-
-
-// · defining props
-const props = defineProps({
-    appMountPath: {
-        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: Object,
-        required: true,
-    },
-})
-
-// · implement stores
-const storeWorkflow = useWorkflow()
-
-// · translations
-const translations = {
-    workflows: I18n.t('core.workflows'),
-    core: I18n.t('core.shared')
-}
-
-// set props to store
-storeWorkflow.cloudModule = props.cloudModule
-storeWorkflow.cloudObject = props.cloudObject
-
-</script>
-
-<template>
-    <section class="application-component">
-        <lesli-header :title="translations.workflows.view_title_main">
-            <lesli-button icon="list" :to="url.root(props.appMountPath)">
-                {{ translations.core.view_btn_list }}
-            </lesli-button>
-        </lesli-header>
-
-        <lesli-tabs v-model="tab">
-            <lesli-tab-item title="Edition mode">
-                <workflow-form :app-mount-path="props.appMountPath"></workflow-form>
-            </lesli-tab-item>
-        </lesli-tabs>
-    </section>
-</template>