lesli_security 0.3.0

data/lib/vue/apps/users/index.vue

@@ -0,0 +1,207 @@
+<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 { useUsers } from "LesliSecurity/vue/stores/users"
+
+
+// · initialize/inject plugins
+const router = useRouter()
+const msg = inject("msg")
+const url = inject("url")
+
+
+// · implement stores
+const storeUsers = useUsers()
+
+
+// · translations
+const translations = {
+    lesli: {
+        shared: i18n.t("lesli.shared")
+    },
+    guard: {
+        users: i18n.t("lesli_security.users")
+    },
+    core: {
+        users: {},
+        roles: {},
+        shared: {}
+    },
+    
+}
+
+
+// ·
+const columns = [{
+    field: "id",
+    label: "ID",
+    sort: true
+}, {
+    field: "name",
+    label: translations.guard.users.table_header_name,
+    sort: true
+}, {
+    field: "email",
+    label: translations.guard.users.table_header_email,
+    sort: true
+}, {
+    field: "rolenames",
+    label: translations.guard.users.table_header_roles,
+    sort: true
+}, {
+    field: "active",
+    label: translations.guard.users.table_header_status,
+    sort: true,
+    custom: true
+}, {
+    field: "current_sign_in_at_string",
+    label: translations.guard.users.table_header_last_sign_in,
+    sort: true
+}]
+
+
+// ·
+const selection = ref()
+
+
+// · defining props
+const props = defineProps({
+    appMountPath: {
+        type: String,
+        required: false,
+        default: "lesli/users",
+    },
+    defaultRole: {
+        type: String,
+        required: false,
+        default: "",
+    }
+})
+
+
+// · initializing
+onMounted(() => {
+    storeUsers.fetchUsers()
+})
+
+
+//
+function showUser(user) {
+    router.push(url.root(props.appMountPath+`/${user.id}`).s)
+}
+</script>
+<template>
+    <lesli-application-container>
+        <lesli-header :title="translations.guard.users.view_title + ' (' + storeUsers.index.pagination.total + ')' ">
+            <lesli-button solid icon="add" :to="url.root(props.appMountPath+`/new`)">
+                {{ translations.lesli.shared.button_add_new }}
+            </lesli-button>
+            <lesli-button
+                icon="refresh"
+                :loading="storeUsers.loading"
+                @click="storeUsers.getUsers()">
+                {{ translations.lesli.shared.button_reload }}
+            </lesli-button>
+        </lesli-header>
+
+        <lesli-toolbar>
+        </lesli-toolbar>
+        <!--
+        <lesli-toolbar 
+            @search="storeUsers.search"
+            :search-placeholder="translations.core.users.view_toolbar_filter_placeholder_search">
+            <lesli-select :options="[{
+                    label: translations.core.users.view_toolbar_filter_placeholder_all_users,
+                    value: null
+                }, {
+                    label: translations.core.users.view_toolbar_filter_placeholder_active_users,
+                    value: 'active'
+                }, {
+                    label: translations.core.users.view_toolbar_filter_placeholder_inactive_users,
+                    value: 'inactive'
+                }]"
+                v-model="storeUsers.filters.status"
+                @change="storeUsers.fetchIndex()">
+            </lesli-select> 
+            <lesli-select :options="storeUsers.roles_options"
+                v-model="storeUsers.filters.role"
+                @change="storeUsers.fetchIndex()">
+            </lesli-select> 
+        </lesli-toolbar>
+        -->
+
+        <lesli-table
+            :loading="storeUsers.loading"
+            :columns="columns"
+            :records="storeUsers.index.records"
+            :pagination="storeUsers.index.pagination"
+            :link="(user) => url.security('users/:id', user.id)"
+            @paginate="storeUsers.paginateIndex"
+            @sort="storeUsers.sortIndex">
+
+            <template #active="{ value }">
+                <span class="tag is-success" v-if="value">
+                    {{ translations.lesli.shared.view_status_active }}
+                </span>
+                <span class="tag is-warning" v-if="!value">
+                    {{ translations.core.shared.view_status_inactive }}
+                </span>
+            </template>
+
+            <template #options="{ record, value }">
+                <a class="dropdown-item" @click="storeUsers.doLogout(record.id)">
+                    <span class="material-icons">
+                        logout
+                    </span>
+                    <span>
+                        {{ translations.core.users.view_btn_logout }}
+                    </span>
+                </a>
+                <a class="dropdown-item" @click="storeUsers.doLock(record.id)">
+                    <span class="material-icons">
+                        lock
+                    </span>
+                    <span>
+                        {{ translations.core.users.view_btn_revoke_access }}
+                    </span>
+                </a>
+            </template>
+        </lesli-table>
+    </lesli-application-container>
+</template>

data/lib/vue/apps/users/new.vue

@@ -0,0 +1,181 @@
+<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 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 { useUsers } from "LesliSecurity/vue/stores/users"
+import { useRoles } from "LesliSecurity/vue/stores/roles"
+
+
+// · implement stores
+const storeUsers = useUsers()
+const storeRoles = useRoles()
+const router = useRouter()
+const route = useRoute()
+
+
+// · implement composables
+const url = inject("url")
+const msg = inject("msg")
+
+
+// · translations
+const translations = {
+    users: I18n.t("core.users"),
+    shared: I18n.t("core.shared")
+}
+
+
+// · 
+const onCreate = () => {
+    storeUsers.postUsers().then(result => {
+        storeUsers.user = {}
+        msg.success(I18n.t("core.users.messages_success_operation"))
+        router.push(url.admin("users/:id", result.id).toString())
+    }).catch(error => {
+        msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
+    })
+}
+
+
+// · 
+onMounted(() => {
+    console.log("works")
+    storeRoles.fetchList()
+})
+</script>
+<template>
+    <lesli-application>
+        <lesli-header title="Create User">
+            <lesli-button icon="list" :to="url.admin('users')">
+                All users
+            </lesli-button>
+        </lesli-header>
+
+        <lesli-form @submit="onCreate()">
+            <p>User information</p>
+            <div class="field is-horizontal">
+                <div class="field-label is-normal">
+                    <label class="label"> 
+                        {{translations.shared.view_text_email}}
+                        <span class="is-danger">*</span>
+                    </label>
+                </div>
+                <div class="field-body">
+                    <div class="field">
+                        <div class="control">
+                            <input name="user_email" v-model="storeUsers.user.email" required="required" type="email" class="input">
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="field is-horizontal">
+                <div class="field-label is-normal">
+                    <label class="label"> 
+                        {{ translations.shared.view_text_first_name }}
+                    </label>
+                </div>
+                <div class="field-body">
+                    <div class="field">
+                        <div class="control">
+                            <input name="first_name" v-model="storeUsers.user.first_name" type="text" class="input">
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="field is-horizontal">
+                <div class="field-label is-normal">
+                    <label class="label"> {{ translations.shared.view_text_last_name }} </label>
+                </div>
+                <div class="field-body">
+                    <div class="field">
+                        <div class="control">
+                            <input name="last_name" v-model="storeUsers.user.last_name" class="input">
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="field is-horizontal">
+                <div class="field-label is-normal">
+                    <label class="label"> {{ translations.shared.view_text_telephone }} </label>
+                </div>
+                <div class="field-body">
+                    <div class="field">
+                        <div class="control">
+                            <input name="user_number" v-model="storeUsers.user.telephone" class="input">
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="field is-horizontal">
+                <div class="field-label is-normal">
+                    <label class="label"> {{ translations.users.view_text_role }} </label>
+                </div>
+                <div class="field-body">
+                    <div class="field is-narrow">
+                        <div class="control">
+                            <div class="select is-fullwidth">
+                                <lesli-select
+                                    :options="storeRoles.listOptions"
+                                    v-model="storeUsers.user.roles_id">
+                                </lesli-select>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="field is-horizontal">
+                <div class="field-label is-normal">
+                </div>
+                <div class="field-body">
+                    <div class="field">
+                        <div class="control">
+                            <lesli-button icon="save">
+                                {{ translations.shared.view_btn_save }}
+                            </lesli-button>                 
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </lesli-form>
+    </lesli-application>
+</template>

data/lib/vue/apps/users/show.vue

@@ -0,0 +1,131 @@
+<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, onMounted } from "vue"
+import { useRouter, useRoute } from 'vue-router'
+
+
+// · import lesli stores
+import { useUser } from "LesliSecurity/vue/stores/user"
+
+
+// · implement stores
+const storeUser = useUser()
+const router = useRouter()
+const route = useRoute()
+
+
+// · import profile components
+import informationCard from "LesliSecurity/vue/apps/users/components/information-card.vue"
+import informationForm from "LesliSecurity/vue/apps/users/components/information-form.vue"
+import managementRoles from "LesliSecurity/vue/apps/users/components/management-roles.vue"
+import managementSession from "LesliSecurity/vue/apps/users/components/management-sessions.vue"
+import managementSettings from "LesliSecurity/vue/apps/users/components/management-settings.vue"
+import managementSecurity from "LesliSecurity/vue/apps/users/components/management-security.vue"
+
+
+// · translations
+const translations = {
+    guard: {
+        users: i18n.t("lesli_security.users")
+    },
+    core: {
+        roles: I18n.t("core.roles"),
+        users: I18n.t("core.users"),
+        shared: I18n.t("core.shared")
+    }
+}
+
+
+// · 
+const tab = ref(0)
+
+
+// · initializing
+onMounted(() => {
+    // storeUser.$reset()
+    // storeUser.getOptions()
+    if (route.params?.id) {
+        storeUser.getUser(route.params?.id)
+    } else {
+        storeUser.getUser(lesli.current_user.id)   
+    }
+})
+</script>
+<template>
+    <lesli-application-container>
+        <information-card></information-card>
+        <lesli-tabs v-model="tab">
+            <lesli-tab-item icon="info_outline" :title="translations.guard.users.tab_information">
+                <information-form></information-form>
+            </lesli-tab-item>
+
+            <lesli-tab-item icon="security" :title="translations.guard.users.tab_roles_and_privileges">
+                <management-roles></management-roles>
+            </lesli-tab-item>
+
+            <lesli-tab-item icon="lock_outline" :title="translations.guard.users.tab_security">
+                <management-security></management-security>
+            </lesli-tab-item>
+
+            <lesli-tab-item icon="devices" :title="translations.guard.users.tab_sessions">
+                <management-session></management-session>
+            </lesli-tab-item>
+
+            <lesli-tab-item icon="settings" :title="translations.guard.users.tab_settings">
+                <management-settings></management-settings>
+            </lesli-tab-item>
+        </lesli-tabs>
+    </lesli-application-container>
+    <!--
+    <application-component>
+        <information-card></information-card>
+        <lesli-tabs v-model="tab" v-if="storeUser.user.id">
+            <lesli-tab-item icon="info_outline" :title="translations.core.users.view_tab_title_information">
+                <information-form></information-form>
+            </lesli-tab-item>
+            
+            <lesli-tab-item icon="lock_outline" :title="translations.core.users.view_tab_title_security || 'Security'">
+                <management-security></management-security>
+            </lesli-tab-item>
+            <lesli-tab-item icon="devices" :title="translations.core.users.view_tab_title_session || 'Sessions'" paddingless>
+                <management-session></management-session>
+            </lesli-tab-item>
+            <lesli-tab-item icon="settings" :title="translations.core.users.view_tab_title_settings">
+                <management-settings></management-settings>
+            </lesli-tab-item>
+        </lesli-tabs>
+    </application-component>
+    -->
+</template>

data/lib/vue/stores/descriptor.js

@@ -0,0 +1,117 @@
+/*
+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 { defineStore } from "pinia"
+
+
+// · 
+export const useDescriptor = defineStore("guard.descriptor", {
+    state: () => {
+        return {
+            descriptor: {
+                loading: false,
+                payload: {
+                    name: ""
+                }
+            },
+            privileges: [],
+            privilegesLoading: false
+        }
+    },
+    actions: {
+
+        getDescriptor(id) {
+            this.http.get(this.url.security("descriptors/:id", id)).then(result => {
+                this.descriptor = result
+                this.getDescriptorPrivileges()
+            }).catch(error => {
+                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
+            }).finally(() => {
+                
+            })
+        },
+
+        resetDescriptor() {
+        },
+
+        postDescriptor() {
+            this.loading = true
+            this.http.post(this.url.security("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() {
+            this.privilegesLoading = true
+            this.http.get(this.url.security("descriptors/:id/privileges", this.descriptor.id)).then(result => {
+                this.privileges = result
+            }).catch(error => {
+                console.log(error)
+            }).finally(() => {
+                this.privilegesLoading = false
+            })
+        },
+
+        // Add privilege to descriptor
+        postDescriptorPrivilege(action) {
+            this.http.post(this.url.security("descriptors/:id/privileges", this.descriptor.id), {
+                descriptor_privilege: {
+                    action_id: action
+                }
+            }).then(result => {
+                console.log(result)
+            }).catch(error => {
+                console.log(error)
+            })
+        },
+
+        // Add privilege to descriptor
+        deleteDescriptorPrivilege(action) {
+            this.http.delete(this.url.security("descriptors/:descriptorId/privileges/:descriptorPrivilegeId", {
+                descriptorId: this.descriptor.id,
+                descriptorPrivilegeId: action
+            })).then(result => {
+                console.log(result)
+            }).catch(error => {
+                console.log(error)
+            })
+        }
+    }
+})