mirror of
https://github.com/InvoiceShelf/InvoiceShelf.git
synced 2026-04-15 09:14:08 +00:00
71388ec6a5
Now that the legacy v1 frontend (commit 064bdf53) is gone, the v2 directory is the only frontend and the v2 suffix is just noise. Renames resources/scripts-v2 to resources/scripts via git mv (so git records the move as renames, preserving blame and log --follow), then bulk-rewrites the 152 files that imported via @v2/... to use @/scripts/... instead. The existing @ alias (resources/) covers the new path with no extra config needed.
Drops the now-unused @v2 alias from vite.config.js and points the laravel-vite-plugin entry at resources/scripts/main.ts. Updates the only blade reference (resources/views/app.blade.php) to match. The package.json test script (eslint ./resources/scripts) automatically targets the right place after the rename without any edit.
Verified: npm run build exits clean and the Vite warning lines now reference resources/scripts/plugins/i18n.ts, confirming every import resolved through the new path. git log --follow on any moved file walks back through its scripts-v2 history.
106 lines
3.2 KiB
Vue
106 lines
3.2 KiB
Vue
<template>
|
|
<BasePage>
|
|
<BasePageHeader :title="$t('navigation.dashboard')">
|
|
<BaseBreadcrumb>
|
|
<BaseBreadcrumbItem
|
|
:title="$t('navigation.administration')"
|
|
to="/admin/administration/dashboard"
|
|
active
|
|
/>
|
|
</BaseBreadcrumb>
|
|
</BasePageHeader>
|
|
|
|
<div v-if="isLoading" class="flex justify-center py-16">
|
|
<BaseGlobalLoader />
|
|
</div>
|
|
|
|
<div v-else class="grid grid-cols-1 gap-6 mt-6 md:grid-cols-2 lg:grid-cols-3">
|
|
<!-- App Version -->
|
|
<BaseCard>
|
|
<template #header>
|
|
<div class="flex items-center">
|
|
<BaseIcon name="ServerIcon" class="w-5 h-5 mr-2 text-subtle" />
|
|
<span class="font-medium text-body">{{ $t('general.app_version') }}</span>
|
|
</div>
|
|
</template>
|
|
<p class="text-2xl font-semibold text-heading">
|
|
{{ data.app_version }}
|
|
</p>
|
|
</BaseCard>
|
|
|
|
<!-- PHP Version -->
|
|
<BaseCard>
|
|
<template #header>
|
|
<div class="flex items-center">
|
|
<BaseIcon name="CodeBracketIcon" class="w-5 h-5 mr-2 text-subtle" />
|
|
<span class="font-medium text-body">PHP</span>
|
|
</div>
|
|
</template>
|
|
<p class="text-2xl font-semibold text-heading">
|
|
{{ data.php_version }}
|
|
</p>
|
|
</BaseCard>
|
|
|
|
<!-- Database -->
|
|
<BaseCard>
|
|
<template #header>
|
|
<div class="flex items-center">
|
|
<BaseIcon name="CircleStackIcon" class="w-5 h-5 mr-2 text-subtle" />
|
|
<span class="font-medium text-body">{{ $t('general.database') }}</span>
|
|
</div>
|
|
</template>
|
|
<p class="text-2xl font-semibold text-heading">
|
|
{{ data.database?.driver?.toUpperCase() }}
|
|
</p>
|
|
<p class="text-sm text-muted mt-1">
|
|
{{ data.database?.version }}
|
|
</p>
|
|
</BaseCard>
|
|
|
|
<!-- Companies -->
|
|
<BaseCard>
|
|
<template #header>
|
|
<div class="flex items-center">
|
|
<BaseIcon name="BuildingOfficeIcon" class="w-5 h-5 mr-2 text-subtle" />
|
|
<span class="font-medium text-body">{{ $t('navigation.companies') }}</span>
|
|
</div>
|
|
</template>
|
|
<p class="text-2xl font-semibold text-heading">
|
|
{{ data.counts?.companies }}
|
|
</p>
|
|
</BaseCard>
|
|
|
|
<!-- Users -->
|
|
<BaseCard>
|
|
<template #header>
|
|
<div class="flex items-center">
|
|
<BaseIcon name="UsersIcon" class="w-5 h-5 mr-2 text-subtle" />
|
|
<span class="font-medium text-body">{{ $t('navigation.all_users') }}</span>
|
|
</div>
|
|
</template>
|
|
<p class="text-2xl font-semibold text-heading">
|
|
{{ data.counts?.users }}
|
|
</p>
|
|
</BaseCard>
|
|
</div>
|
|
</BasePage>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { ref, onMounted } from 'vue'
|
|
import { useAdminStore } from '../stores/admin.store'
|
|
import type { AdminDashboardData } from '../stores/admin.store'
|
|
|
|
const adminStore = useAdminStore()
|
|
const isLoading = ref<boolean>(true)
|
|
const data = ref<Partial<AdminDashboardData>>({})
|
|
|
|
onMounted(async () => {
|
|
try {
|
|
data.value = await adminStore.fetchDashboard()
|
|
} finally {
|
|
isLoading.value = false
|
|
}
|
|
})
|
|
</script>
|