lesli_vault 0.1.0 → 0.2.0

data/{app/vue/lesli_vault → lib/vue}/apps/descriptors/new.vue

@@ -18,35 +18,33 @@ 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
 
-// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
 // · 
-
 */
 
 
 
 // · import vue tools
-import { onMounted } from "vue"
-import { useRouter, useRoute } from 'vue-router'
+import { onMounted, inject } from "vue"
+import { useRouter, useRoute } from "vue-router"
+
 
+// · 
+const url = inject("url")
 
-// · import lesli stores
-import { useDescriptor } from "LesliApp/administration/stores/descriptor"
 
 // · import components
-import descriptorForm from "./components/form.vue"
+import descriptorForm from "LesliVault/apps/descriptors/components/form.vue"
 
-// · implement stores
-const storeDescriptor = useDescriptor()
 
 // · translations
 const translations = {
@@ -57,20 +55,15 @@ const translations = {
     }
 
 }
-
-onMounted(() => {
-    //storeDescriptor.getDescriptorsOptions()
-})
-
 </script>
 
 <template>
-    <section class="application-component">
-        <lesli-header :title="translations.core.role_descriptors.view_btn_new_role_descriptors">
+    <lesli-application-container>
+        <lesli-header title="Create a new descriptor">
             <lesli-button icon="list" :to="url.admin('descriptors')">
                 {{ translations.core.view_btn_list }}
             </lesli-button>
         </lesli-header>
         <descriptor-form></descriptor-form>
-    </section>
+    </lesli-application-container>
 </template>

data/{app/vue/lesli_vault → lib/vue}/apps/roles/componentForm.vue

@@ -77,17 +77,12 @@ onMounted(() => {
 // · 
 function submitRole() {
 
+    // role id exists, then just update the role
     if (storeRole.role.id) {
-        storeRole.putRole()
-    }
-
-    if (!storeRole.role.id) {
-        return storeRole.postRole().then(result => {
-            msg.success(translations.core.roles.messages_success_role_created_successfully)
-            router.push(url.admin("roles/:id/edit", result.id).s)
-        })
+        return storeRole.putRole()
     }
 
+    return storeRole.postRole()
 }
 
 
@@ -98,37 +93,49 @@ function isObjectLevelPermissionSelected(olp) {
 
 </script>
 <template>
-    <form @submit.prevent="submitRole" class="box">
+    <lesli-form @submit="submitRole">
 
         <!-- Role name -->
         <div class="field">
             <label class="label">
-                {{ translations.core.roles.column_name }}
+                Name
                 <sup class="has-text-danger">*</sup>
             </label>
             <div class="control">
-                <input v-model="storeRole.role.name" class="input" type="text" required />
+                <input v-model="storeRole.role.payload.name" class="input" type="text" required />
             </div>
         </div>
 
-        <!-- Default path -->
+        <!-- Role Description -->
         <div class="field">
-            <label class="label">{{ translations.core.roles.column_default_path }}</label>
+            <label class="label">
+                Description
+            </label>
             <div class="control">
-                <input v-model="storeRole.role.default_path" class="input" type="text" :placeholder="translations.core.roles.view_placeholder_default_path_at_login">
+                <input v-model="storeRole.role.payload.description" class="input" type="text" />
             </div>
-            <p class="help"> {{ translations.core.roles.view_text_default_path_description }}</p>
         </div>
 
-        <!-- Limit to default path -->
+        <!-- Role default path -->
+        <div class="field">
+            <label class="label">Default path</label>
+            <div class="control">
+                <input v-model="storeRole.role.payload.path_default" class="input" type="text" :placeholder="translations.core.roles.view_placeholder_default_path_at_login">
+            </div>
+            <p class="help">Default path to redirect after login.</p>
+        </div>
+
+        <hr />
+
+        <!-- Role limited to path -->
         <div class="field">
             <label class="label">
-                {{ translations.core.roles.column_limit_to_path }}
+                Limited?
             </label>
             <div class="control">
                 <div class="select">
                     <lesli-select 
-                        v-model="storeRole.role.limit_to_path"
+                        v-model="storeRole.role.payload.path_limited"
                         :options="[{
                             label: translations.core.roles.view_text_limit_to_path,
                             value: true
@@ -139,49 +146,19 @@ function isObjectLevelPermissionSelected(olp) {
                     </lesli-select>
                 </div>
             </div>
-            <p class="help"> {{ translations.core.roles.view_text_default_path_description }}</p>
-        </div>
-
-        <hr>
-
-        <!-- Object level permission -->
-        <div class="field">
-            <label class="label">
-                {{ translations.core.roles.view_text_hierarchical_level }}
-                <sup class="has-text-danger">*</sup>
-            </label>
-            <ul class="hierarchical_level_selector">
-                <li :class="['hover', 'p-1', { 'has-background-info has-text-light' : isObjectLevelPermissionSelected(olp.level) }]"
-                    v-for="(olp, index) in storeRole.options.object_level_permissions" :key="index"
-                    v-on:click="storeRole.role.object_level_permission = olp.level">
-                    <p class="icon-text">
-                        <span class="icon">
-                            <span class="material-icons">
-                                {{ isObjectLevelPermissionSelected(olp.level) ? 'check_box' : 'check_box_outline_blank' }}
-                            </span>
-                            <i :class="['fas', isObjectLevelPermissionSelected(olp.level) ? 'fa-check' : 'fa-chevron-right']"></i>
-                        </span>
-                        <span>
-                            {{ `${translations.core.roles.view_text_level || 'Level' } ${ index + 1 }` }}
-                            <i v-if="olp.roles.length">- {{ olp.roles.map(role => role.name).join(', ') }}</i>
-                        </span>
-                    </p>
-                </li>
-            </ul>
+            <p class="help">Always redirect role to the default path</p>
         </div>
 
-        <hr>
-
-        <!-- Only own data -->
+        <!-- Role is isolated -->
         <div class="field">
             <label class="label">
-                {{ translations.core.roles.column_only_my_data }}
+                Isolated?
                 <sup class="has-text-danger">*</sup>
             </label>
             <div class="control">
                 <div class="select">
                     <lesli-select 
-                        v-model="storeRole.role.only_my_data"
+                        v-model="storeRole.role.payload.isolated"
                         :options="[{
                             label: translations.core.roles.view_text_restrict_data_access,
                             value: true
@@ -192,20 +169,19 @@ function isObjectLevelPermissionSelected(olp) {
                     </lesli-select>
                 </div>
             </div>
+            <p class="help">Force the role to query only the data that belongs to the current user</p>
         </div>
 
-        <hr>
-
         <!-- Enable/disable role -->
         <div class="field">
             <label class="label">
-                {{ translations.core.roles.view_text_status }}
+                Status
                 <sup class="has-text-danger">*</sup>
             </label>
             <div class="control">
                 <div class="select">
                     <lesli-select 
-                        v-model="storeRole.role.active"
+                        v-model="storeRole.role.payload.active"
                         :options="[{
                             label: translations.core.roles.view_text_active,
                             value: true
@@ -220,12 +196,40 @@ function isObjectLevelPermissionSelected(olp) {
 
         <hr>
 
+        <!-- Object level permission -->
+        <div class="field">
+            <label class="label">
+                Hierarchical level
+                <sup class="has-text-danger">*</sup>
+            </label>
+            <ul class="hierarchical_level_selector">
+                <li :class="['hover', 'p-1', { 'has-background-info has-text-light' : isObjectLevelPermissionSelected(olp.level) }]"
+                    v-for="(olp, index) in storeRole.options.object_level_permissions" :key="index"
+                    v-on:click="storeRole.role.payload.object_level_permission = olp.level">
+                    <p class="icon-text">
+                        <span class="icon">
+                            <span class="material-icons">
+                                {{ isObjectLevelPermissionSelected(olp.level) ? 'check_box' : 'check_box_outline_blank' }}
+                            </span>
+                            <i :class="['fas', isObjectLevelPermissionSelected(olp.level) ? 'fa-check' : 'fa-chevron-right']"></i>
+                        </span>
+                        <span>
+                            {{ `${translations.core.roles.view_text_level || 'Level' } ${ index + 1 }` }}
+                            <i v-if="olp.roles.length">- {{ olp.roles.map(role => role.name).join(', ') }}</i>
+                        </span>
+                    </p>
+                </li>
+            </ul>
+        </div>
+
+        <hr>
+
         <div class="field is-grouped">
             <div class="control">
-                <lesli-button icon="save">
-                    {{ translations.core.shared.view_btn_save }}
+                <lesli-button main icon="save" :loading="storeRole.role.loading">
+                    Save
                 </lesli-button>      
             </div>
         </div>
-    </form>
+    </lesli-form>
 </template>

data/{app/vue/lesli_vault → lib/vue}/apps/roles/index.vue

@@ -18,29 +18,28 @@ 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
 
-// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
 // · 
-
 */
 
 
 
 // · import vue tools
 import { ref, reactive, onMounted, watch, computed, inject } from "vue"
-import { useRouter, useRoute } from 'vue-router'
+import { useRouter, useRoute } from "vue-router"
 
 
 // · import lesli stores
-import { useRole } from "../../stores/role"
+import { useRoles } from "LesliVault/stores/roles"
 
 
 // · initialize/inject plugins
@@ -51,7 +50,7 @@ const url = inject("url")
 
 
 // · 
-const storeRole = useRole()
+const storeRoles = useRoles()
 
 
 // · 
@@ -72,6 +71,7 @@ const columns = [{
 }, {
     field: "users",
     label: translations.core.roles.view_text_users || 'Users',
+    align: "center",
     sort: true
 }, {
     field: "isolated",
@@ -96,35 +96,33 @@ const props = defineProps({
 
 // · 
 onMounted(() => {
-    storeRole.fetch()
+    storeRoles.fetch()
 })
 
 
 </script>
 <template>
-    <section class="application-component">
-        <lesli-header title="Roles & privileges">
-            <lesli-button
-                outlined
-                icon="refresh"
-                :loading="storeRole.loading"
-                @click="storeRole.fetch()"
-            >
-                {{ translations.core.shared.view_text_btn_reload }}
-            </lesli-button>
-            <lesli-button icon="add" :to="url.root(props.appMountPath+`/new`)">
-                {{ translations.core.roles.view_btn_new_role }}
+    <lesli-application-container>
+        <lesli-header title="Roles &amp; privileges">
+            <lesli-button icon="refresh"
+                :loading="storeRoles.loading"
+                @click="storeRoles.fetch()">
+                Reload
             </lesli-button>
+            <lesli-link main icon="add" :to="url.vault('roles/new')">
+                Add role
+            </lesli-link>
         </lesli-header>
-        <lesli-toolbar @search="storeRole.search"></lesli-toolbar>
+
+        <lesli-toolbar @search="storeRoles.search"></lesli-toolbar>
+
         <lesli-table
             :link="(role) => url.root(props.appMountPath+`/${role.id}`).s"
             :columns="columns"
-            :records="storeRole.records"
-            :pagination="storeRole.index.pagination"
-            @paginate="storeRole.paginateIndex"
-            @sort="storeRole.sortIndex"
-            >
+            :records="storeRoles.records"
+            :pagination="storeRoles.pagination"
+            @paginate="storeRoles.paginateIndex"
+            @sort="storeRoles.sortIndex">
             <template #active="{ value }">
                 <span class="tag is-success is-light" v-if="value">active</span>
             </template>
@@ -165,5 +163,5 @@ onMounted(() => {
             </template>
 
         </lesli-table>
-    </section>
+    </lesli-application-container>
 </template>

data/{app/vue/lesli_vault → lib/vue}/apps/roles/new.vue

@@ -18,18 +18,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
 
-// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
 // · 
-
 */
 
 
@@ -41,7 +40,7 @@ import componentFormRole from "./componentForm.vue"
 
 
 // · import lesli stores
-import { useRole } from "../../stores/role"
+import { useRole } from "LesliVault/stores/role"
 
 
 // · initialize/inject plugins
@@ -78,12 +77,12 @@ onMounted(() => {
 
 </script>
 <template>
-    <section class="application-component">
+    <lesli-application-container>
         <lesli-header title="Create a new role">
             <lesli-button icon="list" :to="url.root(props.appMountPath)">
                 All roles
             </lesli-button>
         </lesli-header>
         <componentFormRole></componentFormRole>
-    </section>
+    </lesli-application-container>
 </template>

data/{app/vue/lesli_vault → lib/vue}/stores/descriptor.js

@@ -38,11 +38,15 @@ import { defineStore } from "pinia"
 
 
 // · 
-export const useDescriptor = defineStore("administration.descriptor", {
+export const useDescriptor = defineStore("vault.descriptor", {
     state: () => {
         return {
-            list: [],
-            descriptor: {},
+            descriptor: {
+                loading: false,
+                payload: {
+                    name: ""
+                }
+            },
             privileges: [],
             privilegesLoading: false
         }
@@ -69,8 +73,20 @@ export const useDescriptor = defineStore("administration.descriptor", {
         },
 
         resetDescriptor() {
-            this.descriptor = {}
-            this.privileges = []
+        },
+
+        postDescriptor() {
+            this.loading = true
+            this.http.post(this.url.vault("descriptors"), { 
+                descriptor: this.descriptor.payload 
+            }).then(result => {
+                this.descriptor.payload.id = result.id
+                this.msg.success(I18n.t("core.users.messages_success_operation"))
+            }).catch(error => {
+                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
+            }).finally(() => {
+                this.loading = false
+            })
         },
 
         getDescriptorPrivileges() {

data/{app/vue/lesli_vault → lib/vue}/stores/descriptors.js

@@ -59,7 +59,7 @@ export const useDescriptors = defineStore("administration.descriptors", {
 
         getDescriptors() {
             this.index.loading = true
-            this.http.get(this.url.admin("descriptors")).then(result => {
+            this.http.get(this.url.vault("descriptors")).then(result => {
                 this.index.pagination = result.pagination
                 this.index.records = result.records
             }).catch(error => {
@@ -69,17 +69,6 @@ export const useDescriptors = defineStore("administration.descriptors", {
             })
         },
 
-        postDescriptor() {
-            this.loading = true
-            this.http.post(this.url.admin("descriptors"), { descriptor: this.descriptor }).then(result => {
-                this.descriptor.id = result.id
-                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"))
-            })
-        },
-
         resetDescriptor() {
             this.descriptor = {}
             this.privileges = []

data/{app/vue/lesli_vault → lib/vue}/stores/role.js

@@ -39,53 +39,20 @@ export const useRole = defineStore("administration.role", {
     state: () => {
         return {
             options: {},
-            records: [],
             descriptors: [],
             descriptorsCustom: [],
             descriptorSearchString: '',
             role: {
-                name: "",
-                descriptors: []
-            },
-            pagination: {
-                page: 1
-            },
-            index: { 
-                pagination: {},
-                records: []
-            },
-            loading: false,             
-            order: {
-                column: "id",
-                direction: "desc"
-            },
-            search_string: "",
-            role_activities: {}
+                loading: false,
+                search_string: "",
+                payload: {
+                    name: ""
+                }
+            }
         }
     },
     actions: {
 
-        fetch() {
-            this.loading = true
-            this.http.get(this.url.admin("roles")
-                .paginate(this.pagination.page)
-                .order(this.order.column, this.order.direction)
-                .search(this.search_string))
-            .then(result => {
-                this.index = result
-                this.records = result.records.map(integrations => {
-                    integrations.created_at = this.date.dateTime(integrations.created_at)
-                    return integrations
-                })
-                this.loading = false
-            })
-        },
-
-        paginateIndex(page) {
-            this.pagination.page = page
-            this.fetch()
-        },
-
         fetchRole(id) {
             this.loading = true
             this.http.get(this.url.admin("roles/:id", id)).then(result => {
@@ -96,12 +63,21 @@ export const useRole = defineStore("administration.role", {
         },
 
         postRole() {
-            return this.http.post(this.url.admin("roles"), this.role)
+            this.role.loading = true
+            this.http.post(this.url.vault("roles"), this.role.payload).then(result => {
+                msg.success(translations.core.roles.messages_success_role_created_successfully)
+                router.push(url.admin("roles/:id/edit", result.id).s)
+            }).finally(() => {
+                this.role.loading = false
+            })
         },
 
         putRole() {
+            this.role.loading = true
             this.http.put(this.url.admin("roles/:id", this.role.id), this.role).then(result => {
                 this.msg.success(I18n.t('core.roles.messages_success_role_successfully_updated'))
+            }).finally(() => {
+                this.role.loading = false
             })
         },
 
@@ -194,8 +170,7 @@ export const useRole = defineStore("administration.role", {
         },
 
         getOptions() {
-            this.http.get(this.url.admin("roles/options")).then(result => {
-                
+            this.http.get(this.url.vault("roles/options")).then(result => {
                 this.options = result
             })
         }, 

data/{app/vue/lesli_vault/application.js → lib/vue/stores/roles.js}

@@ -1,5 +1,4 @@
 /*
-
 Lesli
 
 Copyright (c) 2023, Lesli Technologies, S. A.
@@ -17,7 +16,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 Development Platform.
 
 Made with ♥ by https://www.lesli.tech
 Building a better future, one line of code at a time.
@@ -26,13 +25,37 @@ Building a better future, one line of code at a time.
 @website  https://www.lesli.tech
 @license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
 
-// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
 // · 
-
 */
 
-// · Import base for maunting the application
-import application from "Lesli/application"
 
 // · 
-application("LesliVault", [])
+import { defineStore } from "pinia"
+
+
+// · 
+export const useRoles = defineStore("vault.roles", {
+    state: () => {
+        return {
+            pagination: {},
+            records: []
+        }
+    },
+    actions: {
+
+        fetch() {
+            //if (!this.list.length > 0) {
+                this.getRoles()
+            //}
+        },
+
+        // Get the list of role user is able to work with
+        // according to object level permissions
+        getRoles() {
+            this.http.get(this.url.vault("roles")).then(result => {
+                this.records = result
+            })
+        },
+    }
+})