lesli_admin 0.2.0 → 0.3.0

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,7 +39,7 @@ import { useRouter, useRoute } from 'vue-router'
 
 
 // · import lesli stores
-import { useUser } from "Lesli/stores/user"
+import { useUser } from "LesliAdmin/stores/user"
 
 
 // · implement stores
@@ -48,9 +47,10 @@ const storeUser = useUser()
 const router = useRouter()
 const route = useRoute()
 
-// · import profile components
 
+// · 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"
 
@@ -88,15 +88,19 @@ const tab = ref(0)
 
 // · 
 onMounted(() => {
-    //storeUser.getUser()
+    storeUser.getUser()
     //storeUser.getOptions()
 })
 
 </script>
 <template>
     <lesli-application-container>
-        {{ storeProfile.profile }}
         <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>

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

@@ -117,7 +117,6 @@ const props = defineProps({
 // · initializing
 onMounted(() => {
     storeUsers.fetchUsers()
-    i18n.t("lesli_admin.users.title_users")
 })
 
 

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

@@ -37,7 +37,7 @@ import { useRouter, useRoute } from 'vue-router'
 
 
 // · import lesli stores
-import { useUser } from "Lesli/stores/user"
+import { useUser } from "LesliAdmin/stores/user"
 
 
 // · implement stores

data/lib/vue/stores/translations.json

@@ -1,20 +1,38 @@
 {
   "en": {
-    "dashboards": {
-      "button_my": "My button in my dashboard",
-      "column_prueba_de_calendario": "my calendar"
+    "lesli": {
+      "shared": {
+        "title_lesli": ":lesli.shared.title_lesli:"
+      },
+      "users": {
+        "title_users": "Users"
+      }
     },
-    "users": {
-      "title_users": "Users"
+    "lesli_admin": {
+      "shared": {
+        "title_lesli": ":lesli.shared.title_lesli:"
+      },
+      "users": {
+        "title_users": "Users"
+      }
     }
   },
   "es": {
-    "dashboards": {
-      "button_my": "Mi boton en mi dashboard",
-      "column_prueba_de_calendario": ":lesli_driver.dashboards.column_prueba_de_calendario:"
+    "lesli": {
+      "shared": {
+        "title_lesli": "Lesli en español "
+      },
+      "users": {
+        "title_users": "Usuarios"
+      }
     },
-    "users": {
-      "title_users": "Usuarios"
+    "lesli_admin": {
+      "shared": {
+        "title_lesli": "Lesli en español "
+      },
+      "users": {
+        "title_users": "Usuarios"
+      }
     }
   }
 }

data/lib/vue/stores/user.js

@@ -0,0 +1,331 @@
+/*
+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"
+
+
+// · 
+export const useUser = defineStore("lesli.user", {
+    state: () => {
+        return {
+            options: {
+                regions: [],
+                locales: [],
+                salutations: [],
+                mfa_methods: []
+            },
+            user: {
+                roles_id: null,
+                email: null,
+                alias: null,
+                first_name: null,
+                last_name: null,
+                telephone: null,
+                detail_attributes: {
+                    salutation: null,
+                    title: null,
+                }
+            },
+            roles: [],
+            sessions: {
+                pagination: {},
+                records: []
+            },
+            options: {
+                salutations: [],
+                locales: []
+            }
+        }
+    },
+    getters: {
+        initials() {
+            let initials = ""
+            if (this.user?.first_name) initials += this.user?.first_name[0];
+            if (this.user?.last_name) initials += this.user?.last_name[0];
+            return initials.toUpperCase()
+        }
+    },
+    actions: {
+
+        getOptions() {
+            this.http.get(this.url.lesli("users/options")).then(result => {
+                this.options = result
+            })
+        },
+
+        getUser(id=null) {
+
+            let url = this.url.admin("profile")
+
+            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 = ""
+                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
+            })
+        },
+
+        putUser() {
+            this.http.put(this.url.lesli("users/:id", this.user.id), {
+                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 => {
+                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
+            })
+        },
+
+        deleteUser() {
+            this.dialog.confirmation({
+                title: "Delete user",
+                text: "Are you sure you want to delete user?",
+                confirmText: "Yes",
+                cancelText: "No"
+            })
+            .then(({ isConfirmed }) => {
+                if (isConfirmed) {
+                    this.http.delete(this.url.lesli("/users/:id", this.user.id)).then(result => {
+                        this.msg.success(I18n.t("core.users.messages_success_operation"))
+                        //this.url.go("/administration/users")
+                    }).catch(error => {
+                        this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))                        
+                    })
+                }
+            })
+        },
+
+        getRoles() {
+            this.http.get(this.url.lesli("users/:id/roles", this.user.id)).then(result => {
+                this.roles = result
+            }).catch(error => {
+                console.log(error)
+            })
+        },
+
+        postRole(role) {
+            this.http.post(this.url.lesli('users/:id/roles', this.user.id), {
+                user_role: {
+                    id: role.id
+                }
+            }).then(result => {
+                this.msg.success(I18n.t("core.users.messages_success_operation"))
+            }).catch(error => {
+                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
+            })
+        },
+
+        deleteRole(role) {
+            this.http.delete(this.url.lesli('users/:user_id/roles/:role_id', {
+                user_id: this.user.id, 
+                role_id: role.id
+            })).then(result => {
+                this.msg.success(I18n.t("core.users.messages_success_operation"))
+            }).catch(error => {
+                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
+            })
+        },
+
+        doRequestPassword() {
+            this.http.post(this.url.lesli("users/:id/requestpassword", this.user.id)).then(result => {
+                this.msg.success(I18n.t("core.users.messages_success_operation"))
+            }).catch(error => {
+                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
+            })
+        },
+
+        doPasswordReset() {
+            this.http.post(this.url.lesli("users/:id/passwordreset", this.user.id)).then(result => {
+                this.msg.success(I18n.t("core.users.messages_success_operation"))
+            }).catch(error => {
+                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
+            })
+        },
+
+        doLogout() {
+            this.http.post(this.url.lesli("users/:id/logout", this.user.id)).then(result => {
+                this.msg.success(I18n.t("core.users.messages_success_operation"))
+            }).catch(error => {
+                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
+            })
+        },
+
+        doRevokeAccess() {
+            this.http.post(this.url.lesli("users/:id/revokeaccess", this.user.id)).then(result => {
+                this.msg.success(I18n.t("core.users.messages_success_operation"))
+            }).catch(error => {
+                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
+            })
+        },
+
+        fetchSessions() {
+            if (!this.sessions.length > 0) {
+                this.getSessions()
+            }
+        },
+        
+        getSessions() {
+            this.http.get(this.url.lesli("users/:id/sessions", this.user.id )).then(result => {                
+                this.sessions.pagination = result.pagination
+                this.sessions.records = result.records
+            }).catch(error => {
+                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
+            }).finally(() => {
+                this.loading = false
+            })
+        },
+
+        deleteSession(user_session_id){
+            this.dialog.confirmation({
+                title: "Close session",
+                text: 'Are you sure you want to close this session',
+                confirmText: "Yes",
+                cancelText: "No"
+            })
+            .then(({ isConfirmed }) => {
+                if (isConfirmed) {
+                    this.http.delete(this.url.lesli("users/:id/sessions/:session_id", { 
+                        id: this.user.id, 
+                        session_id: user_session_id
+                    })).then(result => {
+                        this.msg.success(I18n.t("core.users.messages_success_operation"))
+                    }).catch(error => {
+                        this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
+                    })
+                    this.fetchSessions()
+                }
+            })
+        },
+
+        postLanguage() {
+            this.http.post(this.url.lesli('users/:id/settings', this.user.id), {
+                user_setting: {
+                    name: 'locale', 
+                    value: this.user.locale.value
+                }
+            }).then(result => {
+                this.msg.success(I18n.t("core.users.messages_success_operation"))
+                // TODO: Only if current_user changed his own language
+                // reload the page so the user can work with the new language
+                // setTimeout(() => window.location.reload(), 1000)
+            }).catch(error => {
+                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))                        
+            })
+        },
+
+        getOptions() {
+            this.http.get(this.url.lesli("users/options")).then(result => {
+                this.options.salutations = result.salutations
+        
+                this.options.locales = Object.keys(result.locales).map(key => {
+                    return {label: result.locales[key], value: key}
+                })
+            }).catch(error => {
+                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
+            })
+        },
+    }
+})
+
+
+
+
+/*
+
+
+
+updatePassword() {
+    this.http.put("/", {
+        user: {
+            password: this.user.password,
+            password_confirmation: this.user.password_confirmation
+        }
+    }).then(result => {
+        this.msg.success(I18n.t("core.users.messages_success_operation"))
+        this.user.password = ""
+        this.user.password_confirmation = ""
+    }).catch(error => {
+        this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))
+    })
+},
+
+//  This action is used to change the user status active or inactive
+putUserStatus(){
+    this.dialog.confirmation({
+        title: "Change status",
+        text: "Are you sure you want to change the status of this user?",
+        confirmText: "Yes",
+        cancelText: "No"
+    })
+    .then(({ isConfirmed }) => {
+        if (isConfirmed) {
+            this.http.patch(this.url.lesli('users/:id', this.user.id), {
+                user: {
+                    active: this.user.active
+                }
+            }).then(result => {
+                this.msg.success(I18n.t("core.users.messages_success_operation"))
+            }) .catch(error => {
+                this.msg.danger(I18n.t("core.shared.messages_danger_internal_error"))                        
+            })
+        } else {
+            this.user.active = !this.user.active
+        }
+    })
+},
+
+*/

data/lib/vue/stores/users.js

@@ -113,7 +113,7 @@ export const useUsers = defineStore("administration.users", {
 
             this.http.get(
                 this.url
-                .lesli("users")
+                .admin("users")
                 .search(this.search_string)
                 .paginate(this.index.pagination.page, this.filters.per_page)
                 .filter(query_filters)
@@ -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

@@ -6,7 +6,7 @@
 <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="18">
+            <img src="https://badge.fury.io/rb/lesli_admin.svg" alt="Gem Version" height="24">
         </a>
     </p>
 <hr/>
@@ -32,12 +32,12 @@ end
 
 
 ### Documentation
-* [Roadmap](./docs/roadmap.md)
+* [website](https://www.lesli.dev/admin/)
 * [database](./docs/database.md)
 * [documentation](https://www.lesli.dev/documentation/)
 
 
-### Get in touch
+### Get in touch with Lesli
 
 * [Website: https://www.lesli.tech](https://www.lesli.tech)
 * [Email: hello@lesli.tech](hello@lesli.tech)

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: lesli_admin
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.3.0
 platform: ruby
 authors:
 - The Lesli Development Team
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-10-09 00:00:00.000000000 Z
+date: 2023-11-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -24,6 +24,20 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: 7.0.6
+- !ruby/object:Gem::Dependency
+  name: lesli
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '5'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '5'
 description: Administration area for the Lesli Framework
 email:
 - hello@lesli.tech
@@ -35,7 +49,6 @@ files:
 - app/assets/config/lesli_admin_manifest.js
 - app/assets/images/lesli_admin/admin-logo.svg
 - app/assets/javascripts/lesli_admin/application.js
-- app/assets/javascripts/lesli_admin/translations.js
 - app/assets/stylesheets/lesli_admin/application.scss
 - app/assets/stylesheets/lesli_admin/users.scss
 - app/controllers/lesli_admin/accounts_controller.rb
@@ -50,6 +63,7 @@ files:
 - app/mailers/lesli_admin/application_mailer.rb
 - app/models/lesli_admin/account.rb
 - app/models/lesli_admin/application_record.rb
+- app/services/lesli_admin/user_service.rb
 - app/views/layouts/lesli_admin/application.html.erb
 - app/views/lesli_admin/accounts/_account.html.erb
 - app/views/lesli_admin/accounts/_form.html.erb
@@ -64,9 +78,6 @@ files:
 - app/views/lesli_admin/dashboards/new.html.erb
 - app/views/lesli_admin/dashboards/show.html.erb
 - app/views/lesli_admin/partials/_engine-navigation.html.erb
-- app/views/lesli_admin/profiles/edit.html.erb
-- app/views/lesli_admin/profiles/index.html.erb
-- app/views/lesli_admin/profiles/new.html.erb
 - app/views/lesli_admin/profiles/show.html.erb
 - app/views/lesli_admin/users/edit.html.erb
 - app/views/lesli_admin/users/index.html.erb
@@ -75,6 +86,7 @@ files:
 - config/locales/translations.en.yml
 - config/locales/translations.es.yml
 - config/routes.rb
+- db/migrate/0101000110_create_lesli_admin_accounts.rb
 - lib/lesli_admin.rb
 - lib/lesli_admin/engine.rb
 - lib/lesli_admin/version.rb
@@ -101,6 +113,7 @@ files:
 - lib/vue/stores/account_settings.js
 - lib/vue/stores/roles.js
 - lib/vue/stores/translations.json
+- lib/vue/stores/user.js
 - lib/vue/stores/users.js
 - readme.md
 homepage: https://www.lesli.dev/