lesli_audit 0.1.0

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

@@ -0,0 +1,123 @@
+<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.
+
+Without the written permission of the owner, any replication, modification,
+transmission, publication is strictly forbidden.
+
+For more information read the license file including with this software.
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+*/
+
+
+// · import vue tools
+import { ref, reactive, onMounted, watch, computed } from "vue"
+
+
+// · import lesli stores
+import { useLogRequest } from "CloudAudit/stores/request"
+
+
+// · implement stores
+const store = useLogRequest()
+
+
+// · 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
+}, {
+    field: "request_action",
+    label: "Action"
+}, {
+    field: "created_at_date",
+    label: "Date"
+}]
+
+
+// · initializing
+onMounted(() => {
+    store.fetchLogsIfEmpty()
+})
+
+
+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 {
+    methods: {
+        showUser(user) {
+            this.url.admin("users/:id", user.id).go()
+        }
+    }
+}
+</script>
+<template>
+    <section class="application-component">
+        <lesli-header
+            title="Users activity"
+            @reload="store.fetchLogs()">
+        </lesli-header>
+        <lesli-toolbar @search="store.search">
+            <!--
+            <Autocomplete
+                id="typeahead_id"
+                placeholder="Start writing..."
+                :items="[{
+                    'id': 1,
+                    'first_name': 'Geneva',
+                    'last_name': 'Baniard',
+                    'email': 'gbaniard0@tiny.cc',
+                    'gender': 'Male',
+                    'ip_address': '173.141.4.168'
+                }]"
+                :minInputLength="1"
+                :itemProjection="
+						(item) => {
+							return item.email;
+						}
+					"
+                @selectItem="selectItemEventHandler"
+                @onInput="onInputEventHandler"
+                @onFocus="onFocusEventHandler"
+                @onBlur="onBlurEventHandler">
+            </Autocomplete>
+            -->
+        </lesli-toolbar>
+        <lesli-table
+            @sort="store.sort"
+            @paginate="store.paginate"
+            :pagination="store.pagination"
+            :loading="store.loading"
+            :columns="columns"
+            :records="store.records"
+            @click="showUser">
+        </lesli-table>
+    </section>
+</template>

data/lib/vue/apps/security/passwords.vue

@@ -0,0 +1,52 @@
+<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.
+
+Without the written permission of the owner, any replication, modification,
+transmission, publication is strictly forbidden.
+
+For more information read the license file including with this software.
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+*/
+
+
+// · import vue tools
+import { onMounted } from "vue"
+
+
+// · import lesli stores
+import { useSecurityPassword } from "CloudAudit/stores/security/password"
+
+
+// · implement lesli stores
+const store = useSecurityPassword()
+
+
+// · initializing
+onMounted(() => {
+    store.fetchIfEmpty()
+})
+
+</script>
+<template>
+    <section class="application-component">
+        <lesli-header
+            title="Restore password emails"
+            @reload="store.fetch()">
+        </lesli-header>
+        <lesli-toolbar @search="store.search"></lesli-toolbar>
+        <lesli-table
+            :pagination="store.pagination"
+            :loading="store.loading"
+            :columns="store.columns"
+            :records="store.records">
+        </lesli-table>
+    </section>
+</template>

data/lib/vue/apps/security/sessions.vue

@@ -0,0 +1,63 @@
+<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.
+
+Without the written permission of the owner, any replication, modification,
+transmission, publication is strictly forbidden.
+
+For more information read the license file including with this software.
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+*/
+
+
+// · import vue tools
+import { ref, reactive, onMounted, watch, computed } from "vue"
+
+
+// · import lesli stores
+import { useSecuritySession } from "CloudAudit/stores/security/session"
+
+
+// · implement lesli stores
+const store = useSecuritySession()
+
+
+// · initializing
+onMounted(() => {
+    store.fetchIfEmpty()
+})
+
+</script>
+<script>
+export default {
+    methods: {
+        // Method that allow to go to a user profile from the sessions table
+        showUser(user) {
+            this.url.admin("users/:id", user.id).go()
+        }
+    }
+}
+</script>
+<template>
+    <section class="application-component">
+        <lesli-header
+            title="User sessions"
+            @reload="store.fetch()">
+        </lesli-header>
+        <lesli-toolbar @search="store.search"></lesli-toolbar>
+        <lesli-table
+            :pagination="store.pagination"
+            :loading="store.loading"
+            :columns="store.columns"
+            :records="store.records"
+            @click="showUser">
+        </lesli-table>
+    </section>
+</template>

data/lib/vue/apps/users/activities.vue

@@ -0,0 +1,49 @@
+<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.
+
+Without the written permission of the owner, any replication, modification,
+transmission, publication is strictly forbidden.
+
+For more information read the license file including with this software.
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+*/
+
+
+// · import vue tools
+import { ref, reactive, onMounted, watch, computed } from "vue"
+
+
+// · import stores
+import { useUsersActivities } from "CloudAudit/stores/users/activities"
+
+
+// · implement stores
+const storeUsersActivities = useUsersActivities()
+
+
+// · initializing
+onMounted(() => {
+    storeUsersActivities.fetchIfEmpty()
+})
+
+</script>
+<template>
+    <application-component>
+        <lesli-header title="Working hours"></lesli-header>
+        <lesli-toolbar @search="storeUsersActivities.search"></lesli-toolbar>
+        <lesli-table
+            :pagination="storeUsersActivities.pagination"
+            :columns="storeUsersActivities.columns"
+            :records="storeUsersActivities.records"
+            @sort="storeUsersActivities.sort">
+        </lesli-table>
+    </application-component>
+</template>

data/lib/vue/apps/users/logs.vue

@@ -0,0 +1,49 @@
+<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.
+
+Without the written permission of the owner, any replication, modification,
+transmission, publication is strictly forbidden.
+
+For more information read the license file including with this software.
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+*/
+
+
+// · import vue tools
+import { ref, reactive, onMounted, watch, computed } from "vue"
+
+
+// · import stores
+import { useUsersLogs } from "CloudAudit/stores/users/logs"
+
+
+// · implement stores
+const storeUsersLogs = useUsersLogs()
+
+
+// · initializing
+onMounted(() => {
+    storeUsersLogs.fetchIfEmpty()
+})
+
+</script>
+<template>
+    <application-component>
+        <lesli-header title="User logs"></lesli-header>
+        <lesli-toolbar @search="storeUsersLogs.search"></lesli-toolbar>
+        <lesli-table
+            :pagination="storeUsersLogs.pagination"
+            :columns="storeUsersLogs.columns"
+            :records="storeUsersLogs.records"
+            @sort="storeUsersLogs.sort">
+        </lesli-table>
+    </application-component>
+</template>

data/lib/vue/apps/users/registrations.vue

@@ -0,0 +1,98 @@
+<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.
+
+Without the written permission of the owner, any replication, modification,
+transmission, publication is strictly forbidden.
+
+For more information read the license file including with this software.
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+*/
+
+
+// · import vue tools
+import { ref, reactive, onMounted, watch, computed } from "vue"
+
+
+// · import Lesli components
+import chartLine from "Lesli/components/charts/line.vue"
+
+
+// · import stores
+import { useUsersRegistrations } from "CloudAudit/stores/users/registrations"
+
+
+// · implement stores
+const storeUsersRegistrations = useUsersRegistrations()
+
+
+// · define variables
+var registrationSeries = ref([]);
+var registrationLabels = ref([]);
+var selectedPeriod = ref("month");
+var filterPeriod = ref("");
+var selectOptions = ref([]);
+
+
+// · initializing
+onMounted(() => {
+    storeUsersRegistrations.fetchIfEmpty()
+    storeUsersRegistrations.getOptions()
+})
+
+
+// · 
+watch(() => storeUsersRegistrations.periods, () => {
+    selectOptions.value = storeUsersRegistrations.periods
+})
+
+
+// · 
+watch(() => storeUsersRegistrations.records, () => {
+    registrationLabels.value = storeUsersRegistrations.records.map(visit => visit.date)
+    registrationSeries.value = [{
+        name: "Users",
+        data: storeUsersRegistrations.records.map(visit => visit.count)
+    }]
+})
+
+
+// · 
+function updateDate(){
+    filterPeriod = selectedPeriod.value;
+    storeUsersRegistrations.fetch(filterPeriod)
+}
+
+</script>
+<template>
+    <section class="application-component">
+        <lesli-header title="User registered by date" @reload="storeUsersRegistrations.reload()">
+        </lesli-header>
+
+        <div class="block">
+            <lesli-select
+                id = "selectPeriod"
+                @change="updateDate"
+                v-model = "selectedPeriod"
+                :options="selectOptions">
+            </lesli-select>
+        </div>
+        <div class="card">
+            <div class="card-content">
+                <chartLine
+                    :series="registrationSeries"
+                    :labels="registrationLabels"
+                    @marker-click="markerClick">
+                </chartLine>    
+            </div>
+        </div>
+    </section>
+</template>
+

data/lib/vue/apps/users/roles.vue

@@ -0,0 +1,70 @@
+<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.
+
+Without the written permission of the owner, any replication, modification,
+transmission, publication is strictly forbidden.
+
+For more information read the license file including with this software.
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+*/
+
+
+// · import vue tools
+import { ref, reactive, onMounted, watch, computed } from "vue"
+
+
+// · import Lesli components
+import chartBar from "Lesli/components/charts/bar.vue"
+
+
+// · import stores
+import { useUsersRoles } from "CloudAudit/stores/users/roles"
+
+
+// · implement stores
+const storeUsersRoles = useUsersRoles()
+
+
+// · define variables
+const usersByRole = ref([]);
+
+
+// · initializing
+onMounted(() => {
+    storeUsersRoles.fetchIfEmpty()
+})
+
+
+// · users by role
+watch(() => storeUsersRoles.records, () => {
+    usersByRole.value = []
+    storeUsersRoles.records.forEach(role => {
+        usersByRole.value.push({
+            x: role.name,
+            y: role.users
+        })
+    })
+})
+
+</script>
+<template>
+    <section class="application-component">
+        <lesli-header title="Users by role" @reload="storeRegistration.reload()">
+        </lesli-header>
+        <div class="card">
+            <div class="card-content">
+                <chartBar :series="usersByRole">
+                </chartBar>
+            </div>
+        </div>
+    </section>
+</template>
+

data/lib/vue/apps/users/workingHours.vue

@@ -0,0 +1,52 @@
+<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.
+
+Without the written permission of the owner, any replication, modification,
+transmission, publication is strictly forbidden.
+
+For more information read the license file including with this software.
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+*/
+
+
+// · import vue tools
+import { ref, reactive, onMounted, watch, computed } from "vue"
+
+
+// · import Lesli components
+import chartLine from "Lesli/components/charts/line.vue"
+
+
+// · import stores
+import { useUsersWorkingHours } from "CloudAudit/stores/users/working_hours"
+
+
+// · implement stores
+const storeUsersWorkingHours = useUsersWorkingHours()
+
+
+// · initializing
+onMounted(() => {
+    storeUsersWorkingHours.fetch()
+})
+
+</script>
+<template>
+    <application-component>
+        <lesli-header title="Working hours"></lesli-header>
+        <lesli-toolbar @search="storeUsersWorkingHours.search"></lesli-toolbar>
+        <lesli-table
+            :columns="storeUsersWorkingHours.columns"
+            :records="storeUsersWorkingHours.records"
+            @sort="storeUsersWorkingHours.sort">
+        </lesli-table>
+    </application-component>
+</template>

data/lib/vue/stores/accounts/activities.js

@@ -0,0 +1,87 @@
+/*
+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.
+
+Without the written permission of the owner, any replication, modification,
+transmission, publication is strictly forbidden.
+
+For more information read the license file including with this software.
+
+// · ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~     ~·~
+// · 
+*/
+
+
+// · 
+import { defineStore } from "pinia"
+
+
+// · 
+export const useAccountsActivities = defineStore("accountsActivities", {
+    state: () => {
+        return {
+            loading: false,
+            pagination: {}, 
+            records: [],
+            columns: [{
+                field: "id",
+                label: "ID"
+            }, {
+                field: "title",
+                label: "Title"
+            }, {
+                field: "description",
+                label: "Description"
+            }, {
+                field: "system_process",
+                label: "Process"
+            }, {
+                field: "system_module",
+                label: "Module"
+            }, {
+                field: "created_at_date",
+                label: "Date"
+            },{
+                field: "send_to",
+                label: "Send to"
+            }]
+        }
+    },
+    actions: {
+
+        fetchIfEmpty() {
+            if (this.records.length <= 0) {
+                this.fetch()
+            }
+        },
+
+        search(string) {
+            this.http.get(this.url.audit("accounts/activities").search(string)).then(result => {
+                this.records = result.records
+                this.pagination = result.pagination
+            }).catch(error => {
+                this.msg.danger("Error while trying to fetch data")
+            }).finally(() => {
+                this.loading = false
+            })
+        },
+
+        fetch() {
+            this.$reset()
+            this.loading = true
+            this.http.get(this.url.audit("accounts/activities")).then(result => {
+                this.records = result.records
+                this.pagination = result.pagination
+            }).catch(error => {
+
+            }).finally(() => {
+                this.loading = false
+            })
+        }
+
+    }
+})