CaWittMN08/custom_ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added Customer Name column to the Client's page and included the ability to search/filter based on it.

Browse Source
This commit is contained in:
rocketdebris 2025-11-11 15:32:34 -05:00
parent 4e1fbeefea
commit 8fa55bea70
2 changed files with 39 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
custom_ui/api/db.py
View File

@ -115,6 +115,7 @@ def get_clients_table_data(options):
# Map frontend field names to backend field names
def map_field_name(frontend_field):
field_mapping = {
"customerName": "customer_name",
"addressTitle": "address_title",
"addressName": "address_title", # Legacy support
"appointmentScheduledStatus": "address_title", # These are computed fields, sort by address_title
@ -131,6 +132,10 @@ def get_clients_table_data(options):
if isinstance(filter_obj, dict) and "value" in filter_obj:
if filter_obj["value"] is not None and filter_obj["value"] != "":
# Map frontend field names to backend field names
if field_name == "customer_name":
mapped_field_name = "custom_customer_to_bill"
else:
mapped_field_name = field_name
# Handle different match modes
match_mode = filter_obj.get("matchMode", "contains")
@ -138,16 +143,16 @@ def get_clients_table_data(options):
match_mode = match_mode.lower()
if match_mode in ("contains", "contains"):
processed_filters[field_name] = ["like", f"%{filter_obj['value']}%"]
processed_filters[mapped_field_name] = ["like", f"%{filter_obj['value']}%"]
elif match_mode in ("startswith", "startsWith"):
processed_filters[field_name] = ["like", f"{filter_obj['value']}%"]
processed_filters[mapped_field_name] = ["like", f"{filter_obj['value']}%"]
elif match_mode in ("endswith", "endsWith"):
processed_filters[field_name] = ["like", f"%{filter_obj['value']}"]
processed_filters[mapped_field_name] = ["like", f"%{filter_obj['value']}"]
elif match_mode in ("equals", "equals"):
processed_filters[field_name] = filter_obj["value"]
processed_filters[mapped_field_name] = filter_obj["value"]
else:
# Default to contains
processed_filters[field_name] = ["like", f"%{filter_obj['value']}%"]
processed_filters[mapped_field_name] = ["like", f"%{filter_obj['value']}%"]
# Process sorting
order_by = None
@ -173,7 +178,7 @@ def get_clients_table_data(options):
addresses = frappe.db.get_all(
"Address",
fields=["name", "address_title", "custom_onsite_meeting_scheduled", "custom_estimate_sent_status", "custom_job_status", "custom_payment_received_status"],
fields=["name", "custom_customer_to_bill", "address_title", "custom_onsite_meeting_scheduled", "custom_estimate_sent_status", "custom_job_status", "custom_payment_received_status"],
filters=processed_filters,
limit=options["page_size"],
start=(options["page"] - 1) * options["page_size"],
@ -184,6 +189,7 @@ def get_clients_table_data(options):
for address in addresses:
tableRow = {}
tableRow["id"] = address["name"]
tableRow["customer_name"] = address["custom_customer_to_bill"]
tableRow["address_title"] = address["address_title"]
tableRow["appointment_scheduled_status"] = address["custom_onsite_meeting_scheduled"]
tableRow["estimate_sent_status"] = address["custom_estimate_sent_status"]

19
frontend/src/components/pages/Clients.vue
View File

@ -102,12 +102,20 @@ const refreshStatusCounts = async () => {
};
const filters = {
customerName: { value: null, matchMode: FilterMatchMode.CONTAINS },
addressTitle: { value: null, matchMode: FilterMatchMode.CONTAINS },
};
const columns = [
{
label: "Name",
label: "Customer Name",
fieldName: "customerName",
type: "text",
sortable: true,
filterable: true
},
{
label: "Address",
fieldName: "addressTitle",
type: "text",
sortable: true,
@ -131,7 +139,12 @@ const columns = [
type: "status",
sortable: true,
},
{ label: "Job Status", fieldName: "jobStatus", type: "status", sortable: true },
{
label: "Job Status",
fieldName: "jobStatus",
type: "status",
sortable: true
},
];
const tableActions = [
@ -271,6 +284,8 @@ const handleLazyLoad = async (event) => {
// Call API with pagination, filters, and sorting
const result = await Api.getPaginatedClientDetails(paginationParams, filters, sorting);
console.log(result);
// Update local state - extract from pagination structure
tableData.value = result.data;
totalRecords.value = result.pagination.total;