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

Added placeholder History Card to CRM Overview.

Browse source
This commit is contained in:
rocketdebris 2025-12-16 15:35:21 -05:00
parent 73f4b3b97a
commit b802dcd20a
2 changed files with 56 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

33
frontend/src/components/clientSubPages/History.vue Normal file
View file

@ -0,0 +1,33 @@
<template>
<h3>History</h3>
<Tabs value="0" class="tabs">
<TabList>
<Tab value="0">Communication</Tab>
<Tab value="1">Site Visits</Tab>
<Tab value="2">Ownership</Tab>
</TabList>
<TabPanels>
<TabPanel value="0">
<div>Communication History</div>
</TabPanel>
<TabPanel value="1">
<div>Site Visits</div>
</TabPanel>
<TabPanel value="2">
<div>Ownership History</div>
</TabPanel>
</TabPanels>
</Tabs>
</template>
<script setup>
import { ref, onMounted } from "vue";
import Tabs from "primevue/tabs";
import TabList from "primevue/tablist";
import Tab from "primevue/tab";
import TabPanels from "primevue/tabpanels";
import TabPanel from "primevue/tabpanel";
</script>
<style scoped>
</style>

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

@ -139,6 +139,12 @@
/> />
</div> </div>
<div class="status-cards">
<!-- Client History -->
<div class="info-card">
<History/>
</div>
<!-- Location Map (only for existing clients) --> <!-- Location Map (only for existing clients) -->
<div class="map-card" v-if="!isNew && !editMode"> <div class="map-card" v-if="!isNew && !editMode">
<h3>Location</h3> <h3>Location</h3>
@ -156,6 +162,7 @@
</small> </small>
</div> </div>
</div> </div>
</div>
<!-- Edit Confirmation Dialog --> <!-- Edit Confirmation Dialog -->
<Dialog <Dialog
@ -191,6 +198,7 @@ import LeafletMap from "../common/LeafletMap.vue";
import ClientInformationForm from "./ClientInformationForm.vue"; import ClientInformationForm from "./ClientInformationForm.vue";
import ContactInformationForm from "./ContactInformationForm.vue"; import ContactInformationForm from "./ContactInformationForm.vue";
import AddressInformationForm from "./AddressInformationForm.vue"; import AddressInformationForm from "./AddressInformationForm.vue";
import History from "./History.vue";
import DataUtils from "../../utils"; import DataUtils from "../../utils";
import Api from "../../api"; import Api from "../../api";
import { useRouter } from "vue-router"; import { useRouter } from "vue-router";