lesli_admin 0.1.0

data/lib/vue/apps/profile/components/change-email.vue

@@ -0,0 +1,38 @@
+<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
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+
+*/
+
+</script>
+
+<template>
+</template>    

data/lib/vue/apps/profile/components/subscriptions.vue

@@ -0,0 +1,94 @@
+<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 } from "vue"
+
+
+// · import lesli stores
+import { useUser } from "LesliApp/administration/stores/user"
+
+// · implement stores
+const storeUser = useUser()
+
+const engine = ref({ label:"", value:"" })
+
+
+onMounted(() => {
+    storeUser.getSubscriptionsOptions ()
+})
+
+function selectEngine(){
+    storeUser.getSubscriptions(engine.value.value)
+
+}
+
+
+const translations = {
+    users: I18n.t("core.users"),
+    shared: I18n.t("core.shared")
+}
+
+const columns = [{
+    field: 'action',
+    label: 'action'
+}, {
+    field: 'notification_type',
+    label: 'Notification type'
+}, {
+    field: 'created_at',
+    label: 'Created at'
+}]
+
+</script>
+<template>
+
+    <div class="block">
+        <lesli-select
+            :options="storeUser.options.engines"
+            @change="selectEngine"
+            v-model="engine">
+        </lesli-select>
+    </div>
+    <lesli-table
+        :columns="columns"
+        :records="storeUser.subscriptions">
+    </lesli-table>
+
+
+    
+</template>
+    

data/lib/vue/apps/profile/show.vue

@@ -0,0 +1,141 @@
+<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, onUnmounted } from "vue"
+import { useRouter, useRoute } from 'vue-router'
+
+
+// · import lesli stores
+import { useUser } from "CloudAdmin/stores/user"
+import { useProfile } from "Lesli/shared/stores/profile"
+
+
+// · import profile components
+import informationCard from "CloudAdmin/apps/users/components/information-card.vue"
+import informationForm from "CloudAdmin/apps/users/components/information-form.vue"
+
+import managementSession from "CloudAdmin/apps/users/components/management-sessions.vue"
+import managementSecurity from "CloudAdmin/apps/users/components/management-security.vue"
+
+import integrationsInformation from "CloudAdmin/apps/users/components/integrations-information.vue"
+import settings from "CloudAdmin/apps/users/components/management-settings.vue"
+/*
+import cardInformation from "../users/components/information-card.vue"
+import formInformation from "../users/components/information-form.vue"
+import managementSession from "../users/components/management-sessions.vue"
+import integrationsInformation from "../users/components/integrations-information.vue"
+import subscriptionsComponent from "./components/subscriptions.vue"
+import settings from "../users/components/settings.vue"
+import changeEmail from "./components/change-email.vue"
+*/
+
+
+// · implement stores
+const storeUser = useUser()
+const router = useRouter()
+const route = useRoute()
+
+
+// · translations
+const translations = {
+    core: {
+        roles: I18n.t("core.roles"),
+        users: I18n.t("core.users"),
+        shared: I18n.t("core.shared")
+    }
+}
+
+
+// · 
+const tab = ref(0)
+
+
+// · 
+onMounted(() => {
+    storeUser.getUser()
+    storeUser.getOptions()
+})
+
+</script>
+<template>
+    <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">
+                <!--form-roles></form-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">
+                <!--settings></settings-->
+            </lesli-tab-item>
+        </lesli-tabs>
+    </application-component>
+    <!--
+    <section class="application-component">
+        <information-card></information-card>
+        <lesli-tabs v-if="storeUser.user.id">
+            <lesli-tab-item :title="translations.core.users.view_tab_title_information">
+                <information-form></information-form>
+            </lesli-tab-item>
+            <lesli-tab-item :title="translations.core.users.view_tab_title_subscriptions">
+                <subscriptions-component>
+                </subscriptions-component>
+            </lesli-tab-item>
+            <lesli-tab-item :title="translations.core.users.view_tab_title_security">
+                <form-security></form-security>
+            </lesli-tab-item>
+            <lesli-tab-item :title="translations.core.users.view_tab_title_session_management">
+                <management-session></management-session>
+            </lesli-tab-item>
+            <lesli-tab-item :title="translations.core.users.view_tab_title_settings">
+                <settings></settings>
+            </lesli-tab-item>
+            <lesli-tab-item :title="translations.core.users.view_tab_title_integrations">
+                <integrations-information></integrations-information>
+            </lesli-tab-item>
+        </lesli-tabs>
+    </section>
+    -->
+</template>

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

@@ -0,0 +1,119 @@
+<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 lesli stores
+import { useUser } from "LesliApp/administration/stores/user"
+
+
+// · implement stores
+const storeUser = useUser()
+
+
+// · translations
+const translations = {
+    core: {
+        users: I18n.t("core.users"),
+        shared: I18n.t("core.shared"),
+    }
+}
+
+</script>
+<template>
+    <div class="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">
+                    <p>
+                        <!-- 
+                        <strong>
+                            object_utils.translateEnum(translations.core.shared, 'column_enum_salutation', user.detail_attributes.salutation )
+                            {{ storeUser.user.detail_attributes.salutation }}
+                        </strong>
+                        -->
+                        <h5 class="title is-5 mb-0">
+                            {{ storeUser.user.first_name }}
+                            {{ storeUser.user.last_name }}
+                        </h5>
+                        <p>{{ storeUser.user.detail_attributes.title }}</p>
+                    </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">
+                            <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,180 @@
+<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 { onMounted, inject } from "vue"
+
+
+// · import lesli stores
+import { useUser } from "LesliApp/administration/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 = {
+    users: I18n.t("core.users"),
+    shared: I18n.t("core.shared")
+}
+
+</script>
+<template>
+    <form class="information" @submit.prevent="storeUser.putUser()">
+        <div class="field is-horizontal">
+            <div class="field-label">
+                <label class="label"> {{ translations.shared.view_text_salutation}} </label>
+            </div>
+            <div class="field-body">
+                <div class="field is-narrow">
+                    <div class="control">
+                        <label :for="salutation.value" class="radio" v-for="salutation in storeUser.options.salutations" :key="salutation">
+                            <input name="user_salutation" type="radio" :id="salutation.value" :value="salutation.value" v-model="storeUser.user.detail_attributes.salutation" />
+                            {{salutation.text}}
+                        </label>  
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <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="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.shared.view_text_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.shared.view_text_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.shared.view_text_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.shared.view_text_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.users.view_text_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.shared.view_btn_save }}
+                        </lesli-button>                 
+                    </div>
+                </div>
+            </div>
+        </div>
+    </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>