WGDashboard/src/static/app/dist/assets/peerList-B4z8AcPn.js

const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/peerShareLinkModal-bwttuqi_.js","assets/index-C00IVglr.js","assets/index-DFl-XeJT.css","assets/dayjs.min-ChFfjVGD.js","assets/vue-datepicker-DdPq8VBM.js","assets/localeText-BUK20hPB.js","assets/peerShareLinkModal-ouYxVldA.css","assets/peerJobs-Bt-Da7q8.js","assets/schedulePeerJob-BL2wgI9t.js","assets/schedulePeerJob-DPy59wup.css","assets/peerJobs-voXURBEt.css","assets/peerQRCode-Cw0q0TCl.js","assets/browser-CjSdxGTc.js","assets/peerConfigurationFile-BmRQPFgp.js","assets/peerConfigurationFile-BFmmapnE.css","assets/peerSettings-CjJoVr2d.js","assets/peerSettings-BkfvIQvk.css","assets/peerSearchBar-BjvtwCnI.js","assets/peerSearchBar-BrbvrjWX.css","assets/peerJobsAllModal-CRcoRIkq.js","assets/peerJobsLogsModal-WFwdsZl9.js","assets/editConfiguration-BPhJWo4E.js","assets/editConfiguration-Ca_IlmFH.css","assets/selectPeers-AIunJJWI.js","assets/selectPeers-Wjnh8YUZ.css","assets/peerAddModal-D-pLUQTA.js","assets/peerAddModal-s_w1PY7H.css"])))=>i.map(i=>d[i]);
import{r as O,D as G,o as le,H as Y,x as te,q as E,a,c as v,b as e,d as i,u as k,t as w,e as $,J as ie,g as F,_ as Q,W as de,G as L,A as J,F as B,h as H,n as D,k as U,K as fe,L as ge,w as T,j as se,f as N,i as P,T as ee,M as A,N as R,O as ve,m as be,v as he,S as _e}from"./index-C00IVglr.js";import{_ as ye}from"./protocolBadge-BKzRJ4Mq.js";import{L as C}from"./localeText-BUK20hPB.js";import{C as we,L as Se,B as $e,a as Pe,b as xe,c as Ce,p as ke,d as Oe,e as De,f as Me,P as Le,h as Ae,g as ae}from"./index-CQK2bMfy.js";import{d as Re}from"./dayjs.min-ChFfjVGD.js";const Ie={class:"row gx-2 gy-2 mb-3"},Ee={class:"col-12"},Te={class:"card rounded-3 bg-transparent",style:{height:"270px"}},Be={class:"card-header bg-transparent border-0"},Ne={class:"text-muted"},Je={class:"card-body pt-1"},Fe={class:"col-sm col-lg-6"},je={class:"card rounded-3 bg-transparent",style:{height:"270px"}},Ve={class:"card-header bg-transparent border-0 d-flex align-items-center"},Ue={class:"text-muted"},Ge={key:0,class:"text-primary fw-bold ms-auto"},Qe={class:"card-body pt-1"},ze={class:"col-sm col-lg-6"},We={class:"card rounded-3 bg-transparent",style:{height:"270px"}},qe={class:"card-header bg-transparent border-0 d-flex align-items-center"},He={class:"text-muted"},Ke={key:0,class:"text-success fw-bold ms-auto"},Ye={class:"card-body pt-1"},Ze={__name:"peerDataUsageCharts",props:{configurationPeers:Array,configurationInfo:Object},setup(o){we.register(Se,$e,Pe,xe,Ce,ke,Oe,De,Me,Le);const t=o,n=O({timestamp:[],data:[]}),r=O({timestamp:[],data:[]}),x=ie(),_=G(),u=O(void 0),b=async()=>{await F("/api/getWireguardConfigurationRealtimeTraffic",{configurationName:x.params.id},g=>{let y=Re().format("hh:mm:ss A");(g.data.sent!==0&&g.data.recv!==0||n.value.data.length>0&&r.value.data.length>0)&&(n.value.timestamp.push(y),n.value.data.push(g.data.sent),r.value.timestamp.push(y),r.value.data.push(g.data.recv))})},m=()=>{clearInterval(u.value),u.value=void 0,t.configurationInfo.Status&&(u.value=setInterval(()=>{b()},parseInt(_.Configuration.Server.dashboard_refresh_interval)))};le(()=>{m()}),Y(()=>t.configurationInfo.Status,()=>{m()}),Y(()=>_.Configuration.Server.dashboard_refresh_interval,()=>{m()}),te(()=>{clearInterval(u.value),u.value=void 0});const p=E(()=>{let g=t.configurationPeers.filter(y=>y.cumu_data+y.total_data>0);return{labels:g.map(y=>y.name?y.name:`Untitled Peer - ${y.id}`),datasets:[{label:"Total Data Usage",data:g.map(y=>y.cumu_data+y.total_data),backgroundColor:g.map(y=>"#ffc107"),tooltip:{callbacks:{label:y=>`${y.formattedValue} GB`}}}]}}),S=E(()=>({labels:[...n.value.timestamp],datasets:[{label:"Data Sent",data:[...n.value.data],fill:!1,borderColor:"#198754",backgroundColor:"#198754",tension:0}]})),M=E(()=>({labels:[...r.value.timestamp],datasets:[{label:"Data Received",data:[...r.value.data],fill:!1,borderColor:"#0d6efd",backgroundColor:"#0d6efd",tension:0}]})),l=E(()=>({responsive:!0,plugins:{legend:{display:!1}},scales:{x:{ticks:{display:!1},grid:{display:!1}},y:{ticks:{callback:(g,y)=>`${Math.round((g+Number.EPSILON)*1e3)/1e3} GB`},grid:{display:!1}}}})),c=E(()=>({responsive:!0,plugins:{legend:{display:!1},tooltip:{callbacks:{label:g=>`${g.formattedValue} MB/s`}}},scales:{x:{ticks:{display:!1},grid:{display:!0}},y:{ticks:{callback:(g,y)=>`${Math.round((g+Number.EPSILON)*1e3)/1e3} MB/s`},grid:{display:!0}}}}));return(g,y)=>(a(),v("div",Ie,[e("div",Ee,[e("div",Te,[e("div",Be,[e("small",Ne,[i(C,{t:"Peers Data Usage"})])]),e("div",Je,[i(k(Ae),{data:p.value,options:l.value,style:{width:"100%",height:"200px","max-height":"200px"}},null,8,["data","options"])])])]),e("div",Fe,[e("div",je,[e("div",Ve,[e("small",Ue,[i(C,{t:"Real Time Received Data Usage"})]),r.value.data.length>0?(a(),v("small",Ge,w(r.value.data[r.value.data.length-1])+" MB/s ",1)):$("",!0)]),e("div",Qe,[i(k(ae),{options:c.value,data:M.value,style:{width:"100%",height:"200px","max-height":"200px"}},null,8,["options","data"])])])]),e("div",ze,[e("div",We,[e("div",qe,[e("small",He,[i(C,{t:"Real Time Sent Data Usage"})]),n.value.data.length>0?(a(),v("small",Ke,w(n.value.data[n.value.da