lesli_guard 0.2.0

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-button icon="list" :to="url.guard('roles')">
+                All roles
+            </lesli-button>
+            <lesli-link main warning icon="edit" :to="url.guard('roles/:id/edit', route.params.id)">
+                Edit role
+            </lesli-link>
+        </lesli-header>
+        <componentFormRole :editable="false"></componentFormRole>
+    </lesli-application-container>
+</template>

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

@@ -0,0 +1,107 @@
+<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 "LesliGuard/stores/user"
+
+
+// · implement stores
+const storeUser = useUser()
+
+
+// · translations
+const translations = {
+    guard: {
+        users: i18n.t("lesli_guard.users")
+    }
+}
+
+</script>
+<template>
+    <div class="user-information-card mb-5">
+        <div class="media is-align-items-center">
+            <div class="media-left">
+                <figure class="image is-128x128">
+                    <span class="alternative-avatar">
+                         {{ storeUser.initials }}
+                    </span>
+                </figure>
+            </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>

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

@@ -0,0 +1,176 @@
+<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 lesli stores
+import { useUser } from "LesliGuard/stores/user"
+
+
+// · import vue router composable
+import { useRouter, useRoute } from "vue-router"
+
+
+// · implement stores
+const storeUser = useUser()
+
+
+// · initialize/inject plugins
+const router = useRouter()
+const route = useRoute()
+const url = inject("url")
+
+
+// · 
+const translations = {
+    guard: {
+        users: i18n.t("lesli_guard.users")
+    },
+    lesli: {
+        shared: i18n.t("lesli.shared")
+    },
+    users: I18n.t("core.users"),
+    shared: I18n.t("core.shared")
+}
+
+</script>
+<template>
+    <lesli-form flat @submit="storeUser.putUser()">
+
+        <div class="field is-horizontal">
+            <div class="field-label is-normal">
+                <label class="label"> 
+                    {{ translations.guard.users.column_email }}
+                    <span class="is-danger">*</span>
+                </label>
+            </div>
+            <div class="field-body">
+                <div class="field">
+                    <div class="control">
+                        <input name="user_email" v-model="storeUser.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.guard.users.column_first_name }}
+                </label>
+            </div>
+            <div class="field-body">
+                <div class="field">
+                    <div class="control">
+                        <input name="first_name" v-model="storeUser.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.guard.users.column_last_name }}
+                </label>
+            </div>
+            <div class="field-body">
+                <div class="field">
+                    <div class="control">
+                        <input name="last_name" v-model="storeUser.user.last_name" class="input">
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="field is-horizontal">
+            <div class="field-label is-normal">
+                <label class="label">
+                    {{ translations.guard.users.column_alias }}
+                </label>
+            </div>
+            <div class="field-body">
+                <div class="field">
+                    <div class="control">
+                        <input name="user_alias" v-model="storeUser.user.alias" class="input">
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="field is-horizontal">
+            <div class="field-label is-normal">
+                <label class="label">
+                    {{ translations.guard.users.column_telephone }}
+                </label>
+            </div>
+            <div class="field-body">
+                <div class="field">
+                    <div class="control">
+                        <input name="user_number" v-model="storeUser.user.telephone" class="input">
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <div class="field is-horizontal">
+            <div class="field-label is-normal">
+                <label class="label">
+                    {{ translations.guard.users.column_title }}
+                </label>
+            </div>
+            <div class="field-body">
+                <div class="field">
+                    <div class="control">
+                        <input name="user_title" v-model="storeUser.user.detail_attributes.title" class="input">
+                    </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.lesli.shared.button_save }}
+                        </lesli-button>                 
+                    </div>
+                </div>
+            </div>
+        </div>
+    </lesli-form>
+</template>

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

@@ -0,0 +1,61 @@
+<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 { useProfile } from "Lesli/shared/stores/profile"
+
+const storeProfile = useProfile()
+
+const translations = {
+    core: {
+        roles: I18n.t("core.roles"),
+        users: I18n.t("core.users"),
+        shared: I18n.t("core.shared")
+    }
+}
+</script>
+<template>
+    <section class="application-component">
+        <div class="field is-horizontal">
+            <div class="field-label is-normal">
+                <label class="label">Google account</label>
+            </div>
+            <div class="field-body">
+                <lesli-button icon="google">
+                    <a href="/auth/google_oauth2">Connect</a>
+                </lesli-button>
+            </div>
+        </div>
+    </section>
+</template>

data/lib/vue/apps/users/components/management-roles.vue

@@ -0,0 +1,107 @@
+<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 { useUser } from "LesliGuard/stores/user"    
+import { useRoles } from "LesliGuard/stores/roles"
+
+
+// · implement stores
+const storeUser = useUser()
+const storeRoles = useRoles()
+
+
+// · 
+const translations = {
+    shared: I18n.t("core.shared"),
+    passwords: I18n.t("core.users/passwords"),
+    users: I18n.t("core.users")
+}
+
+
+// · 
+function updateRole(role){
+    if (role.active) {
+        storeUser.postRole(role)
+    } else {
+        storeUser.deleteRole(role)
+    }
+}
+
+
+// · 
+onMounted(() => {
+    storeUser.getRoles()
+})
+</script>
+<template>
+    <div class="media px-6" v-for="role in storeUser.roles">
+        <div class="media-content pt-4">
+            <h4>{{ role.name }}</h4>
+            <p style="color:#aaa;">
+                {{ role.description }}
+            </p>
+        </div>
+        <div class="media-right pt-4">
+            <lesli-toggle v-model="role.active" @change="updateRole(role)">
+            </lesli-toggle>
+        </div>
+    </div>
+    <lesli-empty v-if="storeUser.roles.length == 0"></lesli-empty>
+    <!--
+    <div class="roles-types">
+        <div 
+            class="card roles-types-item p-4 is-flex is-flex-direction-column is-justify-content-space-between is-clickable" 
+            v-for="role in storeUser.options.roles"
+            :key="role">
+            <div class="role-type-title">
+                <span class="has-text-weight-semibold is-size-5 ">
+                    {{ role.name }}
+                </span>
+            </div>
+            <div>
+                <span>Permission level: {{ role.object_level_permission }} </span>
+            </div>
+            <div class="is-flex is-justify-content-space-between is-align-items-center">
+                <lesli-toggle v-model="storeUser.rolesToggle[role.id]" v-on:update:modelValue="updateRole(role,storeUser.rolesToggle[role.id])" ></lesli-toggle>
+            </div>
+        </div>
+    </div>
+    -->
+</template>

data/lib/vue/apps/users/components/management-security.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 lesli stores
+import { useUser } from "LesliGuard/stores/user"
+
+
+// · implement stores
+const storeUser = useUser()
+
+
+// · translations
+const translations = {
+    users: I18n.t("core.users"),
+    shared: I18n.t("core.shared")
+}
+
+
+</script>
+<template>
+    <div>
+        <fieldset class="mb-4">
+            <legend>Force the user to change the password</legend>
+            <lesli-button
+                icon="lock_reset"
+                @click="storeUser.doRequestPassword">
+                {{ translations.users.view_btn_request_password || "Request password" }}
+            </lesli-button>
+        </fieldset>
+
+        <fieldset class="mb-4">
+            <legend>Generate a new password for the user</legend>
+            <lesli-button
+                icon="key"
+                @click="storeUser.doPasswordReset">
+                {{ translations.users.view_btn_password_reset || "Password reset" }}
+            </lesli-button>
+        </fieldset>
+
+        <fieldset class="mb-4">
+            <legend>Close all the active sessions of the user</legend>
+            <lesli-button
+                icon="logout"
+                @click="storeUser.doLogout">
+                {{ translations.users.view_btn_logout }}
+            </lesli-button>
+        </fieldset>
+
+        <fieldset class="mb-4">
+            <legend>Remove all user access</legend>
+            <lesli-button
+                danger
+                icon="lock_outline"
+                @click="storeUser.doRevokeAccess">
+                {{ translations.users.view_btn_revoke_access }}
+            </lesli-button>
+        </fieldset>
+
+        <br><br>
+
+        <fieldset class="mb-4">
+            <legend>Delete user forever</legend>
+            <lesli-button
+                danger
+                icon="delete_forever"
+                @click="storeUser.deleteUser">
+                {{ translations.users.view_btn_delete_user }}
+            </lesli-button>
+        </fieldset>
+    </div>
+</template>
+<style scoped>
+    fieldset {
+        padding: 1.6rem;
+        border: 1px solid #ccc;
+        border-radius: 4px;
+    }
+    legend {
+        color: #555;
+    }
+</style>