lesli_security 0.3.0

data/lib/vue/apps/roles/components/form.vue

@@ -0,0 +1,253 @@
+<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, reactive, onMounted, watch, computed, inject } from "vue"
+import { useRouter, useRoute } from "vue-router"
+
+
+// · import lesli stores
+import { useRole } from "LesliSecurity/vue/stores/role"
+
+
+// · initialize/inject plugins
+const router = useRouter()
+const route = useRoute()
+const msg = inject("msg")
+const url = inject("url")
+const olpSelected = ref(0)
+
+
+// · 
+const storeRole = useRole()
+
+
+// · defining props
+const props = defineProps({
+    editable: {
+        type: Boolean,
+        required: false,
+        default: false
+    }
+})
+
+
+// · 
+const translations = {
+    lesli: {
+        shared: i18n.t("lesli.shared")
+    },
+    core: {
+        shared: I18n.t('core.shared'),
+        roles: I18n.t('core.roles')
+    }
+}
+
+
+// · 
+function submitRole() {
+
+    // role id exists, then just update the role
+    if (storeRole.role.id) {
+        return storeRole.putRole()
+    }
+
+    return storeRole.postRole()
+}
+
+
+// · 
+function selectObjectLevelPermission(olpSelectedInForm) {
+    olpSelected.value = olpSelectedInForm
+    storeRole.role.object_level_permission = olpSelectedInForm
+}
+
+
+// · 
+onMounted(() => {
+    if (route.params.id) {
+        storeRole.getRole(route.params.id)
+    } else {
+        storeRole.$reset()
+    }
+    storeRole.getOptions()
+})
+</script>
+<template>
+    <lesli-form :editable="props.editable" @submit="submitRole">
+
+        <!-- Role name -->
+        <div class="field">
+            <label class="label">
+                Name
+                <sup class="has-text-danger">*</sup>
+            </label>
+            <div class="control">
+                <input v-model="storeRole.role.name" class="input" type="text" required />
+            </div>
+        </div>
+
+        <!-- Role Description -->
+        <div class="field">
+            <label class="label">
+                Description
+            </label>
+            <div class="control">
+                <input v-model="storeRole.role.description" class="input" type="text" />
+            </div>
+        </div>
+
+        <!-- Role default path -->
+        <div class="field">
+            <label class="label">Default path</label>
+            <div class="control">
+                <input v-model="storeRole.role.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 />
+
+        <div class="columns">
+            <div class="column">
+                <!-- Role limited to path -->
+                <div class="field">
+                    <label class="label">
+                        Limited?
+                    </label>
+                    <div class="control">
+                        <div class="select">
+                            <lesli-select 
+                                v-model="storeRole.role.path_limited"
+                                :options="[{
+                                    label: translations.core.roles.view_text_limit_to_path,
+                                    value: true
+                                }, {
+                                    label: translations.core.roles.view_text_allow_all_paths,
+                                    value: false
+                                }]">
+                            </lesli-select>
+                        </div>
+                    </div>
+                    <p class="help">Always redirect role to the default path</p>
+                </div>
+            </div>
+            <div class="column">
+                <!-- Role is isolated -->
+                <div class="field">
+                    <label class="label">
+                        Isolated?
+                        <sup class="has-text-danger">*</sup>
+                    </label>
+                    <div class="control">
+                        <div class="select">
+                            <lesli-select 
+                                v-model="storeRole.role.isolated"
+                                :options="[{
+                                    label: translations.core.roles.view_text_restrict_data_access,
+                                    value: true
+                                }, {
+                                    label: translations.core.roles.view_text_allow_to_see_all_the_data,
+                                    value: false
+                                }]">
+                            </lesli-select>
+                        </div>
+                    </div>
+                    <p class="help">Force the role to query only the data that belongs to the current user</p>
+                </div>
+            </div>
+            <div class="column">
+                <!-- Enable/disable role -->
+                <div class="field">
+                    <label class="label">
+                        Status
+                        <sup class="has-text-danger">*</sup>
+                    </label>
+                    <div class="control">
+                        <div class="select">
+                            <lesli-select 
+                                v-model="storeRole.role.active"
+                                :options="[{
+                                    label: translations.core.roles.view_text_active,
+                                    value: true
+                                },{
+                                    label: translations.core.roles.view_text_disabled,
+                                    value: false
+                                }]">
+                            </lesli-select>
+                        </div>
+                    </div>
+                    <p class="help">Activate/deactivate role</p>
+                </div>
+            </div>
+        </div>
+
+        <!-- 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' : olpSelected == olp.level }]"
+                    v-for="(olp, index) in storeRole.options.object_level_permissions" :key="index"
+                    @click="selectObjectLevelPermission(olp.level)">
+                    <p class="icon-text">
+                        <span class="icon">
+                            <span class="material-icons">
+                                {{ olpSelected == olp.level ? 'check_box' : 'check_box_outline_blank' }}
+                            </span>
+                            <i :class="['fas', olpSelected == 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" v-if="props.editable">
+            <div class="control">
+                <lesli-button main icon="save" :loading="storeRole.role.loading">
+                    {{ translations.lesli.shared.button_save }}
+                </lesli-button>      
+            </div>
+        </div>
+    </lesli-form>
+</template>

data/lib/vue/apps/roles/components/privilegeCustom.vue

@@ -0,0 +1,86 @@
+<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 { ref, reactive, onMounted, watch, computed, inject } from "vue"
+
+
+// · import lesli stores
+import { useRole } from "LesliSecurity/vue/stores/role"
+import { useDescriptor } from "LesliSecurity/vue/stores/descriptor"
+
+
+// · initialize/inject plugins
+const msg = inject("msg")
+const url = inject("url")
+
+
+// · 
+const storeRole = useRole()
+const storeDescriptor = useDescriptor()
+
+
+// · 
+const columnDescriptors = [{
+    field: 'name',
+    label: 'Name'
+},{
+    field: 'action',
+    label: 'Status',
+    align: 'center'
+}]
+
+
+// · 
+function updateDescriptor(descriptor) {
+    storeRole.updateDescriptor(descriptor)
+}
+
+</script>
+<template>
+    <lesli-table 
+        :columns="columnDescriptors"
+        :records="storeRole.descriptorsCustom">
+        <template #name="{ record }">
+            <p>{{ record.name }}</p>
+            <p><small>/{{ record.controller }}</small></p>
+        </template>
+        <template #action="{ record, value }">
+            <lesli-toggle v-if="value != null" v-model="record.active" @change="updateDescriptor(record)">
+            </lesli-toggle>
+        </template>
+    </lesli-table>
+</template>

data/lib/vue/apps/roles/components/privilegeStandard.vue

@@ -0,0 +1,196 @@
+<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 { ref, reactive, onMounted, watch, computed, inject } from "vue"
+import { useRouter } from "vue-router"
+
+
+// · import lesli stores
+import { useRole } from "LesliSecurity/vue/stores/role"
+import { useDescriptor } from "LesliSecurity/vue/stores/descriptor"
+
+
+// · initialize/inject plugins
+const msg = inject("msg")
+const url = inject("url")
+const router = useRouter()
+
+
+// · 
+const storeRole = useRole()
+const storeDescriptor = useDescriptor()
+
+
+// · list, index, show, create, edit, delete
+const columnDescriptors = [{
+    field: 'name',
+    label: 'Name'
+},{
+    field: 'plist',
+    label: 'List',
+    align: 'center'
+},{
+    field: 'pindex',
+    label: 'Index',
+    align: 'center'
+},{
+    field: 'pshow',
+    label: 'Show',
+    align: 'center'
+},{
+    field: 'pcreate',
+    label: 'Create',
+    align: 'center'
+},{
+    field: 'pupdate',
+    label: 'Update',
+    align: 'center'
+},{
+    field: 'pdestroy',
+    label: 'Delete',
+    align: 'center'
+}]
+
+
+// · 
+function updatePrivilege(descriptor) {
+    storeRole.updatePrivilege(descriptor)
+}
+
+
+// · 
+onMounted(() => {
+    storeRole.getPrivileges()
+})
+</script>
+<template>
+    <lesli-table 
+        :columns="columnDescriptors"
+        :records="storeRole.privileges">
+        <template #head(plist)="{ column }">
+            <span class="icon-text">
+                <span class="icon">
+                    <span class="material-icons">
+                        format_list_numbered
+                    </span>
+                </span>
+                <span>{{ column.label }}</span>
+            </span>
+        </template>
+        <template #head(pindex)="{ column }">
+            <span class="icon-text">
+                <span class="icon">
+                    <span class="material-icons">
+                        format_list_bulleted
+                    </span>
+                </span>
+                <span>{{ column.label }}</span>
+            </span>
+        </template>
+        <template #head(pshow)="{ column }">
+            <span class="icon-text">
+                <span class="icon">
+                    <span class="material-icons">
+                        visibility
+                    </span>
+                </span>
+                <span>{{ column.label }}</span>
+            </span>
+        </template>
+        <template #head(pcreate)="{ column }">
+            <span class="icon-text">
+                <span class="icon">
+                    <span class="material-icons">
+                        add
+                    </span>
+                </span>
+                <span>{{ column.label }}</span>
+            </span>
+        </template>
+        <template #head(pupdate)="{ column }">
+            <span class="icon-text">
+                <span class="icon">
+                    <span class="material-icons">
+                        edit
+                    </span>
+                </span>
+                <span>{{ column.label }}</span>
+            </span>
+        </template>
+        <template #head(pdestroy)="{ column }">
+            <span class="icon-text">
+                <span class="icon">
+                    <span class="material-icons">
+                        delete
+                    </span>
+                </span>
+                <span>{{ column.label }}</span>
+            </span>
+        </template>
+
+        <template #name="{ record }">
+            <router-link :to="url.security('descriptors/:id', record.id).toString()">
+                {{ record.name }}
+            </router-link>
+        </template>
+
+        <template #plist="{ record }">
+            <lesli-toggle v-if="record.has_list" v-model="record.plist" @change="updatePrivilege(record)">
+            </lesli-toggle>&nbsp;
+        </template>
+        <template #pindex="{ record }">
+            <lesli-toggle v-if="record.has_index" v-model="record.pindex" @change="updatePrivilege(record)">
+            </lesli-toggle>&nbsp;
+        </template>
+        <template #pshow="{ record }">
+            <lesli-toggle v-if="record.has_show" v-model="record.pshow" @change="updatePrivilege(record)">
+            </lesli-toggle>&nbsp;
+        </template>
+        <template #pcreate="{ record }">
+            <lesli-toggle v-if="record.has_create" v-model="record.pcreate" @change="updatePrivilege(record)">
+            </lesli-toggle>&nbsp;
+        </template>
+        <template #pupdate="{ record }">
+            <lesli-toggle v-if="record.has_update" v-model="record.pupdate" @change="updatePrivilege(record)">
+            </lesli-toggle>&nbsp;
+        </template>
+        <template #pdestroy="{ record }">
+            <lesli-toggle v-if="record.has_destroy" v-model="record.pdestroy" @change="updatePrivilege(record)">
+            </lesli-toggle>&nbsp;
+        </template>
+    </lesli-table>
+</template>

data/lib/vue/apps/roles/edit.vue

@@ -0,0 +1,118 @@
+<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, reactive, onMounted, watch, computed, inject } from "vue"
+import { useRouter, useRoute } from "vue-router"
+
+
+// · import components
+import componentFormRole from "./components/form.vue"
+import componentDescriptors from "./components/descriptors.vue"
+import componentPrivilegeCustom from "./components/privilegeCustom.vue"
+import componentPrivilegeStandard from "./components/privilegeStandard.vue"
+
+
+// · import lesli stores
+import { useRole } from "LesliSecurity/vue/stores/role"
+
+
+// · initialize/inject plugins
+const router = useRouter()
+const route = useRoute()
+const msg = inject("msg")
+const url = inject("url")
+
+
+// · 
+const storeRole = useRole()
+
+
+// · 
+const translations = {
+    lesli: {
+        shared: i18n.t("lesli.shared"),
+    },
+    core: {
+        shared: I18n.t('core.shared'),
+        roles: I18n.t('core.roles')
+    }
+}
+
+// · defining props
+const props = defineProps({
+    appMountPath: {
+        type: String,
+        required: false,
+        default: "guard/roles",
+    }
+})
+
+// · 
+onMounted(() => {
+    storeRole.getRole(route.params.id)
+})
+
+</script>
+<template>
+    <lesli-application-container>
+        <lesli-header :title="'Edit role: ' + storeRole.role.name">
+            <lesli-link icon="list" :to="url.security('roles')">
+                {{  translations.lesli.shared.button_list }}
+            </lesli-link>
+            <lesli-link main icon="visibility" :to="url.security('roles/:id', storeRole.role.id)">
+               {{  translations.lesli.shared.button_show }}
+            </lesli-link>
+        </lesli-header>
+        <lesli-tabs>
+            <lesli-tab-item paddingless icon="info" title="Information">
+                <componentFormRole :editable="true"></componentFormRole>
+            </lesli-tab-item>
+            <lesli-tab-item icon="add_moderator" title="Descriptors">
+                <componentDescriptors></componentDescriptors>
+            </lesli-tab-item>
+            <lesli-tab-item icon="verified_user" title="Privileges">
+                <componentPrivilegeStandard></componentPrivilegeStandard>
+            </lesli-tab-item>
+        </lesli-tabs>
+
+        <!--
+        <lesli-tab-item icon="local_police" title="Custom privileges">
+            <componentPrivilegeCustom></componentPrivilegeCustom>
+        </lesli-tab-item>
+        -->
+        
+    </lesli-application-container>
+</template>