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

1
custom_ui/api/db/clients.py
View file

@ -208,6 +208,7 @@ def get_clients_table_data(filters={}, sortings=[], page=1, page_size=10):
f"{' ' + address['address_line2'] if address['address_line2'] else ''} " f"{' ' + address['address_line2'] if address['address_line2'] else ''} "
f"{address['city']}, {address['state']} {address['pincode']}" f"{address['city']}, {address['state']} {address['pincode']}"
) )
tableRow["client_type"] = "Lead" if is_lead else "Customer"
tableRow["appointment_scheduled_status"] = address.custom_onsite_meeting_scheduled tableRow["appointment_scheduled_status"] = address.custom_onsite_meeting_scheduled
tableRow["estimate_sent_status"] = address.custom_estimate_sent_status tableRow["estimate_sent_status"] = address.custom_estimate_sent_status
tableRow["job_status"] = address.custom_job_status tableRow["job_status"] = address.custom_job_status

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

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