Contents

<script setup>

// · import vue tools
import { ref, reactive, onMounted, watch, computed } from "vue"


// · import stores
import { useAnalytics } from "LesliAudit/stores/analytics"


// · implement stores
const storeAnalytics = useAnalytics()


// · 
import visitors from "../../components/visitors.vue";
import requests from "../../components/requests.vue";
import resources from "../../components/resources.vue";
//import trends from "./trends.vue";


// · 
function reload() {
    storeAnalytics.fetch()
}


// · initializing
onMounted(() => {
    storeAnalytics.fetchVisits()
    setTimeout(() => storeAnalytics.fetchUsers(), 500)
    setTimeout(() => storeAnalytics.fetchDevices(), 1000)
    setTimeout(() => storeAnalytics.fetchResources(), 1500)
    setTimeout(() => storeAnalytics.fetchControllers(), 2000)
})

</script>
<template>
    <lesli-application-container>
        <lesli-header title="Analytics">
            <lesli-select :options="[
                { label: 'Today', value: 7 },
                { label: 'Yesterday', value: 7 },
                { label: 'This week', value: 7 },
                { label: 'Last 7 days', value: 7 },
                { label: 'Last 15 days', value: 7 },
                { label: 'Last 30 days', value: 7 },
                { label: 'Last 60 days', value: 7 },
                { label: 'Last 90 days', value: 7 },
                { label: 'Last 6 months', value: 7 },
                { label: 'Last 12 months', value: 7 },
                { label: 'This year (Jan - Today)', value: 7 }
            ]">
            </lesli-select>
        </lesli-header>
        <visitors class="mb-5"></visitors>
        <resources class="mb-5"></resources>
        <requests></requests>
    </lesli-application-container>
</template>

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
lesli_audit-0.2.0	lib/vue/apps/analytics/index.vue