lesli_security 0.3.0

data/lib/vue/apps/descriptors/edit.vue

@@ -0,0 +1,83 @@
+<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 platform.
+
+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 lesli stores
+import { useDescriptor } from "LesliApp/administration/stores/descriptor"
+
+
+// · import components
+import descriptorForm from "./components/form.vue"
+
+
+// · initialize/inject plugins
+const route = useRoute()
+const url = inject("url")
+
+
+// · 
+const storeDescriptor = useDescriptor()
+
+
+// · 
+const translations = {
+    core: {
+        roles: I18n.t("core.roles"),
+        role_descriptors: I18n.t('core.role_descriptors'),
+        shared: I18n.t("core.shared")
+    }
+}
+
+
+// · 
+onMounted(() => {
+    storeDescriptor.fetchDescriptor(route.params.id)
+})
+</script>
+<template>
+    <section class="application-component">
+        <lesli-header :title="'Descriptor: '+storeDescriptor.descriptor.name">
+            <lesli-button icon="list" :to="url.admin('descriptors')">
+                {{ translations.core.view_btn_list }}
+            </lesli-button>
+            <lesli-button icon="settings" :to="url.admin('descriptors/:id/privileges', storeDescriptor.descriptor.id)">
+               {{  translations.core.roles.view_btn_edit_privilege_actions }}
+            </lesli-button>
+        </lesli-header>
+        <descriptor-form is-editable></descriptor-form>
+    </section>
+</template>

data/lib/vue/apps/descriptors/index.vue

@@ -0,0 +1,113 @@
+<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 } from 'vue-router'
+
+
+// · import lesli stores
+import { useDescriptors } from "LesliSecurity/vue/stores/descriptors"
+
+
+// · initialize/inject plugins
+const url = inject("url")
+
+
+// · 
+const storeDescriptors = useDescriptors()
+
+
+// · 
+const translations = {
+    core: {
+        roles: I18n.t("core.roles"),
+        users: I18n.t("core.users"),
+        role_descriptors: I18n.t('core.role_descriptors'),
+        shared: I18n.t("core.shared")
+    }
+}
+
+
+// · 
+const columns = [{
+    field: "id",
+    label: "ID",
+    sort: true
+}, {
+    field: "name",
+    label: "Name",
+    sort: true
+},  {
+    field: "privileges_count",
+    label: "Privileges",
+    align: "center",
+    sort: true
+}, {
+    field: "created_at_date",
+    label: "Created at"
+}]
+
+
+// · 
+onMounted(() => {
+    storeDescriptors.fetchDescriptors()
+})
+
+</script>
+<template>
+    <lesli-application-container>
+        <lesli-header title="Role Descriptors">
+            <lesli-link solid icon="add" :to="url.security('descriptors/new')">
+                Add descriptor
+            </lesli-link>
+            <lesli-button icon="refresh"
+                :loading="storeDescriptors.index.loading"
+                @click="storeDescriptors.getDescriptors()">
+                Reload
+            </lesli-button>
+        </lesli-header>
+
+        <lesli-toolbar @search="storeDescriptors.search"></lesli-toolbar>
+
+        <lesli-table
+            :link="(descriptor) => url.security('descriptors/:id', descriptor.id)"
+            :columns="columns"
+            :loading="storeDescriptors.index.loading"
+            :records="storeDescriptors.index.records"
+            :pagination="storeDescriptors.index.pagination"
+            @paginate="storeDescriptors.paginateIndex"
+            @sort="storeDescriptors.sortIndex">
+        </lesli-table>
+    </lesli-application-container>
+</template>

data/lib/vue/apps/descriptors/new.vue

@@ -0,0 +1,69 @@
+<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"
+
+
+// · 
+const url = inject("url")
+
+
+// · import components
+import descriptorForm from "LesliSecurity/vue/apps/descriptors/components/form.vue"
+
+
+// · translations
+const translations = {
+    core: {
+        roles: I18n.t("core.roles"),
+        shared: I18n.t("core.shared"),
+        role_descriptors: I18n.t('core.role_descriptors')
+    }
+
+}
+</script>
+
+<template>
+    <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>
+    </lesli-application-container>
+</template>

data/lib/vue/apps/descriptors/show.vue

@@ -0,0 +1,233 @@
+<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 { inject, onMounted, ref } from "vue"
+
+
+// · import lesli stores
+import { useDescriptor } from "LesliSecurity/vue/stores/descriptor"
+import { useSystemController } from "Lesli/vue/shared/stores/systemController"
+
+
+// · import vue router composable
+import { useRouter, useRoute } from "vue-router"
+
+
+// · initialize/inject plugins
+const route = useRoute()
+const url = inject("url")
+
+
+// · implement stores
+const storeDescriptor = useDescriptor()
+const storeSystemController = useSystemController()
+
+
+// · translations
+const translations = {
+    core: {
+        roles: I18n.t("core.roles"),
+        shared: I18n.t("core.shared"),
+        descriptors: I18n.t('core.role_descriptors')
+    }
+}
+
+
+//
+const tab = ref(0)
+
+
+//
+const columns = [{
+    field: 'controller',
+    label: 'Controller'
+},{
+    field: 'list_action',
+    label: 'List',
+    align: 'center'
+},{
+    field: 'index_action',
+    label: 'Index',
+    align: 'center'
+},{
+    field: 'show_action',
+    label: 'Show',
+    align: 'center'
+},{
+    field: 'create_action',
+    label: 'Create',
+    align: 'center'
+},{
+    field: 'update_action',
+    label: 'Update',
+    align: 'center'
+},{
+    field: 'destroy_action',
+    label: 'Delete',
+    align: 'center'
+}]
+
+
+//
+onMounted(() => {
+    storeDescriptor.getDescriptor(route.params.id)
+})
+
+
+//
+function addPrivilege(active, action) {
+    if (active) {
+        storeDescriptor.postDescriptorPrivilege(action)
+    } else {
+        storeDescriptor.deleteDescriptorPrivilege(action)
+    }
+}
+
+</script>
+<template>
+    <lesli-application-container>
+        <lesli-header :title="'Descriptor: '+storeDescriptor.descriptor.name">
+        </lesli-header>
+
+        <lesli-table
+            :columns="columns"
+            :records="storeDescriptor.privileges"
+            :loading="storeDescriptor.privilegesLoading">
+
+
+            <!-- table header -->
+
+            <template #head(list_action)="{ 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(index_action)="{ 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(show_action)="{ column }">
+                <span class="icon-text">
+                    <span class="icon">
+                        <span class="material-icons">
+                            visibility
+                        </span>
+                    </span>
+                    <span>{{ column.label }}</span>
+                </span>
+            </template>
+
+            <template #head(create_action)="{ column }">
+                <span class="icon-text">
+                    <span class="icon">
+                        <span class="material-icons">
+                            add
+                        </span>
+                    </span>
+                    <span>{{ column.label }}</span>
+                </span>
+            </template>
+
+            <template #head(update_action)="{ column }">
+                <span class="icon-text">
+                    <span class="icon">
+                        <span class="material-icons">
+                            edit
+                        </span>
+                    </span>
+                    <span>{{ column.label }}</span>
+                </span>
+            </template>
+            
+            <template #head(destroy_action)="{ column }">
+                <span class="icon-text">
+                    <span class="icon">
+                        <span class="material-icons">
+                            delete
+                        </span>
+                    </span>
+                    <span>{{ column.label }}</span>
+                </span>
+            </template>
+
+
+            <!-- table content -->
+
+            <template #list_action="{ record, value }">
+                <lesli-toggle v-if="value" v-model="record.list_active" @update:modelValue="addPrivilege(record.list_active, record.list_action)">
+                </lesli-toggle>
+            </template>
+
+            <template #index_action="{ record, value }">
+                <lesli-toggle v-if="value" v-model="record.index_active" @update:modelValue="addPrivilege(record.index_active, record.index_action)">
+                </lesli-toggle>
+            </template>
+
+            <template #show_action="{ record, value }">
+                <lesli-toggle v-if="value" v-model="record.show_active" @update:modelValue="addPrivilege(record.show_active, record.show_action)">
+                </lesli-toggle>
+            </template>
+
+            <template #create_action="{ record, value }">
+                <lesli-toggle v-if="value" v-model="record.create_active" @update:modelValue="addPrivilege(record.create_active, record.create_action)">
+                </lesli-toggle>
+            </template>
+
+            <template #update_action="{ record, value }">
+                <lesli-toggle v-if="value" v-model="record.update_active" @update:modelValue="addPrivilege(record.update_active, record.update_action)">
+                </lesli-toggle>
+            </template>
+
+            <template #destroy_action="{ record, value }">
+                <lesli-toggle v-if="value" v-model="record.destroy_active" @update:modelValue="addPrivilege(record.destroy_active, record.destroy_action)">
+                </lesli-toggle>
+            </template>
+        </lesli-table>
+    </lesli-application-container>
+</template>

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

@@ -0,0 +1,81 @@
+<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 } from "vue"
+
+
+// · import lesli stores
+import { useRole } from "LesliSecurity/vue/stores/role"
+
+
+// · implement stores
+const storeRole = useRole()
+
+
+// · 
+const translations = {
+    shared: I18n.t("core.shared"),
+    passwords: I18n.t("core.users/passwords"),
+    users: I18n.t("core.users")
+}
+
+
+// · 
+function updateRole(descriptor) {
+
+    if (descriptor.active) {
+        return storeRole.postDescriptor(descriptor)
+    } 
+
+    return storeRole.deleteDescriptor(descriptor)    
+}
+
+</script>
+<template>
+    <lesli-empty v-if="storeRole.descriptors.length == 0"></lesli-empty>
+    <div class="media px-6" v-for="descriptor in storeRole.descriptors">
+        <div class="media-content pt-4">
+            <h4>{{ descriptor.name }}</h4>
+            <p style="color:#aaa;">
+                {{ descriptor.description }}
+            </p>
+        </div>
+        <div class="media-right pt-4">
+            <lesli-toggle v-model="descriptor.active" @change="updateRole(descriptor)">
+            </lesli-toggle>
+        </div>
+    </div>    
+</template>