Optimized vite build

src/static/app/dist/assets/index2.css

@@ -1 +1 @@
-@media screen and (max-width: 768px){.navbar-container[data-v-461d2bae]{position:absolute;z-index:1000;animation-duration:.4s;animation-fill-mode:both;display:none;animation-timing-function:cubic-bezier(.82,.58,.17,.9)}.navbar-container.active[data-v-461d2bae]{animation-direction:normal;display:block!important;animation-name:zoomInFade-461d2bae}}.navbar-container[data-v-461d2bae]{height:100vh}@supports (height: 100dvh){@media screen and (max-width: 768px){.navbar-container[data-v-461d2bae]{height:calc(100dvh - 50px)}}}@keyframes zoomInFade-461d2bae{0%{opacity:0;transform:translateY(60px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0px)}}.messageCentre[data-v-93734089]{top:1rem;right:1rem;width:calc(100% - 2rem)}main[data-v-93734089]{height:100vh}@supports (height: 100dvh){@media screen and (max-width: 768px){main[data-v-93734089]{height:calc(100dvh - 50px)}}}
+@media screen and (max-width: 768px){.navbar-container[data-v-461d2bae]{position:absolute;z-index:1000;animation-duration:.4s;animation-fill-mode:both;display:none;animation-timing-function:cubic-bezier(.82,.58,.17,.9)}.navbar-container.active[data-v-461d2bae]{animation-direction:normal;display:block!important;animation-name:zoomInFade-461d2bae}}.navbar-container[data-v-461d2bae]{height:100vh}@supports (height: 100dvh){@media screen and (max-width: 768px){.navbar-container[data-v-461d2bae]{height:calc(100dvh - 50px)}}}@keyframes zoomInFade-461d2bae{0%{opacity:0;transform:translateY(60px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0px)}}.messageCentre[data-v-ce114a8b]{top:1rem;right:1rem;width:calc(100% - 2rem)}main[data-v-ce114a8b]{height:100vh}@supports (height: 100dvh){@media screen and (max-width: 768px){main[data-v-ce114a8b]{height:calc(100dvh - 50px)}}}

src/static/app/dist/assets/peerJobsAllModal.js

@@ -0,0 +1 @@
+import{S as b}from"./peerList.js";import{_ as g,W as v,l as f,e as c,o,c as t,a as e,b as i,F as p,r as m,t as _,j as y,g as x}from"./index.js";import{L as J}from"./localeText.js";import"./dayjs.min.js";import"./browser.js";import"./peerCreate.js";import"./wireguard.js";import"./vue-datepicker.js";const w={name:"peerJobsAllModal",setup(){return{store:v()}},components:{LocaleText:J,SchedulePeerJob:b},props:{configurationPeers:Array[Object]},methods:{getuuid(){return f()}},computed:{getAllJobs(){return this.configurationPeers.filter(r=>r.jobs.length>0)}}},A={class:"peerSettingContainer w-100 h-100 position-absolute top-0 start-0 overflow-y-scroll"},$={class:"container d-flex h-100 w-100"},k={class:"m-auto modal-dialog-centered dashboardModal"},S={class:"card rounded-3 shadow",style:{width:"700px"}},L={class:"card-header bg-transparent d-flex align-items-center gap-2 border-0 p-4 pb-2"},j={class:"mb-0 fw-normal"},P={class:"card-body px-4 pb-4 pt-2"},C={key:0,class:"accordion",id:"peerJobsLogsModalAccordion"},M={class:"accordion-header"},B=["data-bs-target"],N={key:0},D={class:"text-muted"},T=["id"],V={class:"accordion-body"},F={key:1,class:"card shadow-sm",style:{height:"153px"}},O={class:"card-body text-muted text-center d-flex"},W={class:"m-auto"};function E(r,s,I,R,q,z){const n=c("LocaleText"),h=c("SchedulePeerJob");return o(),t("div",A,[e("div",$,[e("div",k,[e("div",S,[e("div",L,[e("h4",j,[i(n,{t:"All Active Jobs"})]),e("button",{type:"button",class:"btn-close ms-auto",onClick:s[0]||(s[0]=a=>this.$emit("close"))})]),e("div",P,[this.getAllJobs.length>0?(o(),t("div",C,[(o(!0),t(p,null,m(this.getAllJobs,(a,d)=>(o(),t("div",{class:"accordion-item",key:a.id},[e("h2",M,[e("button",{class:"accordion-button collapsed",type:"button","data-bs-toggle":"collapse","data-bs-target":"#collapse_"+d},[e("small",null,[e("strong",null,[a.name?(o(),t("span",N,_(a.name)+" • ",1)):y("",!0),e("samp",D,_(a.id),1)])])],8,B)]),e("div",{id:"collapse_"+d,class:"accordion-collapse collapse","data-bs-parent":"#peerJobsLogsModalAccordion"},[e("div",V,[(o(!0),t(p,null,m(a.jobs,l=>(o(),x(h,{onDelete:s[1]||(s[1]=u=>this.$emit("refresh")),onRefresh:s[2]||(s[2]=u=>this.$emit("refresh")),dropdowns:this.store.PeerScheduleJobs.dropdowns,viewOnly:!0,key:l.JobID,pjob:l},null,8,["dropdowns","pjob"]))),128))])],8,T)]))),128))])):(o(),t("div",F,[e("div",O,[e("span",W,[i(n,{t:"No active job at the moment."})])])]))])])])])])}const ee=g(w,[["render",E]]);export{ee as default};

src/static/app/src/components/configurationComponents/peerList.vue

@@ -8,38 +8,37 @@ import { Line, Bar } from 'vue-chartjs'
 import Fuse from "fuse.js";
 import {
 	Chart,
-	ArcElement,
 	LineElement,
-	BarElement,
+	BarElement, 
-	PointElement,
 	BarController,
-	BubbleController,
-	DoughnutController,
 	LineController,
-	PieController,
-	PolarAreaController,
-	RadarController,
-	ScatterController,
-	CategoryScale,
 	LinearScale,
-	LogarithmicScale,
-	RadialLinearScale,
-	TimeScale,
-	TimeSeriesScale,
-	Decimation,
-	Filler,
 	Legend,
 	Title,
-	Tooltip
+	Tooltip,
+	CategoryScale,
+	PointElement
 } from 'chart.js';
+Chart.register(
+	LineElement,
+	BarElement,
+	BarController,
+	LineController,
+	LinearScale,
+	Legend,
+	Title,
+	Tooltip,
+	CategoryScale,
+	PointElement
+);
 import dayjs from "dayjs";
 import PeerSettings from "@/components/configurationComponents/peerSettings.vue";
 import PeerQRCode from "@/components/configurationComponents/peerQRCode.vue";
 import PeerCreate from "@/components/configurationComponents/peerCreate.vue";
 import PeerJobs from "@/components/configurationComponents/peerJobs.vue";
-import PeerJobsAllModal from "@/components/configurationComponents/peerJobsAllModal.vue";
+// import PeerJobsAllModal from "@/components/configurationComponents/peerJobsAllModal.vue";
-import PeerJobsLogsModal from "@/components/configurationComponents/peerJobsLogsModal.vue";
+// import PeerJobsLogsModal from "@/components/configurationComponents/peerJobsLogsModal.vue";
-import {ref} from "vue";
+import {defineAsyncComponent, ref} from "vue";
 import PeerShareLinkModal from "@/components/configurationComponents/peerShareLinkModal.vue";
 import LocaleText from "@/components/text/localeText.vue";
 import EditConfiguration from "@/components/configurationComponents/editConfiguration.vue";
@@ -48,32 +47,6 @@ import ConfigurationBackupRestore
 	from "@/components/configurationComponents/configurationBackupRestore.vue";
 import DeleteConfiguration from "@/components/configurationComponents/deleteConfiguration.vue";
 
-Chart.register(
-	ArcElement,
-	LineElement,
-	BarElement,
-	PointElement,
-	BarController,
-	BubbleController,
-	DoughnutController,
-	LineController,
-	PieController,
-	PolarAreaController,
-	RadarController,
-	ScatterController,
-	CategoryScale,
-	LinearScale,
-	LogarithmicScale,
-	RadialLinearScale,
-	TimeScale,
-	TimeSeriesScale,
-	Decimation,
-	Filler,
-	Legend,
-	Title,
-	Tooltip
-);
-
 export default {
 	name: "peerList",
 	components: {
@@ -83,8 +56,19 @@ export default {
 		EditConfiguration,
 		LocaleText,
 		PeerShareLinkModal,
-		PeerJobsLogsModal,
+		PeerJobsLogsModal: 
-		PeerJobsAllModal, PeerJobs, PeerCreate, PeerQRCode, PeerSettings, PeerSearch, Peer, Line, Bar},
+			defineAsyncComponent(() => import("@/components/configurationComponents/peerJobsLogsModal.vue")),
+		PeerJobsAllModal:
+			defineAsyncComponent(() => import("@/components/configurationComponents/peerJobsAllModal.vue")),
+		PeerJobs, 
+		PeerCreate,
+		PeerQRCode, 
+		PeerSettings, 
+		PeerSearch, 
+		Peer, 
+		Line, 
+		Bar
+	},
 	setup(){
 		const dashboardConfigurationStore = DashboardConfigurationStore();
 		const wireguardConfigurationStore = WireguardConfigurationsStore();
@@ -447,13 +431,10 @@ export default {
 						</small></p>
 						<div class="form-check form-switch ms-auto">
 							<label class="form-check-label" style="cursor: pointer" :for="'switch' + this.configurationInfo.id">
-								
 								<LocaleText t="Turning Off..." v-if="!this.configurationInfo.Status && this.configurationToggling"></LocaleText>
 								<LocaleText t="Turning On..." v-else-if="this.configurationInfo.Status && this.configurationToggling"></LocaleText>
 								<LocaleText t="On" v-else-if="this.configurationInfo.Status && !this.configurationToggling"></LocaleText>
 								<LocaleText t="Off" v-else-if="!this.configurationInfo.Status && !this.configurationToggling"></LocaleText>
-								
-								
 								<span v-if="this.configurationToggling"
 								      class="spinner-border spinner-border-sm ms-2" aria-hidden="true"></span>
 							</label>

src/static/app/src/utilities/locale.js

@@ -1,5 +1,4 @@
 import {DashboardConfigurationStore} from "@/stores/DashboardConfigurationStore.js";
-
 export const GetLocale = (key) => {
 	const store = DashboardConfigurationStore()
 	if (store.Locale === null)

src/static/app/src/views/index.vue

@@ -1,7 +1,5 @@
 <script>
 import Navbar from "@/components/navbar.vue";
-import {wgdashboardStore} from "@/stores/wgdashboardStore.js";
-import {WireguardConfigurations} from "@/models/WireguardConfigurations.js";
 import {DashboardConfigurationStore} from "@/stores/DashboardConfigurationStore.js";
 import Message from "@/components/messageCentreComponent/message.vue";