lesli 5.0.0

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

@@ -0,0 +1,200 @@
+<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/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/apps/workflows2/apps/checks/index.vue

@@ -0,0 +1,160 @@
+<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/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/apps/workflows2/apps/index.vue

@@ -0,0 +1,177 @@
+<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/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/apps/workflows2/apps/new.vue

@@ -0,0 +1,97 @@
+<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/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>