lesli 5.0.3 → 5.0.5

data/lib/vue/{apps → shared}/dashboards/components/form.vue

@@ -56,17 +56,12 @@ const msg = inject("msg")
 const route = useRoute()
 
 
-// · defining props
+// · 
 const props = defineProps({
     isEditable: {
         type: Boolean,
-        required: false,
-        default: false,
-    },
-    engine: {
-        type: String,
-        required: true,
-    },
+        require: false
+    }
 })
 
 
@@ -81,6 +76,7 @@ const translations = {
 }
 
 
+// · 
 const default_options = {
     yes: { 
         label: translations.core.view_text_yes, 
@@ -93,6 +89,7 @@ const default_options = {
 }
 
 
+// · 
 const layout_options = [{
     label: '25%',
     value: 3
@@ -114,27 +111,21 @@ const layout_options = [{
 }]
 
 
-/**
- * @description This function is used to update the workflow information
- */
+// · 
 const onUpdate = () => {
     storeDashboard.updateDashboard()
 }
 
 
-/**
- * @description This function is used to create a new workflow
- */
+// · 
 const onCreate = () => {
     storeDashboard.postDashboard().then(()=> {
-        router.push(url[props.engine]('dashboards').s)
+        router.push(url[storeDashboard.engine]('dashboards').s)
     })
 }
 
 
-/**
-* @description This function is used to add a new component to dashboard
-*/
+// · 
 function addComponent(){
     msg.warning(translations.dashboards.messages_warning_save_changes_reminder)
     let new_component = {
@@ -155,9 +146,7 @@ function addComponent(){
 }
 
 
-/**
-* @description This function is used to select a component
-*/
+// · 
 function selectDashboardComponent(selected_component){
     if(storeDashboard.dashboard.components.find( component => component.id == selected_component.id)){
         storeDashboard.selected_dashboard_component = selected_component
@@ -165,9 +154,7 @@ function selectDashboardComponent(selected_component){
 }
 
 
-/**
-* @description This function is used to remove a component from the dashboard
-*/
+// · 
 function removeComponent(deleted_component){
     msg.warning(translations.dashboards.messages_warning_save_changes_reminder)
     storeDashboard.dashboard.components = storeDashboard.dashboard.components.filter((component)=> {
@@ -182,32 +169,30 @@ function removeComponent(deleted_component){
 }
 
 
-onMounted(() => {
-    storeDashboard.engine = props.engine
-    if (!props.isEditable){
-        storeDashboard.resetDashboard()
-    } else {
-        storeDashboard.fetchDashboard(route.params?.id)
-    }
-})
-
-// This function is used to delete a dashboard
+// · 
 function onDeleteDashboard() {
     storeDashboard.deleteDashboard().then(()=> {
         router.push(url[props.engine]('dashboards').s)
     })
 }
 
+
+// · 
+onMounted(() => {
+    if (!props.isEditable){
+        storeDashboard.resetDashboard()
+    }
+})
 </script>
 <template>
     <lesli-form class="mb-6" @submit="isEditable ? onUpdate() : onCreate()">
         <div class="columns">
+
+            <!-- Name -->
             <div class="column is-4">
-                <!-- Name -->
                 <div class="field">
                     <label class="label">
-                        {{translations.dashboards.column_name}}
-                        <sup class="has-text-danger">*</sup>
+                        {{ "translations.dashboards.column_name" }}
                     </label>
                     <div class="control">
                         <input class="input" type="text" v-model="storeDashboard.dashboard.name" required>
@@ -215,10 +200,10 @@ function onDeleteDashboard() {
                 </div>
             </div>
 
+            <!-- Role -->
             <div class="column is-4">
-                <!-- Role -->
                 <div class="field">
-                    <label class="label">{{ translations.dashboards.column_roles_id }}</label>
+                    <label class="label">{{ "translations.dashboards.column_roles_id" }}</label>
                     <div class="control">
                         <lesli-select
                             v-model="storeDashboard.dashboard.roles_id"
@@ -228,10 +213,10 @@ function onDeleteDashboard() {
                 </div>
             </div>
 
+            <!-- Default -->
             <div class="column is-4">
-                <!-- Default -->
                 <div class="field">
-                    <label class="label">{{ translations.dashboards.column_default }}</label>
+                    <label class="label">{{ "translations.dashboards.column_default" }}</label>
                     <lesli-select
                         v-model="storeDashboard.dashboard.default"
                         :options="default_options">
@@ -240,11 +225,12 @@ function onDeleteDashboard() {
             </div>
         </div>
 
-        <!-- Save button -->
         <div class="is-flex is-justify-content-space-between">
+
+            <!-- Components -->
             <div class="field">
                 <label class="label">
-                    {{ translations.dashboards.view_title_add_component }}
+                    {{ "translations.dashboards.view_title_add_component" }}
                 </label>
                 <div class="control">
                     <lesli-select
@@ -254,6 +240,8 @@ function onDeleteDashboard() {
                     </lesli-select>
                 </div>
             </div>
+
+            <!-- Save button -->
             <div class="buttons">
                 <lesli-button icon="save" :loading="storeDashboard.loading">
                     {{ translations.dashboards.view_btn_save_dashboard }}

data/lib/vue/shared/stores/dashboard.js

@@ -0,0 +1,251 @@
+/*
+
+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 { defineStore } from "pinia"
+
+
+// · 
+export const useDashboard = defineStore("shared.dashboard", {
+    state: () => {
+        return {
+
+            engine: null,
+            loading: false,
+
+            dashboards: [],
+
+            dashboard: {
+                components: []
+            },
+
+            options: {
+                component_ids: []
+            },
+
+            selected_dashboard_component: {},
+            deleted_components: [],
+            default_component_configuration:{
+                index: 1,
+                layout: 4
+            },
+            new_component_id: ""
+        }
+    },
+    actions: {
+
+        setEngine(engine) {
+            this.engine = engine.replace("lesli_", "")
+        },
+        
+        getDashboard(id="default") {
+            this.http.get(this.url[this.engine]("dashboards/:id", id)).then(result => {
+                let components = result.components
+                this.dashboard = result
+                this.dashboard.components = []
+
+                // Parse components so they can be rendered
+                components.forEach((component) => {
+                    component.component_id = component.component_id.replaceAll('_','-')
+                    this.dashboard.components.push(component)
+                })
+            })
+        },
+
+        getDashboardOptions(){
+
+            const url = this.url[this.engine]('dashboards/options')
+
+            this.http.get(url).then(result => {
+                result["component_ids"].forEach((component)=>{
+                    this.options["component_ids"].push({
+                        label: component.text.replaceAll('_','-'),
+                        value: component.value
+                    })
+                })
+            }).catch(error => {
+                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
+            })
+        },
+
+
+
+
+
+
+        /**
+         * @description This action is used to fetch the list of dashboards
+         */
+        fetchDashboards(url) {
+            this.loading = true
+            
+            if (!url) url = this.url[this.engine]('dashboards')
+
+            this.http.get(url).then(result => {
+                this.loading = false
+                this.dashboards = result.dashboards.map(dashboard => {
+                    dashboard.created_at = this.date2(dashboard.created_at).dateTime().toString()
+                    dashboard.updated_at = this.date2(dashboard.updated_at).dateTime().toString()
+                    return dashboard
+                })
+            }).catch(error => {
+                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
+            })
+        },
+        /**
+         * @param {string} search_string String to search for
+         * @description This action is used to search for a string in the dashboards
+         */
+        searchDashboards(search_string){
+            const url = this.url[this.engine]('dashboards').search(search_string)
+            this.fetchDashboards(url)
+        },
+        /**
+        * @description This action is used to reset the dashboard
+        */
+        resetDashboard(){
+            this.dashboard = {
+                components: []
+            }
+            this.deleted_components = []
+            this.selected_dashboard_component = {}
+            this.new_component_id = ""
+        },
+        /**
+        * @description This action is used to update a dashboard
+        */
+        updateDashboard(){
+            this.loading = true
+            let data = {
+                dashboard: {
+                    name: this.dashboard.name,
+                    default: this.dashboard.default,
+                    roles_id: this.dashboard.roles_id,
+                    components_attributes: this.dashboard.components.map((component)=>{
+                        let parsed_component = {...component}
+                        // We check if the id is a valid integer or a placeholder. If it is a placeholder, we set it to null
+                        if(isNaN(parsed_component.id)){
+                            parsed_component.id = null
+                        }
+
+                        return parsed_component
+                    })
+                }
+            }
+
+            data.dashboard.components_attributes = data.dashboard.components_attributes.concat(this.deleted_components)
+
+            const url = this.url[this.engine](`dashboards/${this.dashboard.id}`)
+
+            return this.http.put(url, data).then(result => {
+                this.msg.success(I18n.t("core.users.messages_success_operation"))
+                this.loading = false
+            }).catch(error => {
+                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
+            })
+        },
+        /**
+        * @description This action is used to post a dashboard
+        */
+        async postDashboard(){
+            this.loading = true
+            let data = {
+                dashboard: {
+                    name: this.dashboard.name,
+                    default: this.dashboard.default,
+                    roles_id: this.dashboard.roles_id,
+                    components_attributes: this.dashboard.components.map((component)=>{
+                        let parsed_component = {...component}
+                        parsed_component.id = null
+
+                        return parsed_component
+                    })
+                }
+            }
+
+            const url = this.url[this.engine]('dashboards')
+
+            return this.http.post(url, data).then(result => {
+                this.msg.success(I18n.t("core.users.messages_success_operation"))
+                this.loading = false
+            }).catch(error => {
+                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
+            })
+        },
+        /**
+        * @description This action is used to get dashboard options
+        */
+
+        /**
+        * @description This action is used to get the information for a dashboard
+        */
+        fetchDashboard(dashboard_id){
+            
+            this.loading = true
+
+            const url = this.url[this.engine]('dashboards/:dashboardId', { dashboardId: dashboard_id })
+
+            return this.http.get(url).then(result => {
+
+                let components = result.components
+                this.dashboard = result
+                this.dashboard.components = []
+
+                // Parse components so they can be rendered
+                components.forEach((component) => {
+                    component.component_id = component.component_id.replaceAll('_','-')
+                    this.dashboard.components.push(component)
+                })
+
+                this.loading = false
+            }).catch(error => {
+                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
+            })
+        },
+        /**
+        * @description This action is used to delete a dashboard
+        */
+        async deleteDashboard(){
+            this.loading = true
+            const url = this.url[this.engine]('dashboards/:dashboardId', { dashboardId: this.dashboard.id })
+
+            return this.http.delete(url).then(result => {
+                this.msg.success(I18n.t("core.users.messages_success_operation"))
+                this.loading = false
+            }).catch(error => {
+                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
+            })
+        }
+    }
+})

data/lib/vue/stores/translations.json

@@ -2,84 +2,36 @@
   "en": {
     "lesli": {
       "shared": {
-        "title_lesli": ":lesli.shared.title_lesli:"
-      },
-      "users": {
-        "title_users": "Users"
-      }
-    },
-    "lesli_admin": {
-      "shared": {
-        "title_lesli": ":lesli.shared.title_lesli:"
-      },
-      "users": {
-        "title_users": "Users"
-      }
-    },
-    "lesli_audit": {
-      "shared": {
-        "title_lesli": ":lesli.shared.title_lesli:"
-      },
-      "users": {
-        "title_users": "Users"
-      }
-    },
-    "lesli_babel": {
-      "shared": {
-        "title_lesli": ":lesli.shared.title_lesli:"
-      },
-      "users": {
-        "title_users": "Users"
-      }
-    },
-    "lesli_driver": {
-      "shared": {
-        "title_lesli": ":lesli.shared.title_lesli:"
-      },
-      "users": {
-        "title_users": "Users"
+        "button_add_new": "Add new",
+        "button_delete": "Delete",
+        "button_edit": "Edit",
+        "button_list": "List",
+        "button_reload": "Reload",
+        "button_save": "Save",
+        "view_discussions": "Discussions",
+        "view_files": "Files",
+        "view_quick_actions": "Quick actions"
+      },
+      "users/sessions": {
+        "view_username": "Username"
       }
     }
   },
   "es": {
     "lesli": {
       "shared": {
-        "title_lesli": "Lesli en español "
-      },
-      "users": {
-        "title_users": "Usuarios"
-      }
-    },
-    "lesli_admin": {
-      "shared": {
-        "title_lesli": "Lesli en español "
-      },
-      "users": {
-        "title_users": "Usuarios"
-      }
-    },
-    "lesli_audit": {
-      "shared": {
-        "title_lesli": "Lesli en español "
-      },
-      "users": {
-        "title_users": "Usuarios"
-      }
-    },
-    "lesli_babel": {
-      "shared": {
-        "title_lesli": "Lesli en español "
-      },
-      "users": {
-        "title_users": "Usuarios"
-      }
-    },
-    "lesli_driver": {
-      "shared": {
-        "title_lesli": "Lesli en español "
-      },
-      "users": {
-        "title_users": "Usuarios"
+        "button_add_new": "Agregar nuevo",
+        "button_delete": "Eliminar",
+        "button_edit": "Editar",
+        "button_list": "Lista",
+        "button_reload": "Recargar",
+        "button_save": "Guardar",
+        "view_discussions": "Discusiones",
+        "view_files": "Archivos",
+        "view_quick_actions": "Acciones rapidas"
+      },
+      "users/sessions": {
+        "view_username": "Usuario"
       }
     }
   }

data/lib/vue/stores/{user.js → users.js}

@@ -35,7 +35,7 @@ import { defineStore } from "pinia"
 
 
 // · 
-export const useUser = defineStore("lesli.user", {
+export const useUsers = defineStore("lesli.users", {
     state: () => {
         return {
 

data/lib/webpack/base.js

@@ -113,18 +113,19 @@ module.exports = env => {
                 // Set aliases as shortcuts to import modules
                 Lesli: path.resolve("lib", "vue"), 
                 LesliBell: path.resolve("../", "LesliBell", "lib", "vue"),
+                LesliHelp: path.resolve("../", "Leslihelp", "lib", "vue"),
                 LesliAdmin: path.resolve("../", "LesliAdmin", "lib", "vue"),
                 LesliAudit: path.resolve("../", "LesliAudit", "lib", "vue"),
                 LesliBabel: path.resolve("../", "LesliBabel", "lib", "vue"),
-                LesliVault: path.resolve("../", "LesliVault", "lib", "vue"),
+                LesliGuard: path.resolve("../", "LesliGuard", "lib", "vue"),
                 LesliDriver: path.resolve("../", "LesliDriver", "lib", "vue"),
+                
 
 
                 CloudAdmin: path.resolve("app", "vue", "admin"),
                 CloudTalk: path.resolve("engines", "cloud_talk", "lib", "vue"),
                 CloudTeam: path.resolve("engines", "cloud_team", "lib", "vue"),
                 CloudTime: path.resolve("engines", "cloud_time", "lib", "vue"),
-                CloudHelp: path.resolve("engines", "cloud_help", "lib", "vue"),
                 CloudWork: path.resolve("engines", "cloud_work", "lib", "vue"),
                 CloudBabel: path.resolve("engines", "cloud_babel", "lib", "vue"),
                 CloudFocus: path.resolve("engines", "cloud_focus", "lib", "vue"),

data/lib/webpack/core.js

@@ -46,7 +46,7 @@ module.exports = (env, requestedEngines) => {
             "users/sessions": "LesliApp/users/sessions.js",
             "users/passwords": "LesliApp/users/passwords.js",
             "users/registrations": "LesliApp/users/registrations.js",
-            "users/confirmations": "LesliApp/users/confirmations.js",
+            
 
 
             // alternative logins 
@@ -64,6 +64,7 @@ module.exports = (env, requestedEngines) => {
         },
         entry: {
             "lesli/users/registrations": "Lesli/devise/registrations.js",
+            "lesli/users/confirmations": "Lesli/devise/confirmations.js",
             "lesli/users/passwords": "Lesli/devise/passwords.js",
             "lesli/users/sessions": "Lesli/devise/sessions.js"
         },

data/readme.md

@@ -7,10 +7,13 @@
 <hr/>
     <p align="center">
         <a target="blank" href="https://rubygems.org/gems/lesli">
-            <img src="https://badge.fury.io/rb/lesli.svg" alt="Gem Version" height="20">
+            <img height="22" alt="Gem Version" src="https://badge.fury.io/rb/lesli.svg"/>
         </a>
         <a href="https://codecov.io/github/LesliTech/Lesli"> 
-            <img src="https://codecov.io/github/LesliTech/Lesli/graph/badge.svg?token=2O12NENK5Y"/> 
+            <img height="22" src="https://codecov.io/github/LesliTech/Lesli/graph/badge.svg?token=2O12NENK5Y"/> 
+        </a>
+        <a href="https://codecov.io/github/LesliTech/Lesli"> 
+            <img height="22" src="https://sonarcloud.io/api/project_badges/measure?project=LesliTech_Lesli&metric=sqale_rating"/> 
         </a>
     </p>
 <hr/>
@@ -18,7 +21,11 @@
 
 <br />
 
-<img style="width:100%; border-radius: 6px;" alt="Lesli logo" src="./docs/screenshot.png" />
+<div align="center">
+    <img 
+        style="width:100%;max-width:800px;border-radius:6px;" 
+        alt="Lesli logo" src="./docs/screenshot.png" />
+</div>
 
 ### Introduction 
 
@@ -39,17 +46,26 @@ Lesli is completely open source and comes with features and tools that can save
 
 <br />
 
-Lesli is officially released and supported as of version 5
+Lesli is officially released and will be supported as of version 5.1
 
 > Lesli goes beyond being just a starter-kit, template, admin panel or dashboard. Lesli is a Ruby on Rails gem that you can use to build modules (a.k.a. engines) and standard Rails applications leveraging its robust set of built-in features, generators, components, and industry standards. With Lesli, you have the flexibility to extend existing functionalities or develop fully customized software tailored to your specific needs.
 
 
+<br />
+
+### Demo
+
+* online demo (soon)
+* [docker demo](https://github.com/LesliTech/lesli-docker-demo)
+
+
 <br />
 
 ### Documentation
+* [Website](https://www.lesli.dev/lesli/)
 * [Roadmap](./docs/roadmap.md)
-* [Core database](./docs/database.md)
-* [Main documentation](https://www.lesli.dev/documentation/)
+* [Database](./docs/database.md)
+* [Documentation](https://www.lesli.dev/documentation/)
 
 
 <br />
@@ -110,7 +126,7 @@ RAILS_SERVE_STATIC_FILES=true rails s --environment=production
 
 <br />
 
-### Get in touch
+### Get in touch with Lesli
 
 * [Website: https://www.lesli.tech](https://www.lesli.tech)
 * [Email: hello@lesli.tech](hello@lesli.tech)