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

build out client page, edit functionality, create functionality, data massager

Browse source
This commit is contained in:
Casey 2025-11-19 22:25:16 -06:00
parent f510645a31
commit 34f2c110d6
15 changed files with 1571 additions and 1681 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -165,7 +165,7 @@ const tableActions = [
{
label: "View Details",
action: (rowData) => {
router.push(`/clients/${rowData.customerName}`);
router.push(`/client?client=${rowData.customerName}&address=${rowData.address}`);
},
type: "button",
style: "info",
@ -191,36 +191,36 @@ const tableActions = [
// variant: "filled",
// },
// },
{
label: "Edit",
action: (rowData) => {
console.log("Editing client:", rowData);
// Implementation would open edit modal
},
type: "button",
style: "secondary",
icon: "pi pi-pencil",
rowAction: true, // Row action - appears in each row's actions column
layout: {
priority: "primary",
variant: "outlined",
},
},
{
label: "Quick View",
action: (rowData) => {
console.log("Quick view for:", rowData.addressTitle);
// Implementation would show quick preview
},
type: "button",
style: "info",
icon: "pi pi-search",
rowAction: true, // Row action - appears in each row's actions column
layout: {
priority: "secondary",
variant: "compact",
},
},
// {
// label: "Edit",
// action: (rowData) => {
// console.log("Editing client:", rowData);
// // Implementation would open edit modal
// },
// type: "button",
// style: "secondary",
// icon: "pi pi-pencil",
// rowAction: true, // Row action - appears in each row's actions column
// layout: {
// priority: "primary",
// variant: "outlined",
// },
// },
// {
// label: "Quick View",
// action: (rowData) => {
// console.log("Quick view for:", rowData.addressTitle);
// // Implementation would show quick preview
// },
// type: "button",
// style: "info",
// icon: "pi pi-search",
// rowAction: true, // Row action - appears in each row's actions column
// layout: {
// priority: "secondary",
// variant: "compact",
// },
// },
];
// Handle lazy loading events from DataTable
const handleLazyLoad = async (event) => {