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

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