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

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

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