mirror of
https://github.com/InvoiceShelf/InvoiceShelf.git
synced 2026-04-21 12:14:05 +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.
86 lines
2.8 KiB
Vue
86 lines
2.8 KiB
Vue
<script setup lang="ts">
|
|
import DollarIcon from '@/scripts/components/icons/dashboard/DollarIcon.vue'
|
|
import CustomerIcon from '@/scripts/components/icons/dashboard/CustomerIcon.vue'
|
|
import InvoiceIcon from '@/scripts/components/icons/dashboard/InvoiceIcon.vue'
|
|
import EstimateIcon from '@/scripts/components/icons/dashboard/EstimateIcon.vue'
|
|
import DashboardStatsItem from './DashboardStatsItem.vue'
|
|
|
|
import { useDashboardStore } from '../store'
|
|
import { useCompanyStore } from '../../../../stores/company.store'
|
|
import { useUserStore } from '../../../../stores/user.store'
|
|
|
|
const ABILITIES = {
|
|
VIEW_INVOICE: 'view-invoice',
|
|
VIEW_CUSTOMER: 'view-customer',
|
|
VIEW_ESTIMATE: 'view-estimate',
|
|
} as const
|
|
|
|
const dashboardStore = useDashboardStore()
|
|
const companyStore = useCompanyStore()
|
|
const userStore = useUserStore()
|
|
</script>
|
|
|
|
<template>
|
|
<div class="grid gap-6 sm:grid-cols-2 lg:grid-cols-9 xl:gap-8">
|
|
<!-- Amount Due -->
|
|
<DashboardStatsItem
|
|
v-if="userStore.hasAbilities(ABILITIES.VIEW_INVOICE)"
|
|
:icon-component="DollarIcon"
|
|
:loading="!dashboardStore.isDashboardDataLoaded"
|
|
route="/admin/invoices"
|
|
:large="true"
|
|
:label="$t('dashboard.cards.due_amount')"
|
|
>
|
|
<BaseFormatMoney
|
|
:amount="dashboardStore.stats.totalAmountDue"
|
|
:currency="companyStore.selectedCompanyCurrency"
|
|
/>
|
|
</DashboardStatsItem>
|
|
|
|
<!-- Customers -->
|
|
<DashboardStatsItem
|
|
v-if="userStore.hasAbilities(ABILITIES.VIEW_CUSTOMER)"
|
|
:icon-component="CustomerIcon"
|
|
:loading="!dashboardStore.isDashboardDataLoaded"
|
|
route="/admin/customers"
|
|
:label="
|
|
dashboardStore.stats.totalCustomerCount <= 1
|
|
? $t('dashboard.cards.customers', 1)
|
|
: $t('dashboard.cards.customers', 2)
|
|
"
|
|
>
|
|
{{ dashboardStore.stats.totalCustomerCount }}
|
|
</DashboardStatsItem>
|
|
|
|
<!-- Invoices -->
|
|
<DashboardStatsItem
|
|
v-if="userStore.hasAbilities(ABILITIES.VIEW_INVOICE)"
|
|
:icon-component="InvoiceIcon"
|
|
:loading="!dashboardStore.isDashboardDataLoaded"
|
|
route="/admin/invoices"
|
|
:label="
|
|
dashboardStore.stats.totalInvoiceCount <= 1
|
|
? $t('dashboard.cards.invoices', 1)
|
|
: $t('dashboard.cards.invoices', 2)
|
|
"
|
|
>
|
|
{{ dashboardStore.stats.totalInvoiceCount }}
|
|
</DashboardStatsItem>
|
|
|
|
<!-- Estimates -->
|
|
<DashboardStatsItem
|
|
v-if="userStore.hasAbilities(ABILITIES.VIEW_ESTIMATE)"
|
|
:icon-component="EstimateIcon"
|
|
:loading="!dashboardStore.isDashboardDataLoaded"
|
|
route="/admin/estimates"
|
|
:label="
|
|
dashboardStore.stats.totalEstimateCount <= 1
|
|
? $t('dashboard.cards.estimates', 1)
|
|
: $t('dashboard.cards.estimates', 2)
|
|
"
|
|
>
|
|
{{ dashboardStore.stats.totalEstimateCount }}
|
|
</DashboardStatsItem>
|
|
</div>
|
|
</template>
|