bnilsen/custom_ui
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add timesheets page and update homepage modules:

Browse source
This commit is contained in:
Casey 2025-10-28 00:53:05 -05:00
parent 0c921a3897
commit b70e08026d
4 changed files with 1235 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

49
frontend/src/components/pages/Home.vue
View file

@ -8,18 +8,18 @@
<template #header>
<div class="widget-header">
<Calendar class="widget-icon" />
<h3>Upcoming Schedule</h3>
<h3>Service Calendar</h3>
</div>
</template>
<template #content>
<div class="widget-content">
<div class="metric">
<span class="metric-number">8</span>
<span class="metric-label">Appointments Today</span>
<span class="metric-label">Services Scheduled Today</span>
</div>
<div class="metric">
<span class="metric-number">15</span>
<span class="metric-label">This Week</span>
<span class="metric-label">Services This Week</span>
</div>
<Button
label="View Calendar"
@ -36,21 +36,21 @@
<template #header>
<div class="widget-header">
<Community class="widget-icon" />
<h3>Client Overview</h3>
<h3>Client Contact List</h3>
</div>
</template>
<template #content>
<div class="widget-content">
<div class="status-row">
<Tag severity="success" value="5 Active" />
<Tag severity="warning" value="3 Pending" />
<Tag severity="success" value="5 Active Jobs" />
<Tag severity="warning" value="3 Pending Estimates" />
</div>
<div class="metric">
<span class="metric-number">{{ clientData.length }}</span>
<span class="metric-label">Total Clients</span>
<span class="metric-label">Total Client Records</span>
</div>
<Button
label="Manage Clients"
label="View Client List"
size="small"
outlined
@click="navigateTo('/clients')"
@ -64,7 +64,7 @@
<template #header>
<div class="widget-header">
<Hammer class="widget-icon" />
<h3>Active Jobs</h3>
<h3>Job Management</h3>
</div>
</template>
<template #content>
@ -77,10 +77,10 @@
<span class="metric-number">{{
jobData.filter((job) => job.overAllStatus === "in progress").length
}}</span>
<span class="metric-label">Active Jobs</span>
<span class="metric-label">Jobs In Progress</span>
</div>
<Button
label="View Jobs"
label="View All Jobs"
size="small"
outlined
@click="navigateTo('/jobs')"
@ -94,21 +94,21 @@
<template #header>
<div class="widget-header">
<PathArrowSolid class="widget-icon" />
<h3>Route Planning</h3>
<h3>Service Routes</h3>
</div>
</template>
<template #content>
<div class="widget-content">
<div class="metric">
<span class="metric-number">6</span>
<span class="metric-label">Routes Today</span>
<span class="metric-label">Active Routes Today</span>
</div>
<div class="metric">
<span class="metric-number">45.2</span>
<span class="metric-label">Avg. Miles/Route</span>
<span class="metric-label">Avg. Miles per Route</span>
</div>
<Button
label="Plan Routes"
label="View Routes"
size="small"
outlined
@click="navigateTo('/routes')"
@ -122,18 +122,18 @@
<template #header>
<div class="widget-header">
<Clock class="widget-icon" />
<h3>Time Tracking</h3>
<h3>Employee Timesheets</h3>
</div>
</template>
<template #content>
<div class="widget-content">
<div class="metric">
<span class="metric-number">32.5</span>
<span class="metric-label">Hours This Week</span>
<span class="metric-label">Total Hours This Week</span>
</div>
<div class="status-row">
<Tag severity="success" value="5 Completed" />
<Tag severity="warning" value="2 Pending" />
<Tag severity="success" value="5 Approved" />
<Tag severity="warning" value="2 Pending Approval" />
</div>
<Button
label="View Timesheets"
@ -150,20 +150,21 @@
<template #header>
<div class="widget-header">
<HistoricShield class="widget-icon" />
<h3>Warranties</h3>
<h3>Warranty Claims</h3>
</div>
</template>
<template #content>
<div class="widget-content">
<div class="metric">
<span class="metric-number">23</span>
<span class="metric-label">Active Warranties</span>
<span class="metric-number">10</span>
<span class="metric-label">Open Claims</span>
</div>
<div class="status-row">
<Tag severity="danger" value="3 Expiring Soon" />
<Tag severity="success" value="3 Completed" />
<Tag severity="warning" value="4 In Progress" />
</div>
<Button
label="Manage Warranties"
label="View Claims"
size="small"
outlined
@click="navigateTo('/warranties')"