lesli 5.0.0

data/lib/vue/apps/workflows2/apps/show.vue

@@ -0,0 +1,146 @@
+<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 { useRouter } from 'vue-router'
+
+
+// · import stores
+import { useWorkflow } from "Lesli/stores/shared/workflow"
+
+// · import components
+import workflowForm from "../components/workflow-form.vue"
+import checksList from "./checks/index.vue"
+import actionsList from "./actions/index.vue"
+import associationForm from "../components/associations.vue"
+import chart from "../components/chart.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()
+
+// · initialize/inject plugins
+const router = useRouter()
+const url = inject("url")
+
+
+// set props to store
+storeWorkflow.cloudModule = props.cloudModule
+storeWorkflow.cloudObject = props.cloudObject
+
+// · translations
+const translations = {
+    workflows: I18n.t('core.workflows'),
+    core: I18n.t('core.shared')
+}
+
+/**
+ * @description This function is used to delete a workflow
+ */
+ const deleteWorkflow = () => {
+    storeWorkflow.deleteWorkflow().then(()=> {
+        router.push(url.root(`${props.appMountPath}`).s)
+    })
+}
+
+</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" is-editable></workflow-form>
+            </lesli-tab-item>
+
+            <lesli-tab-item title="Chart mode">
+                <chart></chart>
+            </lesli-tab-item>
+            
+            <lesli-tab-item title="Actions">
+                <actions-list></actions-list>
+            </lesli-tab-item>
+
+            <lesli-tab-item title="Checks">
+                <checks-list :app-mount-path="props.appMountPath"></checks-list>
+            </lesli-tab-item>
+
+            <lesli-tab-item title="Associations">
+                <association-form></association-form>
+            </lesli-tab-item>
+
+            <lesli-tab-item title="Delete">
+                <div class="card">
+                    <div class="card-content">
+                        <h5 class="title is-5">{{translations.workflows.view_title_delete_workflow}}</h5>
+                        <span class="has-text-danger">
+                            {{translations.workflows.messages_danger_delete_workflow_description}}
+                        </span>
+                        <br>
+                        <br>
+                        <lesli-button @click="deleteWorkflow">Delete</lesli-button>
+                    </div>
+                </div>
+                
+            </lesli-tab-item>
+
+        </lesli-tabs>
+    </section>
+</template>

data/lib/vue/apps/workflows2/components/associations.vue

@@ -0,0 +1,215 @@
+<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 stores
+import { useAssociations } from "Lesli/stores/shared/workflows/associations"
+
+
+// · 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 storeAssociation = useAssociations()
+
+// · translations
+const translations = {
+    core: I18n.t('core.shared'),
+    associations: I18n.t('core.workflow/associations')
+}
+
+onMounted(() => {
+    // · get workflow association options
+    storeAssociation.getAssociationOptions()
+    storeAssociation.getAssociations()
+})
+
+//. · columns of the table
+const columns = [
+    {
+        field: "workflow_for",
+        label: translations.associations.column_workflow_for,
+    },
+    {
+        field: "global",
+        label: translations.associations.column_global,
+    },
+    {
+        field: "details",
+        label: translations.associations.view_table_header_details,
+    }
+]
+
+/**
+ * @description This function is used to select an option for association
+ */
+function selectOption (new_association){
+    let selected_association = storeAssociation.options.find((association) =>{
+        return association.workflow_for == new_association
+    })
+
+    if(selected_association){
+        storeAssociation.association_details = {}
+
+        storeAssociation.association_details = selected_association
+
+        storeAssociation.select_details = {}
+
+        Object.values(storeAssociation.association_details.details).forEach((detail)=>{
+            storeAssociation.select_details[detail.field_name] = []
+            
+            detail.list.forEach((list_item)=>{
+                storeAssociation.select_details[detail.field_name].push({
+                    label: list_item.name,
+                    value: list_item.id
+                })
+            })
+        })
+        
+    } else {
+        storeAssociation.select_details = []
+    }
+
+}
+
+</script>
+
+<template>
+    <lesli-header title="Associations"></lesli-header>
+
+    <div class="block">
+        <form @submit.prevent="storeAssociation.postAssociation">
+            <div class="columns is-marginless has-border-bottom">
+                    <!-- Association -->
+                    <div class="column is-4">
+                        <label class="label">
+                            {{translations.associations.view_title_assign_to}}
+                            <sup class="has-text-danger">*</sup>
+                        </label>
+                        <lesli-select
+                            :options="storeAssociation.options_select"
+                            v-model="storeAssociation.association.workflow_for"
+                            @change="selectOption(storeAssociation.association.workflow_for)"
+                        >
+                        </lesli-select>
+                        <p>{{ translations.associations.view_text_column_workflow_for_description }}</p>
+                    </div>
+
+                    <!-- Global assignment -->
+                    <div class="column is-4" v-if="storeAssociation.association.workflow_for">
+                        <label class="label">
+                            {{ translations.associations.column_global }}
+                        </label>
+                        <input type="checkbox" v-model="storeAssociation.association.global">
+                        <span v-if="storeAssociation.association.global"> {{translations.core.view_text_yes}} </span>
+                        <span v-else> {{translations.core.view_text_no}} </span>
+                    </div>
+
+                    <div class="column is-4" v-if="!storeAssociation.association.global && storeAssociation.association.workflow_for">
+
+                        <div v-for="detail in storeAssociation.select_details" 
+                            :key="detail"
+                        >
+                            <label class="label">
+                                {{ Object.keys(storeAssociation.select_details).find(key => storeAssociation.select_details[key] === detail) }}
+                            </label>
+                            <lesli-select
+                                :options="detail"
+                                v-model="storeAssociation.association[Object.keys(storeAssociation.select_details).find(key => storeAssociation.select_details[key] === detail)]"
+                            >
+                            </lesli-select>
+                            <p>{{ translations.associations.view_text_column_workflow_for_description }}</p>
+
+                        </div>
+                    </div>
+            </div>
+            <div class="columns is-marginless has-border-bottom">
+                <div class="column">
+                    <lesli-button icon="save">
+                        save
+                    </lesli-button>  
+                </div>
+            </div>
+        </form>
+    </div>
+
+    <div class="block">
+        <lesli-table
+        :records="storeAssociation.associations"
+        :columns="columns"
+        v-if="storeAssociation.associations.length > 0 " 
+        >
+            <template #buttons="{ record }">
+                <button class="button is-outlined is-danger" @click="storeAssociation.deleteAssociation(record.id)">
+                    <span class="material-icons">
+                        delete
+                    </span>
+                </button>
+            </template>
+
+
+            <template #global="{ value }">
+                <span class="tag is-success" v-if="value">
+                    {{ translations.core.view_text_yes}}
+                </span>
+                <span class="tag is-warning" v-if="!value">
+                    {{ translations.core.view_text_no }}
+                </span>
+            </template> 
+
+
+        </lesli-table>
+    </div>
+
+</template>

data/lib/vue/apps/workflows2/components/chart.vue

@@ -0,0 +1,91 @@
+<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, watch } from "vue"
+import { useRouter } from 'vue-router'
+
+
+// · import stores
+import { useWorkflow } from "Lesli/stores/shared/workflow"
+
+
+// · import components
+import mermaidChart from "Leslicomponents/diagrams/mermaid.vue"
+
+
+// · defining props
+const props = defineProps({
+    appMountPath: {
+        type: String,
+        required: false,
+        default: "",
+    }
+})
+
+
+// · implement stores
+const storeWorkflow = useWorkflow()
+
+
+// · initialize/inject plugins
+const router = useRouter()
+const url = inject("url")
+
+
+// set props to store
+
+
+// · translations
+const translations = {
+    workflows: I18n.t('core.workflows'),
+    core: I18n.t('core.shared')
+}
+
+
+watch(()=> storeWorkflow.workflow, (workflow) => {
+    workflow.statuses.forEach(status => {
+        console.log(JSON.parse(JSON.stringify(status)))
+    })
+})
+
+
+</script>
+
+<template>
+    <mermaid-chart type="graph" :markers="storeWorkflow.workflow.statuses" v-if="storeWorkflow.workflow.statuses">
+    </mermaid-chart>
+</template>