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

Shuffled the Calendar categories around, added the Company specific Calendars.

Browse source
This commit is contained in:
rocketdebris 2025-12-22 07:41:12 -05:00
parent 1195ad8d4a
commit 20a3517d7b
1 changed files with 54 additions and 40 deletions
Download patch file Download diff file Expand all files Collapse all files

78
frontend/src/components/calendar/CalendarNavigation.vue
View file

@ -1,50 +1,64 @@
<template> <template>
<div class="calendar-navigation"> <div class="calendar-navigation">
<TabView v-model:activeIndex="activeIndex" @tab-change="onTabChange"> <Tabs value="0">
<TabPanel header="Bids"> <TabList>
<Tab value="0">Bids</Tab>
<Tab value="1">Install</Tab>
<Tab value="2">Service</Tab>
<Tab value="3">Lowe Fencing</Tab>
<Tab value="4">Daniel's Landscaping</Tab>
<Tab value="5">Nuco Yardcare</Tab>
<Tab value="6">Warranties</Tab>
</TabList>
<TabPanels>
<TabPanel header="Bids" value="0">
<ScheduleBid /> <ScheduleBid />
</TabPanel> </TabPanel>
<TabPanel header="Installs"> <TabPanel header="Install" value="1">
<div class="coming-soon">
<p>Installs feature coming soon!</p>
</div>
</TabPanel>
<TabPanel header="Jobs">
<JobsCalendar /> <JobsCalendar />
</TabPanel> </TabPanel>
<TabPanel header="Maintenance"> <TabPanel header="Service" value="2">
<div class="coming-soon">
<p>Maintenance feature coming soon!</p>
</div>
</TabPanel>
<TabPanel header="Service">
<div class="coming-soon"> <div class="coming-soon">
<p>Service feature coming soon!</p> <p>Service feature coming soon!</p>
</div> </div>
</TabPanel> </TabPanel>
</TabView> <TabPanel header="Lowe Fencing" value="3">
<div class="coming-soon">
<p>Lowe Fencing calendar coming soon!</p>
</div>
</TabPanel>
<TabPanel header="Daniel's Landscaping" value="4">
<div class="coming-soon">
<p>Daniel's Calendar coming soon!</p>
</div>
</TabPanel>
<TabPanel header="Nuco Yardcare" value="5">
<div class="coming-soon">
<p>Nuco calendar coming soon!</p>
</div>
</TabPanel>
<TabPanel header="Warranties" value="6">
<div class="coming-soon">
<p>Warranties Calendar coming soon!</p>
</div>
</TabPanel>
</TabPanels>
</Tabs>
</div> </div>
</template> </template>
<script setup> <script setup>
import { ref } from 'vue' import { ref } from 'vue';
import TabView from 'primevue/tabview' import Tab from 'primevue/tab';
import TabPanel from 'primevue/tabpanel' import Tabs from 'primevue/tabs';
import ScheduleBid from '../calendar/bids/ScheduleBid.vue' import TabList from 'primevue/tablist';
import JobsCalendar from '../calendar/jobs/JobsCalendar.vue' import TabPanel from 'primevue/tabpanel';
import { useNotificationStore } from '../../stores/notifications-primevue' import TabPanels from 'primevue/tabpanels';
import ScheduleBid from '../calendar/bids/ScheduleBid.vue';
import JobsCalendar from '../calendar/jobs/JobsCalendar.vue';
import { useNotificationStore } from '../../stores/notifications-primevue';
const notifications = useNotificationStore() const notifications = useNotificationStore();
const activeIndex = ref(0)
const onTabChange = (event) => {
const tabHeaders = ['Bids', 'Installs', 'Jobs', 'Maintenance', 'Service']
const selectedTab = tabHeaders[event.index]
if (selectedTab !== 'Bids' && selectedTab !== 'Jobs') {
notifications.addWarning(`${selectedTab} feature coming soon!`)
}
}
</script> </script>
<style scoped> <style scoped>