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

Changed Estimate Address and Customer columns to link types to facilitate easy access to data.

Browse source
This commit is contained in:
rocketdebris 2026-01-20 14:33:12 -05:00
parent 2badb6835b
commit 0620060066
1 changed files with 19 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

21
frontend/src/components/pages/Estimates.vue
View file

@ -154,9 +154,13 @@ const filteredItems= []
// End junk // End junk
const columns = [ const columns = [
{ label: "Estimate Address", fieldName: "address", type: "text", sortable: true, filterable: true }, { label: "Estimate Address", fieldName: "address", type: "link", sortable: true, filterable:true,
onLinkClick: (link, rowData) => handlePropertyClick(link, rowData),
},
//{ label: "Address", fieldName: "customInstallationAddress", type: "text", sortable: true }, //{ label: "Address", fieldName: "customInstallationAddress", type: "text", sortable: true },
{ label: "Customer", fieldName: "customer", type: "text", sortable: true, filterable: true }, { label: "Customer", fieldName: "customer", type: "link", sortable: true, filterable: true,
onLinkClick: (link, rowData) => handleCustomerClick(link, rowData),
},
{ {
label: "Status", label: "Status",
fieldName: "status", fieldName: "status",
@ -194,6 +198,19 @@ const closeSubmitEstimateModal = () => {
showSubmitEstimateModal.value = false; showSubmitEstimateModal.value = false;
}; };
const handleCustomerClick = (link, rowData) => {
console.log("DEBUG: Customer Link Clicked.");
const client = encodeURIComponent(rowData.customer);
const address = encodeURIComponent(rowData.address);
router.push(`/client?client=${client}&address=${address}`);
}
const handlePropertyClick = (link, rowData) => {
console.log("DEBUG: Property Link Clicked.");
const client = encodeURIComponent(rowData.customer);
const address = encodeURIComponent(rowData.address);
router.push(`/property?client=${client}&address=${address}`);
}
const handleLazyLoad = async (event) => { const handleLazyLoad = async (event) => {
console.log("Estimates page - handling lazy load:", event); console.log("Estimates page - handling lazy load:", event);