WGDashboard/src/static/dist/WGDashboardAdmin/assets/peerList-BLrxbCPj.js

const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/peerAssignModal-BBrExkAa.js","assets/localeText-BFFAMTRt.js","assets/index-CR2ZTRbD.js","assets/index-DKdU-4Tq.css","assets/DashboardClientAssignmentStore-Bi1pyjtw.js","assets/peerAssignModal--_bmFbmn.css","assets/peerShareLinkModal-Cx3Pv1ye.js","assets/dayjs.min-C-9RYg6x.js","assets/vue-datepicker-UnrIncW6.js","assets/peerShareLinkModal-DgDHiTOw.css","assets/peerJobs-Cskf0o9R.js","assets/schedulePeerJob-CURM7DIV.js","assets/schedulePeerJob-BGJSEouo.css","assets/peerJobs-D_dDl936.css","assets/peerQRCode-lmy_TUHF.js","assets/browser-C199RXaG.js","assets/peerQRCode-DuWWfBch.css","assets/peerConfigurationFile-CNpmEibw.js","assets/peerConfigurationFile-Z9ms5mIx.css","assets/peerSettings-qrfokval.js","assets/peerSettings-CSjO_Okh.css","assets/peerSearchBar-C0TD698z.js","assets/peerSearchBar-Dtpovmxo.css","assets/peerJobsAllModal-Cn1w-kiD.js","assets/peerJobsLogsModal-YCAnsM7j.js","assets/editConfiguration-DGLnPf2r.js","assets/editConfiguration-CP79G5OS.css","assets/selectPeers-DYfIKZBF.js","assets/selectPeers-ChWyERy7.css","assets/peerAddModal-C9ImJ3qi.js","assets/peerAddModal-B4gIHs91.css"])))=>i.map(i=>d[i]);
import{r as I,K as ve,D as ee,o as re,H as U,x as ue,q as B,c as f,f as s,a as e,b as u,u as q,d as $,t as S,g as K,J as H,W as Y,m as le,n as T,s as ie,y as fe,F as D,i as z,_ as J,E as ke,v as we,w as N,j as P,T as ae,k as te,A as $e,z as F,h as G,G as L,M as Ce,N as Se,O as V,e as R,P as M,Q as A,L as qe,S as Ie}from"./index-CR2ZTRbD.js";import{_ as Oe}from"./protocolBadge-Brnb2N_6.js";import{L as C}from"./localeText-BFFAMTRt.js";import{C as Te,L as je,B as De,a as Me,b as Ae,c as Le,p as Be,d as Re,e as Ee,f as Ne,P as ze,h as Fe,g as be}from"./index-ACKbkFaO.js";import{d as Ge}from"./dayjs.min-C-9RYg6x.js";const Je={class:"row gx-2 gy-2 mb-3"},Ve={class:"col-12"},Ue={class:"card rounded-3 bg-transparent",style:{height:"270px"}},He={class:"card-header bg-transparent border-0"},We={class:"text-muted"},Qe={class:"card-body pt-1"},Ke={class:"col-sm col-lg-6"},Ye={class:"card rounded-3 bg-transparent",style:{height:"270px"}},Ze={class:"card-header bg-transparent border-0 d-flex align-items-center"},Xe={class:"text-muted"},el={key:0,class:"text-primary fw-bold ms-auto"},ll={class:"card-body pt-1"},tl={class:"col-sm col-lg-6"},ol={class:"card rounded-3 bg-transparent",style:{height:"270px"}},sl={class:"card-header bg-transparent border-0 d-flex align-items-center"},il={class:"text-muted"},al={key:0,class:"text-success fw-bold ms-auto"},rl={class:"card-body pt-1"},nl={__name:"peerDataUsageCharts",props:{configurationPeers:Array,configurationInfo:Object},setup(t){Te.register(je,De,Me,Ae,Le,Be,Re,Ee,Ne,ze);const l=t,i=I({timestamp:[],data:[]}),n=I({timestamp:[],data:[]}),k=ve(),m=ee(),d=I(void 0),p=async()=>{await K("/api/getWireguardConfigurationRealtimeTraffic",{configurationName:k.params.id},y=>{let g=Ge().format("hh:mm:ss A");(y.data.sent!==0&&y.data.recv!==0||i.value.data.length>0&&n.value.data.length>0)&&(i.value.timestamp.push(g),i.value.data.push(y.data.sent),n.value.timestamp.push(g),n.value.data.push(y.data.recv))})},r=()=>{clearInterval(d.value),d.value=void 0,l.configurationInfo.Status&&(d.value=setInterval(()=>{p()},parseInt(m.Configuration.Server.dashboard_refresh_interval)))};re(()=>{r()}),U(()=>l.configurationInfo.Status,()=>{r()}),U(()=>m.Configuration.Server.dashboard_refresh_interval,()=>{r()}),ue(()=>{clearInterval(d.value),d.value=void 0});const a=B(()=>{let y=l.configurationPeers.filter(g=>g.cumu_data+g.total_data>0);return{labels:y.map(g=>g.name?g.name:`Untitled Peer - ${g.id}`),datasets:[{label:"Total Data Usage",data:y.map(g=>g.cumu_data+g.total_data),backgroundColor:y.map(g=>"#ffc107"),tooltip:{callbacks:{label:g=>`${g.formattedValue} GB`}}}]}}),b=B(()=>({labels:[...i.value.timestamp],datasets:[{label:"Data Sent",data:[...i.value.data],fill:!1,borderColor:"#198754",backgroundColor:"#198754",tension:0}]})),j=B(()=>({labels:[...n.value.timestamp],datasets:[{label:"Data Received",data:[...n.value.data],fill:!1,borderColor:"#0d6efd",backgroundColor:"#0d6efd",tension:0}]})),w=B(()=>({responsive:!0,plugins:{legend:{display:!1}},scales:{x:{ticks:{display:!1},grid:{display:!1}},y:{ticks:{callback:(y,g)=>`${Math.round((y+Number.EPSILON)*1e3)/1e3} GB`},grid:{display:!1}}}})),_=B(()=>({responsive:!0,plugins:{legend:{display:!1},tooltip:{callbacks:{label:y=>`${y.formattedValue} MB/s`}}},scales:{x:{ticks:{display:!1},grid:{display:!0}},y:{ticks:{callback:(y,g)=>`${Math.round((y+Number.EPSILON)*1e3)/1e3} MB/s`},grid:{display:!0}}}}));return(y,g)=>(s(),f("div",Je,[e("div",Ve,[e("div",Ue,[e("div",He,[e("small",We,[u(C,{t:"Peers Data Usage"})])]),e("div",Qe,[u(q(Fe),{data:a.value,options:w.value,style:{width:"100%",height:"200px","max-height":"200px"}},null,8,["data","options"])])])]),e("div",Ke,[e("div",Ye,[e("div",Ze,[e("small",Xe,[u(C,{t:"Real Time Received Data Usage"})]),n.value.data.length>0?(s(),f("small",el,S(n.value.data[n.value.data.length-1])+" MB/s ",1)):$("",!0)]),e("div",ll,[u(q(be),{options:_.value,data:j.value,style:{width:"100%",height:"200px","max-height":"200px"}},null,8,["options","data"])])])]),e("div",tl,[e("div",ol,[e("div",sl,[e("small",il,[u(C,{t:"Real Time Sent Data Usage"})]),i.value.data.