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>

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

@ -139,21 +139,28 @@
/> />
</div> </div>
<!-- Location Map (only for existing clients) --> <div class="status-cards">
<div class="map-card" v-if="!isNew && !editMode"> <!-- Client History -->
<h3>Location</h3> <div class="info-card">
<LeafletMap <History/>
:latitude="latitude" </div>
:longitude="longitude"
:address-title="selectedAddressData?.addressTitle || 'Client Location'" <!-- Location Map (only for existing clients) -->
map-height="350px" <div class="map-card" v-if="!isNew && !editMode">
:zoom-level="16" <h3>Location</h3>
/> <LeafletMap
<div v-if="latitude && longitude" class="coordinates-info"> :latitude="latitude"
<small> :longitude="longitude"
<strong>Coordinates:</strong> :address-title="selectedAddressData?.addressTitle || 'Client Location'"
{{ parseFloat(latitude).toFixed(6) }}, {{ parseFloat(longitude).toFixed(6) }} map-height="350px"
</small> :zoom-level="16"
/>
<div v-if="latitude && longitude" class="coordinates-info">
<small>
<strong>Coordinates:</strong>
{{ parseFloat(latitude).toFixed(6) }}, {{ parseFloat(longitude).toFixed(6) }}
</small>
</div>
</div> </div>
</div> </div>
@ -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";