lesli 5.0.11 → 5.0.13

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

@@ -66,8 +66,8 @@ const props = defineProps({
 
 // · translations
 const translations = {
+    dashboards: {}, //i 18n.t("lesli.dashboards"),
     main: I18n.t(`${props.engine}.dashboards`),
-    dashboards: I18n.t('core.dashboards'),
     core: I18n.t('core.shared')
 }
 
@@ -126,23 +126,23 @@ onMounted(() => {
         <!-- 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]">
+                <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.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)">
+                                        <button class="button is-small" @click="sizeDecrease(_component)">
                                             <span class="icon is-small">
                                                 <span class="material-icons">
                                                     remove
@@ -154,7 +154,7 @@ onMounted(() => {
                                         size    
                                     </p>
                                     <p class="control">
-                                        <button class="button is-small" @click="sizeIncrease(component)">
+                                        <button class="button is-small" @click="sizeIncrease(_component)">
                                             <span class="icon is-small">
                                                 <span class="material-icons">
                                                     add
@@ -166,7 +166,7 @@ onMounted(() => {
 
                                 <div class="field has-addons is-justify-content-center">
                                     <p class="control">
-                                        <button class="button is-small" @click="sizeDecrease(component)">
+                                        <button class="button is-small" @click="sizeDecrease(_component)">
                                             <span class="icon is-small">
                                                 <span class="material-icons">
                                                     chevron_left
@@ -178,7 +178,7 @@ onMounted(() => {
                                         position
                                     </p>
                                     <p class="control">
-                                        <button class="button is-small" @click="sizeIncrease(component)">
+                                        <button class="button is-small" @click="sizeIncrease(_component)">
                                             <span class="icon is-small">
                                                 <span class="material-icons">
                                                     chevron_right
@@ -189,7 +189,7 @@ onMounted(() => {
                                 </div>
 
                                 <div class="has-text-centered">
-                                    <lesli-button small danger icon="delete" @click="remove(component)">
+                                    <lesli-button small danger icon="delete" @click="remove(_component)">
                                         remove
                                     </lesli-button>
                                 </div>

data/lib/vue/shared/dashboards/components/form.vue

@@ -67,7 +67,9 @@ const props = defineProps({
 
 // · translations
 const translations = {
-    dashboards: I18n.t('core.dashboards'),
+    shared: {}, //i 18n.t("lesli.shared"),
+    dashboards: {}, //i 18n.t("lesli.dashboards"),
+
     components: I18n.t('core.dashboard/components'),
     core: I18n.t('core.shared'),
     roles: I18n.t('core.roles'),
@@ -128,8 +130,9 @@ const onCreate = () => {
 // · 
 function addComponent(){
     msg.warning(translations.dashboards.messages_warning_save_changes_reminder)
+
     let new_component = {
-        id: `${storeDashboard.new_component_id}-${storeDashboard.default_component_configuration.index}`,
+        //id: `${storeDashboard.new_component_id}-${storeDashboard.default_component_configuration.index}`,
         name: '',
         component_id: storeDashboard.new_component_id.replaceAll("_", "-"),
         layout: storeDashboard.default_component_configuration.layout,
@@ -192,7 +195,7 @@ onMounted(() => {
             <div class="column is-4">
                 <div class="field">
                     <label class="label">
-                        {{ "translations.dashboards.column_name" }}
+                        {{ translations.dashboards.column_name }}
                     </label>
                     <div class="control">
                         <input class="input" type="text" v-model="storeDashboard.dashboard.name" required>
@@ -200,56 +203,44 @@ onMounted(() => {
                 </div>
             </div>
 
-            <!-- Role -->
-            <div class="column is-4">
-                <div class="field">
-                    <label class="label">{{ "translations.dashboards.column_roles_id" }}</label>
-                    <div class="control">
-                        <lesli-select
-                            v-model="storeDashboard.dashboard.roles_id"
-                            :options="storeDashboard.options.roles"
-                        ></lesli-select>
-                    </div>
-                </div>
-            </div>
-
             <!-- Default -->
             <div class="column is-4">
                 <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">
                     </lesli-select>
                 </div>
             </div>
-        </div>
-
-        <div class="is-flex is-justify-content-space-between">
 
             <!-- Components -->
-            <div class="field">
-                <label class="label">
-                    {{ "translations.dashboards.view_title_add_component" }}
-                </label>
-                <div class="control">
-                    <lesli-select
-                        v-model="storeDashboard.new_component_id"
-                        :options="storeDashboard.options.component_ids"
-                        @change="addComponent">
-                    </lesli-select>
+            <div class="column is-4"> 
+                <div class="field">
+                    <label class="label">
+                        {{ translations.dashboards.view_add_component }}
+                    </label>
+                    <div class="control">
+                        <lesli-select
+                            v-model="storeDashboard.new_component_id"
+                            :options="storeDashboard.options.component_ids"
+                            @change="addComponent">
+                        </lesli-select>
+                    </div>
                 </div>
-            </div>
+            </div>    
+        </div>
 
-            <!-- Save button -->
-            <div class="buttons">
-                <lesli-button icon="save" :loading="storeDashboard.loading">
-                    {{ translations.dashboards.view_btn_save_dashboard }}
-                </lesli-button> 
-                <lesli-button danger icon="delete" @click="onDeleteDashboard">
-                    {{ translations.dashboards.view_btn_delete_dashboard }}
-                </lesli-button>
-            </div>
+        <!-- Save button -->
+        <div class="buttons">
+            <lesli-button icon="save" :loading="storeDashboard.loading">
+                {{ translations.shared.button_save }}
+            </lesli-button> 
+            <!--
+            <lesli-button danger icon="delete" @click="onDeleteDashboard">
+                {{ translations.dashboards.view_btn_delete_dashboard }}
+            </lesli-button>
+            -->
         </div>
     </lesli-form>
 </template>

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

@@ -168,6 +168,8 @@ export const useDashboard = defineStore("shared.dashboard", {
 
             const url = this.url[this.engine](`dashboards/${this.dashboard.id}`)
 
+            console.log(data)
+
             return this.http.put(url, data).then(result => {
                 this.msg.success(I18n.t("core.users.messages_success_operation"))
                 this.loading = false

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

@@ -39,10 +39,11 @@ export const useLayout = defineStore("lesli.layout", {
     state: () => {
         return {
             showEngines: false,
+            showSupportTickets: false,
+
             showNotifications: false,
             showTasks: false,
             showFiles: false,
-            showTickets: false,
             showProfile: false,
             showAnnouncements: false,
             header: {

data/lib/{scss/devise/confirmations.scss → vue/shared/stores/users.js}

@@ -1,5 +1,4 @@
 /*
-
 Lesli
 
 Copyright (c) 2023, Lesli Technologies, S. A.
@@ -30,27 +29,29 @@ Building a better future, one line of code at a time.
 // · 
 */
 
-@import "lesli/pages/devise-simple";
-
 
 // · 
-div.confirmation-message {
-    //box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
-    padding: 4rem 0 5rem;
-    text-align: center;
-    max-width: 800px;
-    margin: 0 auto;
-    width: 90%;
-
-    svg {
-        max-width: 90px;
-        margin-bottom: 1rem;
-        fill: lesli-css-color(lime, 300);
-    }
+import { defineStore } from "pinia"
 
-    p {
-        font-weight: 100;
-        font-size: 2rem;
-    }
 
-}
+// · 
+export const useUsers = defineStore("lesli.users", {
+    state: () => {
+        return {
+            loading: false,
+            list: []
+        }
+    },
+    actions: {
+        list() {
+            this.loading = true
+            return this.http.get(this.url.admin("users/list")).then(response => {
+                this.list = response
+            }).catch(error => {
+                
+            }).finally(() => {
+                this.loading = false
+            })
+        }
+    }
+})

data/lib/vue/stores/translations.json

@@ -6,7 +6,10 @@
         "navigation_my_profile": "My profile"
       },
       "dashboards": {
-        "title": "Dashboards"
+        "column_default": "Default",
+        "column_name": "Name",
+        "title": "Dashboards",
+        "view_add_component": "Add component"
       },
       "shared": {
         "button_add_new": "Add new",
@@ -17,6 +20,9 @@
         "button_save": "Save",
         "button_settings": "Settings",
         "button_show": "Show",
+        "message_operation_error": "Operation failed. Please try again.",
+        "message_operation_success": "Operation completed successfully",
+        "toolbar_search": "Search...",
         "view_discussions": "Discussions",
         "view_files": "Files",
         "view_quick_actions": "Quick actions",
@@ -35,7 +41,10 @@
         "navigation_my_profile": "Mi perfil"
       },
       "dashboards": {
-        "title": "Dashboards"
+        "column_default": "Default",
+        "column_name": "Nombre",
+        "title": "Dashboards",
+        "view_add_component": "Agregar componente"
       },
       "shared": {
         "button_add_new": "Agregar nuevo",
@@ -46,6 +55,9 @@
         "button_save": "Guardar",
         "button_settings": "Configuración",
         "button_show": "Ver",
+        "message_operation_error": "Operación fallida. Por favor, inténtelo de nuevo.",
+        "message_operation_success": "Operacion realizada satisfactoriamente",
+        "toolbar_search": "Buscar...",
         "view_discussions": "Discusiones",
         "view_files": "Archivos",
         "view_quick_actions": "Acciones rapidas",
@@ -56,5 +68,110 @@
         "view_username": "Usuario"
       }
     }
+  },
+  "fr": {
+    "lesli": {
+      "application": {
+        "navigation_logout": ":lesli.application.navigation_logout:",
+        "navigation_my_profile": ":lesli.application.navigation_my_profile:"
+      },
+      "dashboards": {
+        "column_default": ":lesli.dashboards.column_default:",
+        "column_name": ":lesli.dashboards.column_name:",
+        "title": ":lesli.dashboards.title:",
+        "view_add_component": ":lesli.dashboards.view_add_component:"
+      },
+      "shared": {
+        "button_add_new": ":lesli.shared.button_add_new:",
+        "button_delete": ":lesli.shared.button_delete:",
+        "button_edit": ":lesli.shared.button_edit:",
+        "button_list": ":lesli.shared.button_list:",
+        "button_reload": ":lesli.shared.button_reload:",
+        "button_save": ":lesli.shared.button_save:",
+        "button_settings": ":lesli.shared.button_settings:",
+        "button_show": ":lesli.shared.button_show:",
+        "message_operation_error": ":lesli.shared.message_operation_error:",
+        "message_operation_success": ":lesli.shared.message_operation_success:",
+        "toolbar_search": ":lesli.shared.toolbar_search:",
+        "view_discussions": ":lesli.shared.view_discussions:",
+        "view_files": ":lesli.shared.view_files:",
+        "view_quick_actions": ":lesli.shared.view_quick_actions:",
+        "view_status_active": ":lesli.shared.view_status_active:",
+        "view_status_inactive": ":lesli.shared.view_status_inactive:"
+      },
+      "users/sessions": {
+        "view_username": ":lesli.users/sessions.view_username:"
+      }
+    }
+  },
+  "it": {
+    "lesli": {
+      "application": {
+        "navigation_logout": ":lesli.application.navigation_logout:",
+        "navigation_my_profile": ":lesli.application.navigation_my_profile:"
+      },
+      "dashboards": {
+        "column_default": ":lesli.dashboards.column_default:",
+        "column_name": ":lesli.dashboards.column_name:",
+        "title": ":lesli.dashboards.title:",
+        "view_add_component": ":lesli.dashboards.view_add_component:"
+      },
+      "shared": {
+        "button_add_new": ":lesli.shared.button_add_new:",
+        "button_delete": ":lesli.shared.button_delete:",
+        "button_edit": ":lesli.shared.button_edit:",
+        "button_list": ":lesli.shared.button_list:",
+        "button_reload": ":lesli.shared.button_reload:",
+        "button_save": ":lesli.shared.button_save:",
+        "button_settings": ":lesli.shared.button_settings:",
+        "button_show": ":lesli.shared.button_show:",
+        "message_operation_error": ":lesli.shared.message_operation_error:",
+        "message_operation_success": ":lesli.shared.message_operation_success:",
+        "toolbar_search": ":lesli.shared.toolbar_search:",
+        "view_discussions": ":lesli.shared.view_discussions:",
+        "view_files": ":lesli.shared.view_files:",
+        "view_quick_actions": ":lesli.shared.view_quick_actions:",
+        "view_status_active": ":lesli.shared.view_status_active:",
+        "view_status_inactive": ":lesli.shared.view_status_inactive:"
+      },
+      "users/sessions": {
+        "view_username": ":lesli.users/sessions.view_username:"
+      }
+    }
+  },
+  "pt": {
+    "lesli": {
+      "application": {
+        "navigation_logout": ":lesli.application.navigation_logout:",
+        "navigation_my_profile": ":lesli.application.navigation_my_profile:"
+      },
+      "dashboards": {
+        "column_default": ":lesli.dashboards.column_default:",
+        "column_name": ":lesli.dashboards.column_name:",
+        "title": ":lesli.dashboards.title:",
+        "view_add_component": ":lesli.dashboards.view_add_component:"
+      },
+      "shared": {
+        "button_add_new": ":lesli.shared.button_add_new:",
+        "button_delete": ":lesli.shared.button_delete:",
+        "button_edit": ":lesli.shared.button_edit:",
+        "button_list": ":lesli.shared.button_list:",
+        "button_reload": ":lesli.shared.button_reload:",
+        "button_save": ":lesli.shared.button_save:",
+        "button_settings": ":lesli.shared.button_settings:",
+        "button_show": ":lesli.shared.button_show:",
+        "message_operation_error": ":lesli.shared.message_operation_error:",
+        "message_operation_success": ":lesli.shared.message_operation_success:",
+        "toolbar_search": ":lesli.shared.toolbar_search:",
+        "view_discussions": ":lesli.shared.view_discussions:",
+        "view_files": ":lesli.shared.view_files:",
+        "view_quick_actions": ":lesli.shared.view_quick_actions:",
+        "view_status_active": ":lesli.shared.view_status_active:",
+        "view_status_inactive": ":lesli.shared.view_status_inactive:"
+      },
+      "users/sessions": {
+        "view_username": ":lesli.users/sessions.view_username:"
+      }
+    }
   }
 }

data/lib/webpack/base.js

@@ -19,7 +19,7 @@ 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
+Made with ♥ by LesliTech
 Building a better future, one line of code at a time.
 
 @contact  hello@lesli.tech
@@ -61,10 +61,10 @@ module.exports = env => ({
     },
 
 
-    // Set max size limit for JS bundles to 0.98 MB
+    // Set max size limit for JS bundles to 1.5 MiB
     performance: {
-        maxAssetSize: 1100000,
-        maxEntrypointSize: 1100000
+        maxAssetSize: 1572864,
+        maxEntrypointSize: 1572864
     },
 
     
@@ -107,22 +107,25 @@ module.exports = env => ({
 
             vue: "vue/dist/vue.esm-bundler.js",
 
-            // Set aliases as shortcuts to import modules
+            // Set aliases as shortcuts to import core modules
             Lesli: path.resolve("lib"), 
             LesliVue: path.resolve("lib", "vue"), 
             LesliStyle: path.resolve("lib", "scss"), 
 
+            // Set aliases as shortcuts to import engine modules
             LesliBell: path.resolve("../", "LesliBell", "lib"),
             LesliAdmin: path.resolve("../", "LesliAdmin", "lib"),
             LesliAudit: path.resolve("../", "LesliAudit", "lib"),
             LesliBabel: path.resolve("../", "LesliBabel", "lib"),
-            LesliGuard: path.resolve("../", "LesliGuard", "lib"),
+            LesliShield: path.resolve("../", "LesliShield", "lib"),
             LesliLetter: path.resolve("../", "LesliLetter", "lib"),
-            LesliDriver: path.resolve("../", "LesliDriver", "lib"),
             LesliSupport: path.resolve("../", "LesliSupport", "lib"),
+            LesliSecurity: path.resolve("../", "LesliSecurity", "lib"),
+            LesliCalendar: path.resolve("../", "LesliCalendar", "lib"),
             LesliDashboard: path.resolve("../", "LesliDashboard", "lib"),
 
-            LesliBuilder: path.resolve("engines", "lesli_builder", "lib", "vue")
+            // Set aliases as shortcuts to import root modules
+            Root: path.resolve("../", "../", "lib")
         }
     },
     module: {
@@ -133,7 +136,9 @@ module.exports = env => ({
                 options: {
                     compilerOptions: {
                         // ignore custom html components & elements
-                        isCustomElement: tag => tag === 'trix-editor'
+                        isCustomElement: tag => {
+                            return tag.startsWith('trix-')
+                        }
                     }
                 }
             }
@@ -152,7 +157,7 @@ module.exports = env => ({
                     presets: [["@babel/preset-env", { "targets": "defaults" }]]
                 }
             }
-        },{
+        }, {
             test: /\.(scss)$/,
             use: [
                 MiniCssExtractPlugin.loader, 
@@ -160,7 +165,7 @@ module.exports = env => ({
                     loader:'css-loader',
                     options: { url: false } 
                 }, 
-                'sass-loader'
+                'sass-loader' // required to compile sass files with webpack
             ]
         }]
     },
@@ -179,7 +184,8 @@ module.exports = env => ({
             lesli_application_development: JSON.stringify(!env.production),
             lesli_application_version: JSON.stringify(dayjs().format("YYMMDD.HHmm")),
             __VUE_OPTIONS_API__: true,
-            __VUE_PROD_DEVTOOLS__: true
+            __VUE_PROD_DEVTOOLS__: false,
+            __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: false
         })
     ]
 })

data/lib/webpack/core.js

@@ -19,7 +19,7 @@ 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
+Made with ♥ by LesliTech
 Building a better future, one line of code at a time.
 
 @contact  hello@lesli.tech
@@ -48,7 +48,6 @@ module.exports = (env, requestedEngines) => {
             "users/registrations": "LesliApp/users/registrations.js",
             
 
-
             // alternative logins 
             "mfas/application": "LesliApp/mfas/application.js",
             "otps/application": "LesliApp/otps/application.js",
@@ -63,27 +62,32 @@ module.exports = (env, requestedEngines) => {
             //"errors/application": "LesliApp/errors/app.js"
         },
         entry: {
-            "lesli/users/registrations": "Lesli/devise/registrations.js",
-            "lesli/users/confirmations": "Lesli/devise/confirmations.js",
-            "lesli/users/passwords": "Lesli/devise/passwords.js"
+            "lesli/users/passwords": "Lesli/devise/passwords.js",
+            
+            "lesli/users/registrations": ["Lesli/vue/devise/registrations.js", "Lesli/scss/devise/registrations.scss"],
+            "lesli/users/confirmations": ["Lesli/vue/devise/confirmations.js", "Lesli/scss/devise/confirmations.scss"],
+            "lesli/users/passwords": ["Lesli/vue/devise/passwords.js", "Lesli/scss/devise/passwords.scss"],
+            "lesli/users/sessions": ["Lesli/vue/devise/sessions.js", "Lesli/scss/devise/sessions.scss"]
         },
         entry: {
             "lesli/templates/public": "Lesli/scss/templates/public.scss",
-            "lesli/templates/application": "Lesli/scss/templates/application.scss",
-            "lesli/users/sessions": ["Lesli/vue/devise/sessions.js", "Lesli/scss/devise/sessions.scss"]
+            "lesli/templates/application": "Lesli/scss/templates/application.scss"
         },
+
+        // javascript output only,
+        // the output for stylesheets is defined in the webpack file itself
         output: {
-            // the output for stylesheets is defined in the webpack file itself
             path: path.resolve("app", "assets"),
-            filename: 'javascripts/[name].js'
+            filename: "javascripts/[name].js"
         }
     }
 
     // do not include the core apps if specific engines were requested
-    if (requestedEngines.length > 0 && !requestedEngines.includes("core")) {
-        config.entry = {}
+    if (requestedEngines.length > 0) {
+        if (!requestedEngines.includes("lesli")) {
+            config.entry = {}
+        }
     }
 
     return config
-
 }

data/lib/webpack/engines.js

@@ -52,7 +52,9 @@ function installedEngines(requestedEngines) {
 
 
     // remove the keep file from the engines directory
-    engines = engines.filter(directory => directory != ".gitkeep")
+    engines = engines
+        .filter(directory => directory != ".gitkeep")
+        .filter(directory => directory != ".DS_Store")
 
 
     // filter found engines to get only the ones that are ready to work with vue