lesli_admin 0.1.0 → 0.3.0

data/lib/vue/apps/account/show.vue

@@ -36,7 +36,7 @@ import { computed, onMounted } from "vue"
 
 
 // · import lesli stores
-import { useAccount } from "LesliAdmin/stores/account"
+import { useAccount } from "Lesli/stores/account"
 
 
 // · import account components
@@ -69,7 +69,7 @@ onMounted(() => {
 
 </script>
 <template>
-    <lesli-content>
+    <lesli-application-container>
         <lesli-header title="Account information">
         </lesli-header>
         <lesli-tabs v-model="tab">
@@ -77,7 +77,7 @@ onMounted(() => {
                 <form-information></form-information>
             </lesli-tab-item>
         </lesli-tabs>
-    </lesli-content>
+    </lesli-application-container>
     <!-- 
     <lesli-tab-item title="Address" icon="location_on">
         <address-form></address-form>

data/lib/vue/apps/dashboard/show.vue

@@ -1,33 +1,30 @@
 <script setup>
 
-
-import dashboardComponent from "Lesli/layouts/dashboard-component.vue"
 import { lesliChartLine } from "lesli-vue/components"
 
 </script>
 <template>
-    <lesli-application>
+    <lesli-application-container>
         <lesli-header title="Dashboard"></lesli-header>
-
         <div class="columns">
             <div class="column">
-                <lesli-content>
+                <lesli-application-component>
                     <lesli-chart-line 
                         title="My daily activity graph"
                         :series="[{ data:[4, 1, 4, 2, 5] }]"
                         :labels="['Monday','Tuesday','Wednesday', 'Thursday', 'Friday']">
                     </lesli-chart-line>
-                </lesli-content>
+                </lesli-application-component>
             </div>
             <div class="column">
-                <lesli-content>
+                <lesli-application-component>
                     <lesli-chart-line 
                         title="My daily activity graph"
                         :series="[{ name: 'Last week', data:[4, 1, 4, 2, 5] }, { name: 'Current week', data:[3, 2, 5, 4, 2] }]"
                         :labels="['Monday','Tuesday','Wednesday', 'Thursday', 'Friday']">
                     </lesli-chart-line>
-                </lesli-content>
+                </lesli-application-component>
             </div>
         </div>
-    </lesli-application>
+    </lesli-application-container>
 </template>

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

@@ -18,18 +18,17 @@ 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. 
+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://lesli.tech
+@website  https://www.lesli.tech
 @license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
 
-// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
 // · 
-
 */
 
 
@@ -40,12 +39,19 @@ import { useRouter, useRoute } from 'vue-router'
 
 
 // · import lesli stores
-import { useUser } from "CloudAdmin/stores/user"
-import { useProfile } from "Lesli/shared/stores/profile"
+import { useUser } from "LesliAdmin/stores/user"
+
+
+// · implement stores
+const storeUser = useUser()
+const router = useRouter()
+const route = useRoute()
 
 
 // · import profile components
-import informationCard from "CloudAdmin/apps/users/components/information-card.vue"
+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 managementSession from "CloudAdmin/apps/users/components/management-sessions.vue"
@@ -53,6 +59,8 @@ import managementSecurity from "CloudAdmin/apps/users/components/management-secu
 
 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"
@@ -64,12 +72,6 @@ import changeEmail from "./components/change-email.vue"
 */
 
 
-// · implement stores
-const storeUser = useUser()
-const router = useRouter()
-const route = useRoute()
-
-
 // · translations
 const translations = {
     core: {
@@ -87,19 +89,28 @@ const tab = ref(0)
 // · 
 onMounted(() => {
     storeUser.getUser()
-    storeUser.getOptions()
+    //storeUser.getOptions()
 })
 
 </script>
 <template>
-    <application-component>
+    <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>
+        
         <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 -->
+                < ! - -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>
@@ -108,11 +119,11 @@ onMounted(() => {
                 <management-session></management-session>
             </lesli-tab-item>
             <lesli-tab-item icon="settings" :title="translations.core.users.view_tab_title_settings">
-                <!--settings></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">

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

@@ -17,7 +17,7 @@ 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.
+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.
@@ -26,16 +26,13 @@ Building a better future, one line of code at a time.
 @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"
+import { useUser } from "Lesli/stores/user"
 
 
 // · implement stores
@@ -52,7 +49,7 @@ const translations = {
 
 </script>
 <template>
-    <div class="information-card mb-5">
+    <div class="user-information-card mb-5">
         <div class="media is-align-items-center">
             <div class="media-left">
                 <figure class="image is-128x128">

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

@@ -1,6 +1,5 @@
 <script setup>
 /*
-
 Lesli
 
 Copyright (c) 2023, Lesli Technologies, S. A.
@@ -18,28 +17,26 @@ 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. 
+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://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 "LesliApp/administration/stores/user"
+import { useUser } from "Lesli/stores/user"
 
 
 // · import vue router composable

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

@@ -54,7 +54,9 @@ const storeUsers = useUsers()
 const translations = {
     core: {
         roles: I18n.t("core.roles"),
-        users: I18n.t("core.users"),
+        users: {
+            view_text_title_users: i18n.t('lesli_admin.users.title_users')
+        },
         shared: I18n.t("core.shared")
     }
 }
@@ -96,6 +98,7 @@ const columns = [{
 // ·
 const selection = ref()
 
+
 // · defining props
 const props = defineProps({
     appMountPath: {
@@ -123,7 +126,7 @@ function showUser(user) {
 }
 </script>
 <template>
-    <lesli-application>
+    <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 }}
@@ -136,6 +139,8 @@ function showUser(user) {
             </lesli-button>
         </lesli-header>
 
+        <lesli-toolbar>
+        </lesli-toolbar>
         <!--
         <lesli-toolbar 
             @search="storeUsers.search"
@@ -165,7 +170,7 @@ function showUser(user) {
             :columns="columns"
             :records="storeUsers.index.records"
             :pagination="storeUsers.index.pagination"
-            :link="(user) => url.root(props.appMountPath+`/${user.id}`).s"
+            :link="(user) => url.admin('users/:id', user.id)"
             @paginate="storeUsers.paginateIndex"
             @sort="storeUsers.sortIndex">
 
@@ -197,5 +202,5 @@ function showUser(user) {
                 </a>
             </template>
         </lesli-table>
-    </lesli-application>
+    </lesli-application-container>
 </template>

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

@@ -17,7 +17,7 @@ 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.
+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.
@@ -26,7 +26,7 @@ Building a better future, one line of code at a time.
 @website  https://www.lesli.tech
 @license  GPLv3 http://www.gnu.org/licenses/gpl-3.0.en.html
 
-// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
 // · 
 */
 
@@ -37,23 +37,28 @@ import { useRouter, useRoute } from 'vue-router'
 
 
 // · import lesli stores
-import { useUser } from "CloudAdmin/stores/user"
+import { useUser } from "LesliAdmin/stores/user"
+
+
+// · implement stores
+const storeUser = useUser()
+const router = useRouter()
+const route = useRoute()
 
 
 // · import profile components
-import informationCard from "CloudAdmin/apps/users/components/information-card.vue"
+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"
+*/
 
 
-// · implement stores
-const storeUser = useUser()
-const router = useRouter()
-const route = useRoute()
 
 
 // · translations
@@ -72,12 +77,21 @@ const tab = ref(0)
 
 // · initializing
 onMounted(() => {
-    storeUser.$reset()
-    storeUser.getOptions()
+    // 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">
@@ -98,4 +112,5 @@ onMounted(() => {
             </lesli-tab-item>
         </lesli-tabs>
     </application-component>
+    -->
 </template>

data/lib/vue/stores/translations.json

@@ -0,0 +1,38 @@
+{
+  "en": {
+    "lesli": {
+      "shared": {
+        "title_lesli": ":lesli.shared.title_lesli:"
+      },
+      "users": {
+        "title_users": "Users"
+      }
+    },
+    "lesli_admin": {
+      "shared": {
+        "title_lesli": ":lesli.shared.title_lesli:"
+      },
+      "users": {
+        "title_users": "Users"
+      }
+    }
+  },
+  "es": {
+    "lesli": {
+      "shared": {
+        "title_lesli": "Lesli en español "
+      },
+      "users": {
+        "title_users": "Usuarios"
+      }
+    },
+    "lesli_admin": {
+      "shared": {
+        "title_lesli": "Lesli en español "
+      },
+      "users": {
+        "title_users": "Usuarios"
+      }
+    }
+  }
+}

data/lib/vue/stores/user.js

@@ -85,12 +85,14 @@ export const useUser = defineStore("lesli.user", {
 
         getUser(id=null) {
 
-            // get the profile by default
-            let url = this.url.lesli("profile")
+            let url = this.url.admin("profile")
 
-            // get an specifick user if id is provided
-            if (id) { url = this.url.lesli("users/:id", id) }
+            if (id !== null) {
+                console.log("aqui")
+                url = this.url.admin("users/:id", id)
+            }
 
+            // get an specifick user if id is provided
             this.http.get(url).then(result => {
                 this.user = result
                 this.user.password = ""
@@ -110,7 +112,17 @@ export const useUser = defineStore("lesli.user", {
 
         putUser() {
             this.http.put(this.url.lesli("users/:id", this.user.id), {
-                user: this.user
+                user: {
+                    active: this.user.active,
+                    alias: this.user.alias,
+                    first_name: this.user.first_name,
+                    last_name: this.user.last_name,
+                    telephone: this.user.telephone,
+                    detail_attributes: {
+                        title: this.user.detail_attributes.title,
+                        salutation: this.user.detail_attributes.salutation
+                    }
+                }
             }).then(result => {
                 this.msg.success(I18n.t("core.users.messages_success_operation"))
             }).catch(error => {

data/lib/vue/stores/users.js

@@ -128,6 +128,31 @@ export const useUsers = defineStore("administration.users", {
             })
         },
 
+        getUser(id=null) {
+
+            // get the profile by default
+            let url = this.url.lesli("profile")
+
+            // get an specifick user if id is provided
+            if (id) { url = this.url.lesli("users/:id", id) }
+
+            this.http.get(url).then(result => {
+                this.user = result
+                this.user.password = ""
+                this.user.password_confirmation = ""
+
+                this.language = result.locale ? result.locale.value : this.language
+
+                // Backend should return the list of roles ordered by object level permission
+                this.role_names = result.roles[0].name
+                
+            }).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

data/readme.md

@@ -1,28 +1,71 @@
-# LesliAdmin
-Short description and motivation.
+<p align="center">
+	<img width="90" alt="LesliCloud logo" src="./app/assets/images/lesli_admin/admin-logo.svg" />
+    <h3 align="center">Administration area for the Lesli Framework.</h3>
+</p>
 
-## Usage
-How to use my plugin.
+<hr/>
+    <p align="center">
+        <a target="blank" href="https://rubygems.org/gems/lesli_admin">
+            <img src="https://badge.fury.io/rb/lesli_admin.svg" alt="Gem Version" height="24">
+        </a>
+    </p>
+<hr/>
 
-## Installation
-Add this line to your application's Gemfile:
+### Quick start
 
-```ruby
-gem "lesli_admin"
+```shell
+# Add LesliAdmin engine
+bundle add lesli_admin
 ```
 
-And then execute:
-```bash
-$ bundle
+```shell
+# Setup database
+rake lesli:db:setup
 ```
 
-Or install it yourself as:
-```bash
-$ gem install lesli_admin
+```ruby
+# Load LesliAdmin
+Rails.application.routes.draw do
+    mount LesliAdmin::Engine => "/admin"
+end
 ```
 
-## Contributing
-Contribution directions go here.
 
-## License
-The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
+### Documentation
+* [website](https://www.lesli.dev/admin/)
+* [database](./docs/database.md)
+* [documentation](https://www.lesli.dev/documentation/)
+
+
+### Get in touch with Lesli
+
+* [Website: https://www.lesli.tech](https://www.lesli.tech)
+* [Email: hello@lesli.tech](hello@lesli.tech)
+* [Twitter: @LesliTech](https://twitter.com/LesliTech)
+
+
+### License
+-------
+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/.
+
+<hr />
+<br />
+
+<p align="center">
+    <img width="200" alt="Lesli logo" src="https://cdn.lesli.tech/lesli/brand/app-logo.svg" />
+    <h4 align="center">Ruby on Rails SaaS Development Framework.</h4>
+</p>
+