lesli 5.0.0

data/lib/vue/apps/workflows2/apps/actions/forms/send-cloud-object-file.vue

@@ -0,0 +1,170 @@
+<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 store
+import { useActions } from "Lesli/stores/shared/workflows/actions"
+
+// · implement store
+const storeActions = useActions()
+
+// . Defining translations
+const translations = {
+    core: I18n.t('core.shared'),
+    actions: I18n.t('core.workflow/actions')
+}
+
+onMounted(() => {
+    
+})
+
+
+</script>
+
+<template>
+
+    <div class="has-text-centered" v-if="storeActions.action_unavailable">
+        <span class="material-icons">report_problem</span>
+        <br>
+        {{translations.actions.view_text_no_templates_available}}
+    </div>
+    
+    <div v-else>
+
+        <!-- Subject -->
+        <div class="columns is-marginless has-border-bottom">
+            <div class="column">
+                <label class="label">
+                    {{ translations.actions.column_subject }}
+                    <sup class="has-text-danger">*</sup>
+                </label>
+                <div class="control is-clearfix">
+                    <input
+                        type="text"
+                        autocomplete="on"
+                        name="subject"
+                        required
+                        class="input"
+                        v-model="storeActions.action.input_data.subject"
+                    />
+                </div>
+            </div>
+        </div>
+
+        <!-- Body -->
+        <div class="columns is-marginless has-border-bottom">
+            <div class="column">
+                <label class="label">
+                    {{ translations.actions.column_body }}
+                </label>
+                <textarea
+                    name="body"
+                    rows="3"
+                    maxlength="500"
+                    class="textarea"
+                    v-model="storeActions.action.input_data.body"
+                ></textarea>
+            </div>
+        </div>
+
+         <!-- Send email to -->
+        <div class="columns is-marginless has-border-bottom">
+            <div class="column">
+                <label class="label">
+                    {{ translations.actions.column_send_email_to }}
+                    <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>
+
+
+         <!-- Templates -->
+        <div class="columns is-marginless has-border-bottom">
+            <div class="column">
+                <label class="label">
+                    {{ translations.actions.column_template }}
+                    <sup class="has-text-danger">*</sup>
+                </label>
+                <div class="control">
+                    <lesli-select
+                        required
+                        v-model="storeActions.action.input_data.template_id"
+                        :options="storeActions.file_options.templates">
+                    </lesli-select>
+                </div>
+            </div>
+        </div>
+
+        <!-- File type -->
+        <div class="columns is-marginless has-border-bottom">
+            <div class="column">
+                <label class="label">
+                    {{ translations.actions.column_file_type }}
+                    <sup class="has-text-danger">*</sup>
+                </label>
+                <div class="control">
+                    <lesli-select
+                        required
+                        v-model="storeActions.action.input_data.file_type"
+                        :options="storeActions.file_options.file_types">
+                    </lesli-select>
+                </div>
+            </div>
+        </div>
+    </div>
+
+</template>

data/lib/vue/apps/workflows2/apps/actions/forms/task-form.vue

@@ -0,0 +1,258 @@
+<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/stores/shared/workflows/actions"
+
+// · implement store
+const storeActions = useActions()
+
+// . Defining translations
+const translations = {
+    core: I18n.t('core.shared'),
+    actions: I18n.t('core.workflow/actions'),
+    tasks: I18n.t('focus.tasks')
+}
+
+
+</script>
+
+<template>
+
+    <!-- Title -->
+    <div class="columns is-marginless has-border-bottom">
+        <div class="column">
+            <label class="label">
+                {{ translations.actions.column_title }}
+                <sup class="has-text-danger">*</sup>
+            </label>
+            <div class="field has-addons">
+                <p class="control">
+                    <button class="button is-outlined" @click="storeActions.addReference('global_identifier', 'title')" :title="translations.actions.messages_info_tooltip_add_resource_identifier_reference">
+                        <span class="material-icons">format_list_numbered</span>
+                    </button>
+                </p>
+                <p class="control">
+                    <button class="button is-outlined" @click="storeActions.addReference('status', 'title')" :title="translations.actions.messages_info_tooltip_add_status_reference">
+                        <span class="material-icons">info</span>
+                    </button>
+                </p>
+                <p class="control">
+                    <button class="button is-outlined" @click="storeActions.addReference('current_user', 'title')" :title="translations.actions.messages_info_tooltip_add_current_user_reference">
+                        <span class="material-icons">person</span>
+                    </button>
+                </p>
+                <p class="control">
+                    <button class="button is-outlined" @click="storeActions.addReference('user_creator', 'title')" :title="translations.actions.messages_info_tooltip_add_user_creator_reference">
+                        <span class="material-icons">person_add</span>
+                    </button>
+                </p>
+                <p class="control">
+                    <button class="button is-outlined" @click="storeActions.addReference('user_reviewer', 'title')" :title="translations.actions.messages_info_tooltip_add_user_reviewer_reference">
+                        <span class="material-icons">person_search</span>
+                    </button>
+                </p>
+                <p class="control">
+                    <button class="button is-outlined" @click="storeActions.addReference('user_branch_office', 'title')" :title="translations.actions.messages_info_tooltip_add_user_branch_office_reference">
+                        <span class="material-icons">person_pin_circle</span>
+                    </button>
+                </p>
+            </div>
+            <div class="control is-clearfix">
+                <input
+                    type="text"
+                    autocomplete="on"
+                    name="subject"
+                    required
+                    class="input"
+                    v-model="storeActions.action.input_data.title"
+                />
+            </div>
+        </div>
+    </div>
+
+    <!-- Description -->
+    <div class="columns is-marginless has-border-bottom">
+        <div class="column">
+            <label class="label">
+                {{ translations.actions.column_description}}
+            </label>
+            <div class="field has-addons">
+                <p class="control">
+                    <button class="button is-outlined" @click="storeActions.addReference('global_identifier', 'description')" :title="translations.actions.messages_info_tooltip_add_resource_identifier_reference">
+                        <span class="material-icons">format_list_numbered</span>
+                    </button>
+                </p>
+                <p class="control">
+                    <button class="button is-outlined" @click="storeActions.addReference('status', 'description')" :title="translations.actions.messages_info_tooltip_add_status_reference">
+                        <span class="material-icons">info</span>
+                    </button>
+                </p>
+                <p class="control">
+                    <button class="button is-outlined" @click="storeActions.addReference('current_user', 'description')" :title="translations.actions.messages_info_tooltip_add_current_user_reference">
+                        <span class="material-icons">person</span>
+                    </button>
+                </p>
+                <p class="control">
+                    <button class="button is-outlined" @click="storeActions.addReference('user_creator', 'description')" :title="translations.actions.messages_info_tooltip_add_user_creator_reference">
+                        <span class="material-icons">person_add</span>
+                    </button>
+                </p>
+                <p class="control">
+                    <button class="button is-outlined" @click="storeActions.addReference('user_reviewer', 'description')" :title="translations.actions.messages_info_tooltip_add_user_reviewer_reference">
+                        <span class="material-icons">person_search</span>
+                    </button>
+                </p>
+                <p class="control">
+                    <button class="button is-outlined" @click="storeActions.addReference('user_branch_office', 'description')" :title="translations.actions.messages_info_tooltip_add_user_branch_office_reference">
+                        <span class="material-icons">person_pin_circle</span>
+                    </button>
+                </p>
+            </div>
+            <textarea
+                name="body"
+                rows="3"
+                maxlength="500"
+                class="textarea"
+                v-model="storeActions.action.input_data.description"
+            ></textarea>
+        </div>
+    </div>
+
+
+    <div class="columns is-marginless has-border-bottom">
+        <!-- Task type -->
+        <div class="column">
+            <label class="label">
+                {{ translations.actions.column_task_type }}
+                <sup class="has-text-danger">*</sup>
+            </label>
+            <div class="control">
+                <lesli-select
+                    required
+                    v-model="storeActions.action.input_data.task_type"
+                    :options="storeActions.options['task_types']">
+                </lesli-select>
+            </div>
+        </div>
+
+        <!-- Importance -->
+        <div class="column">
+            <label class="label">
+                {{ translations.tasks.column_importance }}
+                <sup class="has-text-danger">*</sup>
+            </label>
+            <div class="control">
+                <lesli-select
+                    required
+                    v-model="storeActions.action.input_data.importance"
+                    :options="storeActions.options['task_importances']">
+                </lesli-select>
+            </div>
+        </div>
+
+         <!-- Days until deadline -->
+        <div class="column">
+            <label class="label">
+                {{ translations.actions.column_days_until_deadline }}
+                <sup class="has-text-danger">*</sup>
+            </label>
+            <div class="control">
+                <input type="number" class="input" v-model="storeActions.action.input_data.days_until_deadline">
+            </div>
+        </div>
+    </div>
+
+    <!-- Assign task to -->
+    <div class="columns is-marginless has-border-bottom">
+        <div class="column">
+            <label class="label">
+                {{ translations.actions.column_assign_task_to }}
+                <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-autocomplete
+                    :placeholder="translations.core.view_placeholder_select_option"
+                    v-model="storeActions.action.concerning_users.list"
+                    :options="storeActions.options['users']"
+                    :select-by="user => user.name">
+                </lesli-autocomplete>
+            </div>
+        </div>
+
+        <!-- Send notification email -->
+        <div class="column">
+            <label class="label">
+                {{ translations.actions.view_title_send_task_notification_email }}
+            </label>
+
+            <label class="checkbox">
+                <input type="checkbox" v-model="storeActions.action.configuration.send_email">
+                <span v-if="storeActions.action.configuration.send_email"> {{translations.core.view_text_yes}} </span>
+                <span v-else> {{translations.core.view_text_no}} </span>
+            </label>       
+        </div>
+
+        <!-- Log any error that occurs -->
+        <div class="column">
+            <label class="label">
+                {{ translations.actions.view_title_log_task_errors }}
+            </label>
+
+            <label class="checkbox">
+                <input type="checkbox" v-model="storeActions.action.configuration.log_errors">
+                <span v-if="storeActions.action.configuration.log_errors"> {{translations.core.view_text_yes}} </span>
+                <span v-else> {{translations.core.view_text_no}} </span>
+            </label>       
+        </div>
+    </div>
+
+
+
+</template>

data/lib/vue/apps/workflows2/apps/actions/index.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 { ref, computed, onMounted } from "vue"
+
+// · import stores
+import { useActions } from "Lesli/stores/shared/workflows/actions"
+
+
+import actionForm from "./form.vue"
+
+
+// · implement store
+const storeActions = useActions()
+
+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: "action_type",
+        label: "Action type",
+    },
+    {
+        field: "initial_status_name",
+        label: "Initial status",
+    },
+    {
+        field: "final_status_name",
+        label: "Final status",
+    },
+    {
+        field: "active",
+        label: "",
+    },
+]
+
+const tab = ref(0)
+
+/**
+ * @description This function is used to show an action info
+ */
+function showAction(action){
+    tab.value = 1
+    storeActions.fetchAction(action.id)
+}
+
+onMounted(() => {
+    // · get workflow status
+    storeActions.fetchActions()
+})
+
+</script>
+
+<template>
+    <lesli-tabs v-model="tab">
+        <lesli-tab-item title="List" paddingless>
+            <lesli-header title="Actions">
+                <lesli-button
+                    outlined
+                    icon="refresh"
+                    :loading="storeActions.loading"
+                    @click="storeActions.fetchActions()"
+                >
+                    {{ translations.core.shared.view_text_btn_reload }}
+                </lesli-button>
+            </lesli-header>
+
+            <lesli-table 
+                :columns="columns" 
+                :records="storeActions.actions"
+                @click="showAction"
+            >
+                <template #active="{ value }">
+                    <span class="tag is-success" v-if="value">
+                        {{ translations.core.shared.view_text_active }}
+                    </span>
+                    <span class="tag is-warning" v-if="!value">
+                        {{ translations.core.shared.view_text_inactive }}
+                    </span>
+                </template>
+            </lesli-table>
+        </lesli-tab-item>
+
+        <lesli-tab-item title="New">
+            <actionForm></actionForm>
+        </lesli-tab-item>
+        
+        <lesli-tab-item title="Edit action" :disabled="!storeActions.action.id">
+            <actionForm is-editable></actionForm>
+        </lesli-tab-item>
+
+    </lesli-tabs>
+
+</template>