lesli 5.0.13 → 5.0.14

data/lib/vue/shared/dashboards/apps/edit.vue

@@ -1,215 +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 · Ruby on Rails SaaS Development Framework.
-
-Made with ♥ by https://www.lesli.tech
-Building a better future, one line of code at a time.
-
-@contact  hello@lesli.tech
-@website  https://www.lesli.tech
-@license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
-
-// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
-// · 
-*/
-
-
-// · import vue tools
-import { onMounted, inject } from "vue"
-import { useRouter, useRoute } from "vue-router"
-
-
-// · import stores
-import { useDashboard } from "Lesli/vue/shared/stores/dashboard"
-
-
-// · import components
-import dashboardForm from "../components/form.vue"
-
-
-// ·
-const route = useRoute()
-const router = useRouter()
-const url = inject("url")
-
-
-// · implement stores
-const storeDashboard = useDashboard()
-
-
-// · defining props
-const props = defineProps({
-    components: {
-        type: Object,
-        require: false,
-        default: {}
-    }
-})
-
-
-// · translations
-const translations = {
-    dashboards: {}, //i 18n.t("lesli.dashboards"),
-    main: I18n.t(`${props.engine}.dashboards`),
-    core: I18n.t('core.shared')
-}
-
-
-// · 
-const onDeleteDashboard = () => {
-    storeDashboard.deleteDashboard().then(()=> {
-        router.push(url[props.engine]('dashboards').s)
-    })
-}
-
-
-// · 
-function sizeIncrease(component) {
-    if (component.layout >= 12) {
-        return 
-    }
-    component.layout++
-}
-
-
-// · 
-function sizeDecrease(component) {
-    if (component.layout <= 3) {
-        return 
-    }
-    component.layout--
-}
-
-
-// · 
-function remove(component) {    
-    component._destroy = true
-}
-
-
-// · 
-onMounted(() => {
-    storeDashboard.setEngine(lesli.engine)
-    storeDashboard.getDashboard(route.params.id)
-    storeDashboard.getDashboardOptions()
-})
-
-</script>
-<template>
-    <lesli-application-container>
-        <lesli-header :title="storeDashboard.dashboard.name">
-            <lesli-button icon="list">
-                {{ translations.core.view_btn_list }}
-            </lesli-button>
-        </lesli-header>
-
-        <!-- Dashboard general configuration -->
-        <dashboard-form is-editable></dashboard-form>
-
-        <!-- Dashboard components -->
-        <template v-if="storeDashboard.dashboard.components">
-            <div class="columns is-multiline is-variable is-4 dashboard-components">
-                <template v-for="(_component, index) in storeDashboard.dashboard.components" :key="index">
-                    <div :class="['column', 'is-' + _component?.layout]">
-
-                        <!-- Dashboard widget component when in edition mode -->
-                        <div class="edit">
-
-                            <!-- Dashboard widget preview -->
-                            <component 
-                                :component.sync="_component" 
-                                :is="props.components[_component.component_id]">
-                            </component>
-
-                            <!-- Edition controls -->
-                            <div class="mt-4 mb-2">
-                                <div class="field has-addons is-justify-content-center">
-                                    <p class="control">
-                                        <button class="button is-small" @click="sizeDecrease(_component)">
-                                            <span class="icon is-small">
-                                                <span class="material-icons">
-                                                    remove
-                                                </span>
-                                            </span>
-                                        </button>
-                                    </p>
-                                    <p class="control control-label has-text-centered">
-                                        size    
-                                    </p>
-                                    <p class="control">
-                                        <button class="button is-small" @click="sizeIncrease(_component)">
-                                            <span class="icon is-small">
-                                                <span class="material-icons">
-                                                    add
-                                                </span>
-                                            </span>
-                                        </button>
-                                    </p>
-                                </div>
-
-                                <div class="field has-addons is-justify-content-center">
-                                    <p class="control">
-                                        <button class="button is-small" @click="sizeDecrease(_component)">
-                                            <span class="icon is-small">
-                                                <span class="material-icons">
-                                                    chevron_left
-                                                </span>
-                                            </span>
-                                        </button>
-                                    </p>
-                                    <p class="control control-label has-text-centered px-4">
-                                        position
-                                    </p>
-                                    <p class="control">
-                                        <button class="button is-small" @click="sizeIncrease(_component)">
-                                            <span class="icon is-small">
-                                                <span class="material-icons">
-                                                    chevron_right
-                                                </span>
-                                            </span>
-                                        </button>
-                                    </p>
-                                </div>
-
-                                <div class="has-text-centered">
-                                    <lesli-button small danger icon="delete" @click="remove(_component)">
-                                        remove
-                                    </lesli-button>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </template>
-            </div>
-        </template>
-
-    </lesli-application-container>
-</template>
-<style>
-.dashboard-components .edit {
-    border-radius: 6px;
-    padding: 1.2rem 1.4rem;
-    border: 1px solid #CCC;
-    background-color: #FFF8F8;
-}
-.dashboard-components .edit .control-label {
-    width: 100px;
-}
-</style>

data/lib/vue/shared/dashboards/apps/index.vue

@@ -1,112 +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 · Ruby on Rails SaaS Development Framework.
-
-Made with ♥ by https://www.lesli.tech
-Building a better future, one line of code at a time.
-
-@contact  hello@lesli.tech
-@website  https://www.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 { useDashboard } from "Lesli/vue/shared/stores/dashboard"
-
-
-// · implement store
-const storeDashboard = useDashboard()
-
-
-// · defining props
-const props = defineProps({
-    engine: {
-        type: String,
-        required: true,
-    }
-})
-
-
-
-// · defining translations
-const translations = {
-    main: I18n.t(`${props.engine}.dashboards`),
-    dashboards: I18n.t('core.dashboards'),
-    core: I18n.t('core.shared')
-}
-
-
-// · columns of the table
-const columns = [{
-    field: "name",
-    label: translations.dashboards.column_name,
-}, {
-    field: "default",
-    label: translations.dashboards.column_default,
-}, {
-    field: "created_at",
-    label: translations.dashboards.column_created_at,
-}, {
-    field: "updated_at",
-    label: translations.dashboards.column_updated_at,
-}]
-
-onMounted(() => {
-    storeDashboard.engine = props.engine
-    storeDashboard.fetchDashboards()
-})
-
-</script>
-<template>
-    <section class="application-component">
-        
-        <lesli-header :title="translations.dashboards.view_title_main">
-            <lesli-button
-                outlined
-                icon="refresh"
-                :loading="storeDashboard.loading"
-                @click="storeDashboard.getDashboards(props.engine)">
-                {{ translations.core.view_text_btn_reload }}
-            </lesli-button>
-            
-            <lesli-button  icon="add" :to="url[props.engine]('dashboards/new')">
-                add
-            </lesli-button>
-        </lesli-header>
-
-        <lesli-toolbar @search="storeDashboard.searchDashboards" :search-placeholder="translations.dashboards.view_placeholder_filter_text" class="mt-4">
-        </lesli-toolbar>
-
-        <lesli-table 
-            :columns="columns" 
-            :records="storeDashboard.dashboards"
-            :link="(dashboard) => url[props.engine](`dashboards/${dashboard.id}/edit`)">
-        </lesli-table>
-
-    </section>
-</template>

data/lib/vue/shared/dashboards/apps/new.vue

@@ -1,89 +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 { useDashboard } from "Lesli/vue/shared/stores/dashboard"
-
-
-// · import components
-import dashboardForm from "../components/form.vue"
-
-
-// · 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,
-    }
-})
-
-// · implement stores
-const storeDashboard = useDashboard()
-
-// · translations
-const translations = {
-    main: I18n.t(`${props.cloudModule}.dashboards`),
-    dashboards: I18n.t('core.dashboards'),
-    core: I18n.t('core.shared')
-}
-
-// set props to store
-storeDashboard.cloudModule = props.cloudModule
-
-onMounted(() => {
-    storeDashboard.getDashboardOptions()
-})
-
-</script>
-
-<template>
-    <section class="application-component">
-        <lesli-header :title="translations.dashboards.view_title_main">
-            <lesli-button icon="list" :to="url[props.cloudModule]('dashboards')">
-                {{ translations.core.view_btn_list }}
-            </lesli-button>
-        </lesli-header>
-
-        <dashboard-form :cloud-module="props.cloudModule"></dashboard-form>
-
-    </section>
-</template>

data/lib/vue/shared/dashboards/apps/show.vue

@@ -1,88 +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 · Ruby on Rails SaaS Development Framework.
-
-Made with ♥ by https://www.lesli.tech
-Building a better future, one line of code at a time.
-
-@contact  hello@lesli.tech
-@website  https://www.lesli.tech
-@license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
-
-// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
-// · 
-*/
-
-
-// · import vue tools
-import { onMounted } from "vue"
-
-
-// · import lesli stores
-import { useDashboard } from "Lesli/vue/shared/stores/dashboard"
-
-
-// · implement stores
-const storeDashboard = useDashboard()
-
-
-// · 
-const props = defineProps({
-    components: {
-        type: Object,
-        require: false,
-        default: {}
-    }
-})
-
-
-// · 
-onMounted(() => {
-    storeDashboard.setEngine(lesli.engine)
-    storeDashboard.getDashboard()
-})
-
-</script>
-<template>
-    <lesli-application-container>
-
-        <lesli-header :title="storeDashboard.dashboard.name">
-            <lesli-button icon="edit"></lesli-button>
-        </lesli-header>
-
-        <template v-if="storeDashboard.dashboard.components">
-            <div class="columns is-multiline is-variable is-4 dashboard-components">
-                <template v-for="(component, index) in storeDashboard.dashboard.components" :key="index">
-                    <div :class="['column', 'is-' + component?.layout]">
-                        <component 
-                            :component.sync="component" 
-                            :is="props.components[component.component_id]">
-                        </component>
-                    </div>
-                </template>
-            </div>
-        </template>
-
-        <lesli-empty 
-            v-if="!storeDashboard.dashboard.components || storeDashboard.dashboard.components.length <= 0" 
-            text="Empty dashboard">
-        </lesli-empty>
-    </lesli-application-container>
-</template>