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

Added a Balances Overview and Added an Add New Button to client communication history Card.

Browse source
This commit is contained in:
rocketdebris 2025-12-16 15:59:36 -05:00
parent b802dcd20a
commit 796b835c08
2 changed files with 17 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

7
frontend/src/components/clientSubPages/History.vue
View file

@ -2,13 +2,14 @@
<h3>History</h3> <h3>History</h3>
<Tabs value="0" class="tabs"> <Tabs value="0" class="tabs">
<TabList> <TabList>
<Tab value="0">Communication</Tab> <Tab value="0">Communication History</Tab>
<Tab value="1">Site Visits</Tab> <Tab value="1">Site Visits</Tab>
<Tab value="2">Ownership</Tab> <Tab value="2">Ownership History</Tab>
</TabList> </TabList>
<TabPanels> <TabPanels>
<TabPanel value="0"> <TabPanel value="0">
<div>Communication History</div> <div>Descending order of communications with the customer go here.</div>
<button class="sidebar-button">Add New</button>
</TabPanel> </TabPanel>
<TabPanel value="1"> <TabPanel value="1">
<div>Site Visits</div> <div>Site Visits</div>

13
frontend/src/components/clientSubPages/Overview.vue
View file

@ -120,6 +120,15 @@
<p>No contacts available for this address.</p> <p>No contacts available for this address.</p>
</template> </template>
</div> </div>
<!-- Financials At a Glance -->
<div class="info-card">
<h3>Open Balances</h3>
<span>$3200.00</span>
<button class="sidebar-button" @click="navigateTo('/invoices')">
Go to Invoices
</button>
</div>
</template> </template>
</div> </div>
@ -222,6 +231,10 @@ const props = defineProps({
const router = useRouter(); const router = useRouter();
const notificationStore = useNotificationStore(); const notificationStore = useNotificationStore();
const navigateTo = (path) => {
router.push(path);
};
// Refs for child components // Refs for child components
const clientInfoRef = ref(null); const clientInfoRef = ref(null);
const contactInfoRef = ref(null); const contactInfoRef = ref(null);