mirror of
https://github.com/donaldzou/WGDashboard.git
synced 2025-12-17 08:56:18 +00:00
3 lines
114 KiB
JavaScript
3 lines
114 KiB
JavaScript
|
|
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/peerAssignModal-BPO6DvAQ.js","assets/localeText-Cd7vLnRM.js","assets/index-DYYtDSji.js","assets/index-Bcu-vmis.css","assets/DashboardClientAssignmentStore-DDEBJ8Q3.js","assets/peerAssignModal--_bmFbmn.css","assets/peerShareLinkModal-CCIM9t_8.js","assets/dayjs.min-WRW_FTL4.js","assets/vue-datepicker-Cw5Y4tvU.js","assets/index-DPa-4xgI.js","assets/peerShareLinkModal-GoWqB_pD.css","assets/peerJobs-iqYQ4Q-2.js","assets/schedulePeerJob-u2PLfoyV.js","assets/schedulePeerJob-DUtdD062.css","assets/peerJobs-D_dDl936.css","assets/peerQRCode-Bfo15_ll.js","assets/browser-LdOMKRZX.js","assets/galois-field-I2lBzzs-.js","assets/peerQRCode-BmkCjxyX.css","assets/peerConfigurationFile-BNxBGei9.js","assets/peerConfigurationFile-Z9ms5mIx.css","assets/peerSettings-1ZLfa-ii.js","assets/peerSettings-CSjO_Okh.css","assets/peerSearchBar-BGxtkCCT.js","assets/peerSearchBar-Dtpovmxo.css","assets/peerJobsAllModal-C_YCIBgZ.js","assets/peerJobsLogsModal-DGmN7IvQ.js","assets/editConfiguration-DUqDAChA.js","assets/editConfiguration-BV75UXb4.css","assets/selectPeers-S8BB8ekI.js","assets/selectPeers-ChWyERy7.css","assets/peerAddModal-CFkDvr1R.js","assets/peerAddModal-B4gIHs91.css"])))=>i.map(i=>d[i]);
|
||
|
|
import{r as q,L as $e,D as oe,o as ne,I as se,x as re,q as N,G as H,c,f as o,a as e,b as n,u as j,d as O,t as D,g as ee,B as U,W as ie,m as de,n as L,s as pe,y as ke,F,i as G,_ as K,J as _e,v as Pe,w as W,j as I,T as me,k as ae,A as ze,z as X,h as le,e as E,M as V,N as J,O as Ce,E as He,S as Ye}from"./index-DYYtDSji.js";import{_ as Ge}from"./protocolBadge-DbN6X1oX.js";import{L as x}from"./localeText-Cd7vLnRM.js";import{C as Se,L as De,B as Oe,a as qe,b as Me,c as Ie,p as Te,d as je,e as Be,f as Le,P as Re,i as Ae,h as Ve,g as ge}from"./index-CV5Q0a3C.js";import{d as Q}from"./dayjs.min-WRW_FTL4.js";import{o as Je}from"./index-DPa-4xgI.js";import{M as Ue,V as We,k as be,T as Qe,O as Ke,n as Ze,F as we,P as Xe,o as et,p as tt,C as lt,q as st,r as ot,s as it}from"./Vector-CuSZivra.js";import{p as at}from"./index-Bno8fcdN.js";const nt={class:"row gx-2 gy-2 mb-3"},rt={class:"col-12"},dt={class:"card rounded-3 bg-transparent",style:{height:"270px"}},ct={class:"card-header bg-transparent border-0"},ut={class:"text-muted"},ft={class:"card-body pt-1"},pt={class:"col-sm col-lg-6"},mt={class:"card rounded-3 bg-transparent",style:{height:"270px"}},gt={class:"card-header bg-transparent border-0 d-flex align-items-center"},ht={class:"text-muted"},bt={key:0,class:"text-primary fw-bold ms-auto"},vt={class:"card-body pt-1"},kt={class:"col-sm col-lg-6"},wt={class:"card rounded-3 bg-transparent",style:{height:"270px"}},yt={class:"card-header bg-transparent border-0 d-flex align-items-center"},xt={class:"text-muted"},$t={key:0,class:"text-success fw-bold ms-auto"},_t={class:"card-body pt-1"},Pt={__name:"peerDataUsageCharts",props:{configurationPeers:Array,configurationInfo:Object},setup(l){Se.register(De,Oe,qe,Me,Ie,Te,je,Be,Le,Re,Ae);const t=l,a=q({timestamp:[],data:[]}),s=q({timestamp:[],data:[]}),m=$e(),r=oe(),u=q(void 0),_=async()=>{await ee("/api/getWireguardConfigurationRealtimeTraffic",{configurationName:m.params.id},S=>{let b=Q().format("hh:mm:ss A");(S.data.sent!==0&&S.data.recv!==0||a.value.data.length>0&&s.value.data.length>0)&&(a.value.timestamp.push(b),a.value.data.push(S.data.sent),s.value.timestamp.push(b),s.value.data.push(S.data.recv))})},g=()=>{clearInterval(u.value),u.value=void 0,t.configurationInfo.Status&&(u.value=setInterval(()=>{_()},parseInt(r.Configuration.Server.dashboard_refresh_interval)))};ne(()=>{g()}),se(()=>t.configurationInfo.Status,()=>{g()}),se(()=>r.Configuration.Server.dashboard_refresh_interval,()=>{g()}),re(()=>{clearInterval(u.value),u.value=void 0});const d=N(()=>{let S=t.configurationPeers.filter(b=>b.cumu_data+b.total_data>0);return{labels:S.map(b=>b.name?b.name:`Untitled Peer - ${b.id}`),datasets:[{label:"Total Data Usage",data:S.map(b=>b.cumu_data+b.total_data),backgroundColor:S.map(b=>"#ffc107"),tooltip:{callbacks:{label:b=>`${b.formattedValue} GB`}}}]}}),f=N(()=>({labels:[...a.value.timestamp],datasets:[{label:H("Data Sent"),data:[...a.value.data],fill:"start",borderColor:"#198754",backgroundColor:"#19875490",tension:0,pointRadius:2,borderWidth:1}]})),v=N(()=>({labels:[...s.value.timestamp],datasets:[{label:H("Data Received"),data:[...s.value.data],fill:"start",borderColor:"#0d6efd",backgroundColor:"#0d6efd90",tension:0,pointRadius:2,borderWidth:1}]})),w=N(()=>({responsive:!0,plugins:{legend:{display:!1}},scales:{x:{ticks:{display:!1},grid:{display:!1}},y:{ticks:{callback:(S,b)=>`${Math.round((S+Number.EPSILON)*1e3)/1e3} GB`},grid:{display:!1}}}})),$=N(()=>({responsive:!0,plugins:{legend:{display:!1},tooltip:{callbacks:{label:S=>`${S.formattedValue} MB/s`}}},scales:{x:{ticks:{display:!1},grid:{display:!0}},y:{ticks:{callback:(S,b)=>`${Math.round((S+Number.EPSILON)*1e3)/1e3} MB/s`},grid:{display:!0}}}}));return(S,b)=>(o(),c("div",nt,[e("div",rt,[e("div",dt,[e("div",ct,[e("small",ut,[n(x,{t:"Peers Data Usage"})])]),e("div",ft,[n(j(Ve),{data:d.value,options:w.value,style:{width:"100%",height:"200px","max-height":"200px"}},null,8,["data","options"])])])]),e("div",pt,[e("div",mt,[e("div",gt,[e("small",ht,[n(x,{t:"Real Time Received Data Usage"})]),s.value.data.length>0?(o(),c("small",bt,D(s.value.d
|