lesli_admin 0.2.0 → 0.4.0

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

@@ -1,207 +0,0 @@
-<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 "LesliAdmin/stores/users"
-
-
-// · initialize/inject plugins
-const router = useRouter()
-const msg = inject("msg")
-const url = inject("url")
-
-
-// · implement stores
-const storeUsers = useUsers()
-
-
-// · translations
-const translations = {
-    core: {
-        roles: I18n.t("core.roles"),
-        users: {
-            view_text_title_users: i18n.t('lesli_admin.users.title_users')
-        },
-        shared: I18n.t("core.shared")
-    }
-}
-
-
-// ·
-const columns = [{
-    field: "id",
-    label: "ID",
-    sort: true
-}, {
-    field: "name",
-    label: translations.core.users.view_table_header_name,
-    sort: true
-}, {
-    field: "email",
-    label: translations.core.users.view_table_header_email,
-    sort: true
-}, {
-    field: "rolenames",
-    label: translations.core.users.view_table_header_role,
-    sort: true
-}, {
-    field: "active",
-    label: translations.core.users.view_table_header_status,
-    sort: true,
-    custom: true
-}, {
-    field: "current_sign_in_at_string",
-    label: translations.core.users.view_table_header_last_sign_in,
-    sort: true
-}, {
-    field: "last_action_performed_at_string",
-    label: translations.core.users.view_text_last_activity_at,
-    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()
-    i18n.t("lesli_admin.users.title_users")
-})
-
-
-//
-function showUser(user) {
-    router.push(url.root(props.appMountPath+`/${user.id}`).s)
-}
-</script>
-<template>
-    <lesli-application-container>
-        <lesli-header :title="translations.core.users.view_text_title_users + ' (' +storeUsers.index.pagination.total+ ')' ">
-            <lesli-button icon="add" :to="url.root(props.appMountPath+`/new`)">
-                {{ translations.core.users.view_text_add_user }}
-            </lesli-button>
-            <lesli-button
-                icon="refresh"
-                :loading="storeUsers.loading"
-                @click="storeUsers.getUsers()">
-                {{ translations.core.shared.view_text_btn_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.admin('users/:id', user.id)"
-            @paginate="storeUsers.paginateIndex"
-            @sort="storeUsers.sortIndex">
-
-            <template #active="{ value }">
-                <span class="tag is-success" v-if="value">
-                    {{ translations.core.shared.view_text_active }}
-                </span>
-                <span class="tag is-warning" v-if="!value">
-                    {{ translations.core.shared.view_text_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

@@ -1,181 +0,0 @@
-<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 "LesliAdmin/stores/users"
-import { useRoles } from "LesliAdmin/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

@@ -1,116 +0,0 @@
-<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 "Lesli/stores/user"
-
-
-// · implement stores
-const storeUser = useUser()
-const router = useRouter()
-const route = useRoute()
-
-
-// · import profile components
-import informationCard from "LesliAdmin/apps/users/components/information-card.vue"
-import informationForm from "LesliAdmin/apps/users/components/information-form.vue"
-/*
-import informationForm from "CloudAdmin/apps/users/components/information-form.vue"
-
-import managementRoles from "CloudAdmin/apps/users/components/management-roles.vue"
-import managementSession from "CloudAdmin/apps/users/components/management-sessions.vue"
-import managementSecurity from "CloudAdmin/apps/users/components/management-security.vue"
-import managementSettings from "CloudAdmin/apps/users/components/management-settings.vue"
-*/
-
-
-
-
-// · translations
-const translations = {
-    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()
-    storeUser.getUser(route.params?.id)
-})
-</script>
-<template>
-    <lesli-application-container>
-        <information-card></information-card>
-        <lesli-tabs v-model="tab">
-            <lesli-tab-item icon="info_outline" title="Information">
-                <information-form></information-form>
-            </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="security" :title="translations.core.users.view_tab_title_roles_and_privileges">
-                <management-roles></management-roles>
-            </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/users.js

@@ -1,150 +0,0 @@
-/*
-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 { defineStore } from "pinia"
-
-// · translations
-const translations = {
-    core: {
-        roles: I18n.t("core.roles"),
-        users: I18n.t("core.users"),
-        shared: I18n.t("core.shared")
-    }
-}
-
-// · 
-export const useUsers = defineStore("administration.users", {
-    state: () => {
-        return {
-            loading: false,
-            search: "",
-            list: [],
-            order: {
-                column: "id",
-                direction: "desc"
-            },
-            index: { 
-                pagination: {},
-                records: []
-            },
-            filters :{
-                per_page: 15,
-                role: null,
-                status: 'active'
-            },
-            roles_options: [],
-
-            user: {
-                roles_id: null,
-                email: null,
-                first_name: null,
-                last_name: null,
-                telephone: null,
-            }
-        }
-    },
-    actions: {
-
-        search(search_string) {
-            this.index.pagination.page = 1
-            this.search_string = search_string
-            this.loading = true
-            this.getUsers()
-        },
-
-        paginateIndex(page) {
-            this.index.pagination.page = page
-            this.getUsers()
-        },
-
-        sortIndex(column, direction) {
-            this.order.column = column
-            this.order.direction = direction
-            this.getUsers()
-        },
-
-        fetchUsers() {
-
-            if (!this.index.pagination?.results > 0) {
-                this.loading = true
-                this.getUsers()
-            }
-
-        },
-
-        getUsers() {
-            
-            const query_filters = {}
-
-            //Format filters to send them in the query string
-            for (const [key, value] of Object.entries(this.filters)) {
-                //query_filters[key] = [value]
-            }
-
-            this.http.get(
-                this.url
-                .lesli("users")
-                .search(this.search_string)
-                .paginate(this.index.pagination.page, this.filters.per_page)
-                .filter(query_filters)
-                .order(this.order.column, this.order.direction)
-            ).then(result => {
-                this.index = result
-                this.search_string=""
-            }).catch(error => {
-                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
-            }).finally(() => {
-                this.loading = false
-            })
-        },
-
-        postUsers() {
-            return this.http.post(this.url.admin("users"), {
-                user: this.user
-            })
-        },
-
-        fetchList() {
-            this.loading = true
-            return this.http.get(this.url.admin("users/list")).then(response => {
-                //this.records = response
-                this.list = response
-            }).catch(error => {
-                
-            }).finally(() => {
-                this.loading = false
-            })
-        }
-        
-    }
-})