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

3 lines
37 KiB
JavaScript
Raw Normal View History

2025-07-21 17:02:21 +08:00
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/peerAssignModal-CVKT0OBb.js","assets/localeText-Ba6eq1Di.js","assets/index-DkugIDDs.js","assets/index-wGh3t2RU.css","assets/DashboardClientAssignmentStore-B7DQKpKM.js","assets/peerAssignModal--_bmFbmn.css","assets/peerShareLinkModal-CKz45ZBi.js","assets/dayjs.min-BVLOW4ab.js","assets/vue-datepicker-CM7AkgRK.js","assets/peerShareLinkModal-DgDHiTOw.css","assets/peerJobs-CNXD89gJ.js","assets/schedulePeerJob-DvRzJb6a.js","assets/schedulePeerJob-BGJSEouo.css","assets/peerJobs-D_dDl936.css","assets/peerQRCode-wmHjCKmS.js","assets/browser-T83fbyY6.js","assets/peerQRCode-DuWWfBch.css","assets/peerConfigurationFile-DoNG5Ttb.js","assets/peerConfigurationFile-Z9ms5mIx.css","assets/peerSettings-C7EyL4n3.js","assets/peerSettings-CSjO_Okh.css","assets/peerSearchBar-DwiKMQx5.js","assets/peerSearchBar-0uWV_0iv.css","assets/peerJobsAllModal-r6P-5-lS.js","assets/peerJobsLogsModal-B3zJ9cai.js","assets/editConfiguration-nzihQVFj.js","assets/editConfiguration-ChlGwssr.css","assets/selectPeers-DfRRr-oT.js","assets/selectPeers-ChWyERy7.css","assets/peerAddModal-BV5SqFTj.js","assets/peerAddModal-B4gIHs91.css"])))=>i.map(i=>d[i]);
import{r as A,M as de,D as H,o as ue,H as ee,x as ne,q as B,c as v,f as l,a as e,b as d,u as M,d as $,t as w,g as Q,_ as K,h as q,F,i as X,n as L,z as G,G as T,W as ce,N as ge,O as ve,P as j,w as J,j as ae,e as N,k as x,Q as R,T as oe,R as I,K as be,m as he,v as _e,S as ye}from"./index-DkugIDDs.js";import{_ as Se}from"./protocolBadge-B77F6Q2h.js";import{L as O}from"./localeText-Ba6eq1Di.js";import{C as Pe,L as $e,B as we,a as xe,b as Ce,c as ke,p as Oe,d as Me,e as De,f as Ae,P as Le,h as Re,g as re}from"./index-Ch9Wpe7R.js";import{d as Ie}from"./dayjs.min-BVLOW4ab.js";const Te={class:"row gx-2 gy-2 mb-3"},Ee={class:"col-12"},Be={class:"card rounded-3 bg-transparent",style:{height:"270px"}},Ne={class:"card-header bg-transparent border-0"},Je={class:"text-muted"},Fe={class:"card-body pt-1"},je={class:"col-sm col-lg-6"},Ve={class:"card rounded-3 bg-transparent",style:{height:"270px"}},Ue={class:"card-header bg-transparent border-0 d-flex align-items-center"},Ge={class:"text-muted"},Qe={key:0,class:"text-primary fw-bold ms-auto"},ze={class:"card-body pt-1"},We={class:"col-sm col-lg-6"},qe={class:"card rounded-3 bg-transparent",style:{height:"270px"}},He={class:"card-header bg-transparent border-0 d-flex align-items-center"},Ke={class:"text-muted"},Ye={key:0,class:"text-success fw-bold ms-auto"},Ze={class:"card-body pt-1"},Xe={__name:"peerDataUsageCharts",props:{configurationPeers:Array,configurationInfo:Object},setup(o){Pe.register($e,we,xe,Ce,ke,Oe,Me,De,Ae,Le);const t=o,r=A({timestamp:[],data:[]}),i=A({timestamp:[],data:[]}),C=de(),P=H(),c=A(void 0),m=async()=>{await Q("/api/getWireguardConfigurationRealtimeTraffic",{configurationName:C.params.id},_=>{let b=Ie().format("hh:mm:ss A");(_.data.sent!==0&&_.data.recv!==0||r.value.data.length>0&&i.value.data.length>0)&&(r.value.timestamp.push(b),r.value.data.push(_.data.sent),i.value.timestamp.push(b),i.value.data.push(_.data.recv))})},a=()=>{clearInterval(c.value),c.value=void 0,t.configurationInfo.Status&&(c.value=setInterval(()=>{m()},parseInt(P.Configuration.Server.dashboard_refresh_interval)))};ue(()=>{a()}),ee(()=>t.configurationInfo.Status,()=>{a()}),ee(()=>P.Configuration.Server.dashboard_refresh_interval,()=>{a()}),ne(()=>{clearInterval(c.value),c.value=void 0});const f=B(()=>{let _=t.configurationPeers.filter(b=>b.cumu_data+b.total_data>0);return{labels:_.map(b=>b.name?b.name:`Untitled Peer - ${b.id}`),datasets:[{label:"Total Data Usage",data:_.map(b=>b.cumu_data+b.total_data),backgroundColor:_.map(b=>"#ffc107"),tooltip:{callbacks:{label:b=>`${b.formattedValue} GB`}}}]}}),g=B(()=>({labels:[...r.value.timestamp],datasets:[{label:"Data Sent",data:[...r.value.data],fill:!1,borderColor:"#198754",backgroundColor:"#198754",tension:0}]})),D=B(()=>({labels:[...i.value.timestamp],datasets:[{label:"Data Received",data:[...i.value.data],fill:!1,borderColor:"#0d6efd",backgroundColor:"#0d6efd",tension:0}]})),h=B(()=>({responsive:!0,plugins:{legend:{display:!1}},scales:{x:{ticks:{display:!1},grid:{display:!1}},y:{ticks:{callback:(_,b)=>`${Math.round((_+Number.EPSILON)*1e3)/1e3} GB`},grid:{display:!1}}}})),y=B(()=>({responsive:!0,plugins:{legend:{display:!1},tooltip:{callbacks:{label:_=>`${_.formattedValue} MB/s`}}},scales:{x:{ticks:{display:!1},grid:{display:!0}},y:{ticks:{callback:(_,b)=>`${Math.round((_+Number.EPSILON)*1e3)/1e3} MB/s`},grid:{display:!0}}}}));return(_,b)=>(l(),v("div",Te,[e("div",Ee,[e("div",Be,[e("div",Ne,[e("small",Je,[d(O,{t:"Peers Data Usage"})])]),e("div",Fe,[d(M(Re),{data:f.value,options:h.value,style:{width:"100%",height:"200px","max-height":"200px"}},null,8,["data","options"])])])]),e("div",je,[e("div",Ve,[e("div",Ue,[e("small",Ge,[d(O,{t:"Real Time Received Data Usage"})]),i.value.data.length>0?(l(),v("small",Qe,w(i.value.data[i.value.data.length-1])+" MB/s ",1)):$("",!0)]),e("div",ze,[d(M(re),{options:y.value,data:D.value,style:{width:"100%",height:"200px","max-height":"200px"}},null,8,["options","data"])])])]),e("div",We,[e("div",qe,[e("div",He,[e("small",Ke,[d(O,{t:"Real Time Sent Data Usage"})]),r.value.data.length>0?(l(),v("small",Ye,w(r.value.data[