lesli 5.0.3 → 5.0.5

data/lib/vue/application.js

@@ -65,9 +65,12 @@ import {
     lesliElementAutocomplete, 
     lesliElementAvatar, 
     lesliElementButton, 
+    lesliElementButtonLink,
     lesliElementCalendar, 
     lesliElementCard, 
     lesliElementCollapse, 
+    lesliElementColumn,
+    lesliElementColumns,
     lesliElementControl, 
     lesliElementDropdown, 
     lesliElementEmpty, 
@@ -202,7 +205,6 @@ export default (engine, routes=[]) => {
     application.provide('url', useLesliUrl())
     application.provide('http', useLesliHttp())
     application.provide('date', useLesliDate())
-    application.provide('date', useLesliDate())
     application.provide('utils', useLesliUtils())
     application.provide('dialog', useLesliDialog())
 
@@ -226,10 +228,15 @@ export default (engine, routes=[]) => {
     application.component("lesli-loading", lesliElementLoading)
     application.component("lesli-table", lesliElementTable)
     application.component("lesli-collapse", lesliElementCollapse)
+    application.component("lesli-column", lesliElementColumn)
+    application.component("lesli-columns", lesliElementColumns)
+    application.component("lesli-card", lesliElementCard)
+    application.component("lesli-control", lesliElementControl)
     application.component("lesli-tab-item", lesliElementTabItem)
     application.component("lesli-tabs", lesliElementTabs)
     application.component("lesli-panel", lesliElementPanel)
     application.component("lesli-button", lesliElementButton)
+    application.component("lesli-button-link", lesliElementButtonLink)
     application.component("lesli-calendar", lesliElementCalendar)
     application.component("lesli-input-tag", lesliElementInputTag)
     application.component("lesli-file-uploader", lesliElementFileUploader)
@@ -243,8 +250,9 @@ export default (engine, routes=[]) => {
     application.component("lesli-pagination", lesliElementPagination)
     application.component("lesli-form", lesliElementForm)
     application.component("lesli-input", lesliElementInput)
-    application.component("lesli-control", lesliElementControl)
-    application.component("lesli-card", lesliElementCard)
+    application.component("lesli-link", lesliElementLink)
+    
+    
 
 
     // · Mount app once DOM is ready

data/lib/vue/devise/passwords.js

@@ -16,16 +16,16 @@ 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. 
+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://lesli.tech
+@website  https://www.lesli.tech
 @license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
 
-// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
 // · 
 */
 
@@ -57,7 +57,7 @@ application({
             notification: {
                 message: "",
                 show: false,
-                type: "danger"
+                type: ""
             }
         }
     },
@@ -79,7 +79,7 @@ application({
             };
 
             this.http.post("/password", data).then(response => {
-                this.showNotification(this.translations.main.notification_reset_password_instructions_sent, "success")
+                this.showNotification("this.translations.main.notification_reset_password_instructions_sent", "success")
             }).catch(error => {
                 this.showNotification(error.message)
             }).finally(() => {
@@ -117,7 +117,7 @@ application({
                 }
             }).then(response => {
                 this.showNotification(this.translations.main.notification_password_updated, "success")
-                setTimeout(() => { this.url.go("/login") }, 2000)
+                //setTimeout(() => { this.url.go("/login") }, 2000)
             }).catch(error => {
                 this.showNotification(error.message, "danger")
             }).finally(() => {
@@ -128,7 +128,7 @@ application({
 
         showNotification(message, type="danger"){
             this.notification.message = message;
-            this.notification.type = type;
+            this.notification.type = "is-"+type;
             this.notification.show = true;
         }
 

data/lib/vue/devise/registrations.js

@@ -47,8 +47,8 @@ application({
             telephone_code: "+49",
             telephone_codes: null,
             sign_up: {
-                email: "test@lesli.tech",
-                password: 'Tardis2023$',
+                email: "",
+                password: "",
                 password_confirmation: '',
                 // first_name: null,
                 // last_name: null,

data/lib/vue/devise/sessions.js

@@ -16,16 +16,16 @@ 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. 
+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://lesli.tech
+@website  https://www.lesli.tech
 @license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
 
-// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
 // · 
 */
 
@@ -41,19 +41,24 @@ application({
         return {
             loading: false,
             sign_in: {
-                email: "hello@lesli.tech",
-                password: "tardis2023$"
+                email: "",
+                password: ""
             },
             notification: {
                 message: "",
                 show: false,
                 type: "default"
             },
-            errors: ["holi"]
+            errors: []
         }
     },
     mounted() {
         this.$refs?.email?.focus()
+
+        if (lesli_application_development) {
+            this.sign_in.email = "hello@lesli.tech"
+            this.sign_in.password = "tardis2023$"
+        }
     },
     methods: {
 

data/lib/vue/layouts/application-header.vue

@@ -77,6 +77,11 @@ const props = defineProps({
         type: Boolean,
         default: false,
         required: false
+    },
+    enginePath: {
+        type: String,
+        default: "/",
+        required: false
     }
 })
 
@@ -110,13 +115,20 @@ function toggleEngines() {
     document.addEventListener('keydown', onEscape)
 }
 
+// · 
+function safeEngineUrl() {
+    return encodeURI(props.enginePath);
+}
+
 </script>
 <template>
     <header ref="lesliApplicationHeader" class="lesli-application-header">
         <div class="lesli-application-header-container container">
-            <figure class="image lesli-brand">
-                <img alt="App logo" class="is-hidden-touch" src="/assets/lesli/brand/app-logo.svg">
-            </figure>
+            <a :href="safeEngineUrl()">
+                <figure class="image lesli-brand">
+                    <img alt="App logo" class="is-hidden-touch" src="/assets/lesli/brand/app-logo.svg">
+                </figure>
+            </a>
             <div class="lesli-application-header-left">
                 <div class="control is-medium has-icons-left has-text-grey">
                     <span class="icon is-left has-text-gray">

data/lib/vue/shared/dashboards/apps/edit.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 · 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/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 = {
+    main: I18n.t(`${props.engine}.dashboards`),
+    dashboards: I18n.t('core.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/{apps → shared}/dashboards/apps/index.vue

@@ -1,6 +1,5 @@
 <script setup>
 /*
-
 Lesli
 
 Copyright (c) 2023, Lesli Technologies, S. A.
@@ -18,18 +17,17 @@ 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. 
+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://lesli.tech
+@website  https://www.lesli.tech
 @license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
 
-// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
 // · 
-
 */
 
 

data/lib/vue/{apps → shared}/dashboards/apps/show.vue

@@ -17,7 +17,7 @@ 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 platform.
+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.
@@ -45,32 +45,42 @@ const storeDashboard = useDashboard()
 
 // · 
 const props = defineProps({
-    engine: {
-        type: String, 
-        require: true
-    },
     components: {
         type: Object,
-        require: true
+        require: false,
+        default: {}
     }
 })
 
 
 // · 
 onMounted(() => {
-    storeDashboard.engine = props.engine
-    storeDashboard.getDashboard(props.engine)
+    storeDashboard.setEngine(lesli.engine)
+    storeDashboard.getDashboard()
 })
 
 </script>
 <template>
-    <application-component>
-        <div class="columns is-multiline is-variable is-4 dashboard-components">
-            <div 
-                v-for="(component, index) in storeDashboard.dashboard.components" :key="index"
-                :class="['column', 'is-' + component?.layout]">
-                <component :component.sync="component" :is="components[component.component_id]"></component>
+    <lesli-application-container>
+
+        <lesli-header :title="storeDashboard.dashboard.name"></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>
-        </div>
-    </application-component>
+        </template>
+
+        <lesli-empty 
+            v-if="!storeDashboard.dashboard.components || storeDashboard.dashboard.components.length <= 0" 
+            text="Empty dashboard">
+        </lesli-empty>
+    </lesli-application-container>
 </template>