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

Added Client Type column to the CRM table. Removed unwanted Status Buttons.

Browse source
This commit is contained in:
rocketdebris 2025-12-16 09:08:13 -05:00
parent 1a837ffcfc
commit e508f265a1
2 changed files with 51 additions and 45 deletions
Download patch file Download diff file Expand all files Collapse all files

79
frontend/src/components/pages/Clients.vue
View file

@ -1,7 +1,6 @@
<template>
<div class="page-container">
<H2>Client Contact List</H2>
<!-- Status Chart Section -->
<div class="widgets-grid">
<!-- Incomplete Bids Widget -->
@ -213,6 +212,12 @@ const columns = [
filterable: true,
filterInputId: "customerSearchInput",
},
{
label: "Type",
fieldName: "clientType",
type: "text",
sortable: true,
},
{
label: "Property",
fieldName: "address",
@ -221,42 +226,42 @@ const columns = [
filterable: true,
filterInputId: "propertySearchInput",
},
{
label: "Appt. Scheduled",
fieldName: "appointmentScheduledStatus",
type: "status-button",
sortable: true,
buttonVariant: "outlined",
onStatusClick: (status, rowData) => handleAppointmentClick(status, rowData),
// disableCondition: (status) => status?.toLowerCase() !== "not started",
},
{
label: "Estimate Sent",
fieldName: "estimateSentStatus",
type: "status-button",
sortable: true,
buttonVariant: "outlined",
onStatusClick: (status, rowData) => handleEstimateClick(status, rowData),
// disableCondition: (status) => status?.toLowerCase() !== "not started",
},
{
label: "Payment Received",
fieldName: "paymentReceivedStatus",
type: "status-button",
sortable: true,
buttonVariant: "outlined",
onStatusClick: (status, rowData) => handlePaymentClick(status, rowData),
// disableCondition: (status) => status?.toLowerCase() !== "not started",
},
{
label: "Job Status",
fieldName: "jobStatus",
type: "status-button",
sortable: true,
buttonVariant: "outlined",
onStatusClick: (status, rowData) => handleJobClick(status, rowData),
// disableCondition: (status) => status?.toLowerCase() !== "not started",
},
//{
// label: "Appt. Scheduled",
// fieldName: "appointmentScheduledStatus",
// type: "status-button",
// sortable: true,
// buttonVariant: "outlined",
// onStatusClick: (status, rowData) => handleAppointmentClick(status, rowData),
// // disableCondition: (status) => status?.toLowerCase() !== "not started",
//},
//{
// label: "Estimate Sent",
// fieldName: "estimateSentStatus",
// type: "status-button",
// sortable: true,
// buttonVariant: "outlined",
// onStatusClick: (status, rowData) => handleEstimateClick(status, rowData),
// // disableCondition: (status) => status?.toLowerCase() !== "not started",
//},
//{
// label: "Payment Received",
// fieldName: "paymentReceivedStatus",
// type: "status-button",
// sortable: true,
// buttonVariant: "outlined",
// onStatusClick: (status, rowData) => handlePaymentClick(status, rowData),
// // disableCondition: (status) => status?.toLowerCase() !== "not started",
//},
//{
// label: "Job Status",
// fieldName: "jobStatus",
// type: "status-button",
// sortable: true,
// buttonVariant: "outlined",
// onStatusClick: (status, rowData) => handleJobClick(status, rowData),
// // disableCondition: (status) => status?.toLowerCase() !== "not started",
//},
];
const tableActions = [