lesli_security 0.3.0

data/lib/vue/apps/roles/index.vue

@@ -0,0 +1,168 @@
+<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 { useRoles } from "LesliSecurity/vue/stores/roles"
+
+
+// · initialize/inject plugins
+const router = useRouter()
+const route = useRoute()
+const msg = inject("msg")
+const url = inject("url")
+
+
+// · 
+const storeRoles = useRoles()
+
+
+// · 
+const translations = {
+    core: {
+        roles: I18n.t("core.roles"),
+        users: I18n.t("core.users"),
+        shared: I18n.t("core.shared")
+    }
+}
+
+
+// · 
+const columns = [{
+    field: "name",
+    label: translations.core.shared.view_text_name,
+    sort: true
+}, {
+    field: "users",
+    label: translations.core.roles.view_text_users || 'Users',
+    align: "center",
+    sort: true
+}, {
+    field: "isolated",
+    label: translations.core.roles.view_text_isolated || 'Isolated',
+    sort: true
+}, {
+    field: "active",
+    label: translations.core.users.view_table_header_status,
+    sort: true
+}]
+
+
+// · defining props
+const props = defineProps({
+    appMountPath: {
+        type: String,
+        required: false,
+        default: "security/roles",
+    }
+})
+
+
+// · 
+onMounted(() => {
+    storeRoles.get()
+})
+
+
+</script>
+<template>
+    <lesli-application-container>
+        <lesli-header title="Roles &amp; privileges">
+            <lesli-link solid button icon="add" :to="url.security('roles/new')">
+                Add role
+            </lesli-link>
+            <lesli-button icon="refresh"
+                :loading="storeRoles.loading"
+                @click="storeRoles.fetch()">
+                Reload
+            </lesli-button>
+        </lesli-header>
+
+        <lesli-toolbar @search="storeRoles.search"></lesli-toolbar>
+
+        <lesli-table
+            :link="(role) => url.root(props.appMountPath+`/${role.id}`).s"
+            :columns="columns"
+            :records="storeRoles.records"
+            :loading="storeRoles.loading"
+            :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>
+
+            <template #options="{ record, value }">
+                <a class="dropdown-item" :href="url.root(props.appMountPath+`/${record.id}`)">
+                    <span class="material-icons">
+                        settings
+                    </span>
+                    <span>
+                        {{ translations.core.roles.view_btn_edit_privilege_actions }}
+                    </span>
+                </a>
+                <a class="dropdown-item" :href="url.root(props.appMountPath+`/${record.id}/edit`)">
+                    <span class="material-icons">
+                        edit
+                    </span>
+                    <span>
+                        {{ translations.core.roles.view_btn_edit_role_information }}
+                    </span>
+                </a>
+                <a class="dropdown-item" :href="url.admin(`users`).filter({ role: [record.id] })">
+                    <span class="material-icons">
+                        groups
+                    </span>
+                    <span>
+                        {{ translations.core.roles.view_btn_users_list }}
+                    </span>
+                </a>
+                <a class="dropdown-item" @click="storeRole.deleteRole(record.id)">
+                    <span class="material-icons">
+                        delete
+                    </span>
+                    <span>
+                        {{ translations.core.users.view_btn_revoke_access }}
+                    </span>
+                </a>
+            </template>
+
+        </lesli-table>
+    </lesli-application-container>
+</template>

data/lib/vue/apps/roles/logs.vue

@@ -0,0 +1,110 @@
+<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, useRoute } from 'vue-router'
+
+
+// · import lesli stores
+import { useRole } from "../../stores/role"
+
+
+// · initialize/inject plugins
+const router = useRouter()
+const route = useRoute()
+const msg = inject("msg")
+const url = inject("url")
+
+
+// · 
+const storeRole = useRole()
+
+const translations = {
+    core: {
+        roles: I18n.t("core.roles"),
+        users: I18n.t("core.users"),
+        shared: I18n.t("core.shared"),
+        role_activities: I18n.t('core.role/activities')
+    }
+}
+
+// · 
+const columns = [{
+    field: "created_at_raw",
+    label: translations.core.role_activities.column_created_at,
+    sort: true
+}, {
+    field: "user_creator_name",
+    label: translations.core.role_activities.column_users_id,
+    sort: true
+}, {
+    field: "category",
+    label: translations.core.role_activities.column_category,
+    sort: true
+}, {
+    field: "description",
+    label: translations.core.role_activities.column_description,
+    sort: true
+}, {
+    field: "field_name",
+    label: translations.core.role_activities.column_field,
+    sort: true
+}, {
+    field: "value_from",
+    label: translations.core.role_activities.column_value_from,
+    sort: true
+}, {
+    field: "value_to",
+    label: translations.core.role_activities.column_value_to,
+    sort: true
+}]
+
+
+// · 
+onMounted(() => {
+    storeRole.fetchLogs()
+})
+
+
+</script>
+<template>
+    <lesli-table
+        :columns="columns"
+        :records="storeRole.role_activities"
+        >
+    </lesli-table>
+</template>

data/lib/vue/apps/roles/new.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 · 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 componentFormRole from "./components/form.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 = {
+    core: {
+        shared: I18n.t('core.shared'),
+        roles: I18n.t('core.roles')
+    }
+}
+
+
+// · defining props
+const props = defineProps({
+    appMountPath: {
+        type: String,
+        required: false,
+        default: "administration/roles",
+    }
+})
+
+</script>
+<template>
+    <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 :editable="true"></componentFormRole>
+    </lesli-application-container>
+</template>

data/lib/vue/apps/roles/show.vue

@@ -0,0 +1,109 @@
+<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, useRoute } from 'vue-router'
+
+
+// · import lesli stores
+import { useRole } from "../../stores/role"
+import { useDescriptor } from "../../stores/descriptor"
+
+
+// · import components
+import componentFormRole from "./components/form.vue"
+import componentPrivilegeCustom from "./components/privilegeCustom.vue"
+import componentPrivilegeStandard from "./components/privilegeStandard.vue"
+
+
+// · initialize/inject plugins
+const router = useRouter()
+const route = useRoute()
+const msg = inject("msg")
+const url = inject("url")
+
+
+// · 
+const storeRole = useRole()
+const storeDescriptor = useDescriptor()
+
+
+// · 
+const editor = ref('standard')
+
+
+// · defining props
+const props = defineProps({
+    appMountPath: {
+        type: String,
+        required: false,
+        default: "guard/roles",
+    }
+})
+
+
+// · 
+onMounted(() => {
+    storeRole.$reset()
+    storeRole.getRole(route.params.id)
+})
+
+
+// · 
+function toggleEditor() {
+
+    if (editor.value == 'standard') {
+        return editor.value = 'custom'
+    }
+
+    editor.value = 'standard'
+}
+
+</script>
+<template>
+    <lesli-application-container>
+        <lesli-header :title="storeRole.role.name + ' role'">
+            <lesli-link button solid warning icon="edit" :to="url.security('roles/:id/edit', route.params.id)">
+                Edit role
+            </lesli-link>
+            <lesli-link button icon="list" :to="url.security('roles')">
+                All roles
+            </lesli-link>
+        </lesli-header>
+        <componentFormRole :editable="false"></componentFormRole>
+    </lesli-application-container>
+</template>

data/lib/vue/apps/users/components/information-card.vue

@@ -0,0 +1,104 @@
+<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 lesli stores
+import { useUser } from "LesliSecurity/vue/stores/user"
+
+
+// · implement stores
+const storeUser = useUser()
+
+
+// · translations
+const translations = {
+    guard: {
+        users: i18n.t("lesli_security.users")
+    }
+}
+
+</script>
+<template>
+    <div class="user-information-card mb-5">
+        <div class="media is-align-items-center">
+            <div class="media-left">
+                <lesli-avatar :name="''+storeUser.user.full_name">
+                </lesli-avatar>
+            </div>
+
+            <div class="media-content">
+                <div class="content mb-0">
+                    <h5 class="title is-5 mb-0">
+                        {{ storeUser.user.first_name }}
+                        {{ storeUser.user.last_name }}
+                    </h5>
+                    <p>{{ storeUser.user.detail_attributes.title }}</p>
+                </div>
+
+                <div class="level is-mobile">
+                    <div class="level-left">
+                        <a  class="level-item mr-4"
+                            v-if="storeUser.user.email"  
+                            :href="'mailto:'+storeUser.user.email">
+                            <span class="icon is-small mr-2">
+                                <span class="material-icons">
+                                    email
+                                </span>
+                            </span>
+                            {{ storeUser.user.email }}
+                        </a>
+                        <a  class="level-item mr-4"
+                            v-if="storeUser.user.telephone"
+                            :href="'tel:'+storeUser.user.telephone">
+                            <span class="icon is-small mr-2">
+                                <span class="material-icons">
+                                    phone
+                                </span>
+                            </span>
+                            {{ storeUser.user.telephone }}
+                        </a>
+
+                        <!-- Show the max role -->
+                        <p class="level-item" v-if="storeUser.role_names">
+                            <span class="icon is-small mr-2">
+                                <span class="material-icons">
+                                    security
+                                </span>
+                            </span>
+                            {{ storeUser.role_names }}
+                        </p>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>