lesli_audit 0.3.0 → 0.5.0

data/lib/vue/application.js

@@ -30,10 +30,23 @@ Building a better future, one line of code at a time.
 */
 
 
-// · 
+// · Import Lesli builders
 import application from "Lesli/application"
+import translation from "Lesli/translation"
+
+
+// · Import engine translations
+import translations from "LesliAudit/stores/translations.json"
+
 
+// · 
 import appAnalytics from "LesliAudit/apps/analytics/index.vue"
+import appRequests from "LesliAudit/apps/requests/index.vue"
+import appUsers from "LesliAudit/apps/users/index.vue"
+
+//import appDashboardShow from "LesliAudit/apps/dashboards/show.vue"
+import appDashboardShow from "Lesli/shared/dashboards/apps/show.vue"
+import appDashboardEdit from "Lesli/shared/dashboards/apps/edit.vue"
 
 // · 
 /*
@@ -51,16 +64,50 @@ import appAccountsActivities from "CloudAudit/apps/accounts/activities.vue"
 
 import appSecuritySessions from "CloudAudit/apps/security/sessions.vue"
 import appSecurityPasswords from "CloudAudit/apps/security/passwords.vue"    
-
-import appRequests from "CloudAudit/apps/requests/index.vue"
 */
 
 
 // · 
+import componentDashboardUsers from "LesliAudit/apps/dashboards/components/users.vue"
+import componentDashboardRoles from "LesliAudit/apps/dashboards/components/roles.vue"
+
+
+// · 
+const dashboardProps = {
+    components: {
+        "audit-users": componentDashboardUsers,
+        "audit-roles": componentDashboardRoles
+    }
+}
+
+
+// · Buil Lesli translations
+translation(translations)
+
+
+// · Build a new Lesli application
 application("LesliAudit", [{
+    path: "/",
+    component: appDashboardShow, 
+    props: dashboardProps
+}, {
+    path: "/dashboard",
+    component: appDashboardShow, 
+    props: dashboardProps
+}, {
+    path: "/dashboards/:id/edit",
+    component: appDashboardEdit, 
+    props: dashboardProps
+}, {
     path: "/analytics",
     component: appAnalytics, 
     props: { engine: "audit" }
+}, {
+    path: "/requests",
+    component: appRequests
+}, {
+    path: "/users",
+    component: appUsers, 
 }
 /*{
     path: "/",
@@ -90,9 +137,6 @@ application("LesliAudit", [{
 }, {
     path: "/analytics/trends",
     component: appAnalyticsTrends
-}, {
-    path: "/requests",
-    component: appRequests
 }, {
     path: "/security/sessions",
     component: appSecuritySessions

data/lib/vue/apps/dashboards/components/roles.vue

@@ -0,0 +1,71 @@
+<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 { onMounted } from "vue"
+
+
+// · 
+import { useUsers } from "Lesli/stores/users"
+
+
+// · 
+const storeUsers = useUsers()
+
+
+// · 
+const props = defineProps({
+    component: {
+        type: Object,
+        required: true
+    }
+})
+
+
+// · 
+onMounted(() => {
+    storeUsers.getUsersList()
+})
+
+</script>
+<template>
+    <lesli-card>    
+        <h6 class="title is-6 mb-4">{{ props.component.name }}</h6>
+        <p>{{ storeUsers.list.length }}</p>
+    </lesli-card>
+</template>
+<style scoped>
+    p {
+        font-size: 2rem;
+    }
+</style>

data/lib/vue/apps/dashboards/components/users.vue

@@ -0,0 +1,71 @@
+<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 { onMounted } from "vue"
+
+
+// · 
+import { useUsers } from "Lesli/stores/users"
+
+
+// · 
+const storeUsers = useUsers()
+
+
+// · 
+const props = defineProps({
+    component: {
+        type: Object,
+        required: true
+    }
+})
+
+
+// · 
+onMounted(() => {
+    storeUsers.getUsersList()
+})
+
+</script>
+<template>
+    <lesli-card>    
+        <h6 class="title is-6 mb-4">{{ props.component.name }}</h6>
+        <p>{{ storeUsers.list.length }}</p>
+    </lesli-card>
+</template>
+<style scoped>
+    p {
+        font-size: 2rem;
+    }
+</style>

data/lib/vue/apps/dashboards/show.vue

@@ -0,0 +1,8 @@
+<script setup>
+
+import LesliDashboard from "Lesli/shared/dashboards/apps/show.vue"
+
+</script>
+<template>
+    <lesli-dashboard></lesli-dashboard>
+</template>

data/lib/vue/apps/requests/index.vue

@@ -1,18 +1,33 @@
 <script setup>
 /*
-Copyright (c) 2022, all rights reserved.
 
-All the information provided by this platform is protected by international laws related  to 
-industrial property, intellectual property, copyright and relative international laws. 
-All intellectual or industrial property rights of the code, texts, trade mark, design, 
-pictures and any other information belongs to the owner of this platform.
+Lesli
 
-Without the written permission of the owner, any replication, modification,
-transmission, publication is strictly forbidden.
+Copyright (c) 2023, Lesli Technologies, S. A.
 
-For more information read the license file including with this software.
+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
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
 // · 
 */
 
@@ -22,28 +37,18 @@ import { ref, reactive, onMounted, watch, computed } from "vue"
 
 
 // · import lesli stores
-import { useLogRequest } from "CloudAudit/stores/request"
+import { useRequests } from "LesliAudit/stores/request"
 
 
 // · implement stores
-const store = useLogRequest()
+const storeRequests = useRequests()
 
 
 // · define variables
 const columns = [{
     field: "id",
     label: "ID"
-}, {
-    field: "email",
-    label: "Email",
-    sort: true
-}, {
-    field: "request_agent",
-    label: "Device"
-}, {
-    field: "request_method",
-    label: "Method"
-}, {
+}, {    
     field: "request_controller",
     label: "Controller",
     sort: true
@@ -51,23 +56,20 @@ const columns = [{
     field: "request_action",
     label: "Action"
 }, {
-    field: "created_at_date",
+    field: "request_count",
+    align: "center",
+    label: "Count"
+}, {
+    field: "created_at",
     label: "Date"
 }]
 
 
 // · initializing
 onMounted(() => {
-    store.fetchLogsIfEmpty()
+    storeRequests.fetch()
 })
 
-
-function itemProjection(item){ console.log("itemprojection", item) }
-function selectItemEventHandler(item){ console.log("selectItem", item) }
-function onInputEventHandler(item){ console.log("onInput", item) }
-function onFocusEventHandler(item){ console.log("onFocus", item) }
-function onBlurEventHandler(item){ console.log("onBlur", item) }
-
 </script>
 <script>
 export default {
@@ -79,12 +81,12 @@ export default {
 }
 </script>
 <template>
-    <section class="application-component">
+    <lesli-application-container>
         <lesli-header
-            title="Users activity"
-            @reload="store.fetchLogs()">
+            title="Account requests"
+            @reload="storeRequests.fetchLogs()">
         </lesli-header>
-        <lesli-toolbar @search="store.search">
+        <lesli-toolbar @search="storeRequests.search">
             <!--
             <Autocomplete
                 id="typeahead_id"
@@ -111,13 +113,13 @@ export default {
             -->
         </lesli-toolbar>
         <lesli-table
-            @sort="store.sort"
-            @paginate="store.paginate"
-            :pagination="store.pagination"
-            :loading="store.loading"
+            @sort="storeRequests.sort"
+            @paginate="storeRequests.paginate"
+            :pagination="storeRequests.pagination"
+            :loading="storeRequests.loading"
             :columns="columns"
-            :records="store.records"
+            :records="storeRequests.records"
             @click="showUser">
         </lesli-table>
-    </section>
+    </lesli-application-container>
 </template>

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

@@ -0,0 +1,31 @@
+<script setup>
+
+</script>
+<template>
+    <lesli-application-container>
+        <lesli-columns>
+            <lesli-column>
+                <lesli-card title="Users registered">
+                    <p class="number">160</p>
+                </lesli-card>
+            </lesli-column>
+            <lesli-column>
+                <lesli-card title="Active roles">
+                    <p class="number">12</p>
+                </lesli-card>
+            </lesli-column>
+            <lesli-column>
+                <lesli-card title="Active descriptors">
+                    <p class="number">70</p>
+                </lesli-card>
+            </lesli-column>
+        </lesli-columns>
+    </lesli-application-container>
+</template>
+<style>
+.number {
+    padding: 1rem;
+    font-size: 3rem;
+    text-align: center;
+}
+</style>

data/lib/vue/components/requests.vue

@@ -46,12 +46,14 @@ const storeAnalytics = useAnalytics()
 <template>
     <div class="columns">
         <div class="column">
+            <h3>Most active users</h3>
             <lesli-table
                 :columns="storeAnalytics.users.columns"
                 :records="storeAnalytics.users.records">
             </lesli-table>
         </div>
         <div class="column">
+            <h3>Most active controllers</h3>
             <lesli-table
                 :columns="storeAnalytics.controllers.columns"
                 :records="storeAnalytics.controllers.records">

data/lib/vue/components/visitors.vue

@@ -36,7 +36,7 @@ import { ref, reactive, onMounted, watch, computed } from "vue"
 
 
 // · import Lesli components
-import { lesliChartLine } from "lesli-vue/components"
+import { ChartLine } from "lesli-vue/components"
 
 
 // · import stores
@@ -67,10 +67,10 @@ watch(() => storeAnalytics.visitors.records, () => {
 </script>
 <template>
     <lesli-application-component>
-        <lesli-chart-line
+        <chart-line
             :title="'Visitors'"
             :series="series"
             :labels="labels">
-        </lesli-chart-line>
+        </chart-line>
     </lesli-application-component>
 </template>

data/lib/vue/stores/analytics.js

@@ -68,7 +68,10 @@ export const useAnalytics = defineStore("analytics", {
         fetchVisits() {
             this.visitors.loading = true
             this.http.get(this.url.audit("analytics/visitors")).then(result => {
-                this.visitors.records = result.reverse()
+                this.visitors.records = result.map(record => {
+                    record.date = this.date(record.date).date()
+                    return record
+                }).reverse()
             }).finally(() => {
                 this.visitors.loading = false
             })

data/lib/vue/stores/request.js

@@ -21,7 +21,7 @@ import { defineStore } from "pinia"
 
 
 // · 
-export const useLogRequest = defineStore("logRequest", {
+export const useRequests = defineStore("Requests", {
     state: () => {
         return {
             date: "",
@@ -45,13 +45,13 @@ export const useLogRequest = defineStore("logRequest", {
             this.fetchLogs(this.url.audit("requests").paginate(page), false)
         },
 
-        fetchLogsIfEmpty() {
+        fetch() {
             if (this.records.length <= 0) {
-                this.fetchLogs()
+                this.getRequests()
             }
         },
 
-        fetchLogs(url=this.url.audit("requests"), loading=true) {
+        getRequests(url=this.url.audit("requests"), loading=true) {
 
             this.loading = loading
 

data/lib/vue/stores/translations.json

@@ -1,37 +1,47 @@
 {
   "en": {
     "lesli": {
-      "shared": {
-        "title_lesli": ":lesli.shared.title_lesli:"
+      "application": {
+        "navigation_logout": "Logout",
+        "navigation_my_profile": "My profile"
       },
-      "users": {
-        "title_users": "Users"
-      }
-    },
-    "lesli_audit": {
       "shared": {
-        "title_lesli": ":lesli.shared.title_lesli:"
-      },
-      "users": {
-        "title_users": "Users"
+        "button_add_new": "Add new",
+        "button_delete": "Delete",
+        "button_edit": "Edit",
+        "button_list": "List",
+        "button_reload": "Reload",
+        "button_save": "Save",
+        "button_settings": "Settings",
+        "button_show": "Show",
+        "view_discussions": "Discussions",
+        "view_files": "Files",
+        "view_quick_actions": "Quick actions",
+        "view_status_active": "Active",
+        "view_status_inactive": "Inactive"
       }
     }
   },
   "es": {
     "lesli": {
-      "shared": {
-        "title_lesli": "Lesli en español "
+      "application": {
+        "navigation_logout": "Cerrar sesión",
+        "navigation_my_profile": "Mi perfil"
       },
-      "users": {
-        "title_users": "Usuarios"
-      }
-    },
-    "lesli_audit": {
       "shared": {
-        "title_lesli": "Lesli en español "
-      },
-      "users": {
-        "title_users": "Usuarios"
+        "button_add_new": "Agregar nuevo",
+        "button_delete": "Eliminar",
+        "button_edit": "Editar",
+        "button_list": "Lista",
+        "button_reload": "Recargar",
+        "button_save": "Guardar",
+        "button_settings": "Configuración",
+        "button_show": "Ver",
+        "view_discussions": "Discusiones",
+        "view_files": "Archivos",
+        "view_quick_actions": "Acciones rapidas",
+        "view_status_active": "Activo",
+        "view_status_inactive": "Inactivo"
       }
     }
   }

data/readme.md

@@ -1,12 +1,12 @@
 <p align="center">
-	<img width="90" alt="LesliCloud logo" src="./app/assets/images/lesli_admin/admin-logo.svg" />
+	<img width="90" alt="LesliCloud logo" src="./app/assets/images/lesli_audit/audit-logo.svg" />
     <h3 align="center">Administration area for the Lesli Framework.</h3>
 </p>
 
 <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">
+        <a target="blank" href="https://rubygems.org/gems/lesli_audit">
+            <img src="https://badge.fury.io/rb/lesli_audit.svg" alt="Gem Version" height="22">
         </a>
     </p>
 <hr/>
@@ -14,8 +14,8 @@
 ### Quick start
 
 ```shell
-# Add LesliAdmin engine
-bundle add lesli_admin
+# Add LesliAudit engine
+bundle add lesli_audit
 ```
 
 ```shell
@@ -24,20 +24,20 @@ rake lesli:db:setup
 ```
 
 ```ruby
-# Load LesliAdmin
+# Load LesliAudit
 Rails.application.routes.draw do
-    mount LesliAdmin::Engine => "/admin"
+    mount LesliAudit::Engine => "/audit"
 end
 ```
 
 
 ### Documentation
-* [Roadmap](./docs/roadmap.md)
+* [website](https://www.lesli.dev/audit/)
 * [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)