From 45da00cd94bcdf51db4b2f4a4c166bb2e45ccb43 Mon Sep 17 00:00:00 2001
From: codefactor-io <support@codefactor.io>
Date: Mon, 2 Jan 2023 12:33:25 +0000
Subject: [PATCH] [CodeFactor] Apply fixes

---
 ui/src/components/TrafficDisplay.vue | 36 +++++++++++++++-------------
 ui/src/components/Utilities.vue      | 32 +++++++++++++++++++++----
 2 files changed, 47 insertions(+), 21 deletions(-)

diff --git a/ui/src/components/TrafficDisplay.vue b/ui/src/components/TrafficDisplay.vue
index c2806a4..475a10d 100644
--- a/ui/src/components/TrafficDisplay.vue
+++ b/ui/src/components/TrafficDisplay.vue
@@ -21,7 +21,11 @@
                 </span>
               </n-gi>
               <n-gi span="2">
-                <apexchart type="area" :options="interfaceData.chartOptions" :series="interfaceData.series">
+                <apexchart
+                  type="area"
+                  :options="interfaceData.chartOptions"
+                  :series="interfaceData.series"
+                >
                 </apexchart>
               </n-gi>
             </n-grid>
@@ -75,8 +79,8 @@ export default defineComponent({
               },
               animateGradually: {
                 enabled: true,
-                delay: 300
-              }
+                delay: 300,
+              },
             },
             zoom: {
               enabled: false,
@@ -205,22 +209,22 @@ export default defineComponent({
     loadCache(data) {
       data = JSON.parse(data[1]);
       data.forEach((e, i) => {
-        let pointTime = new Date(parseInt(e.time.toString() + '000'))
+        let pointTime = new Date(parseInt(e.time.toString() + "000"));
         // console.log(e.data)
         for (let entry in e.data) {
-          let interfaceName = e.data[entry]['name']
+          let interfaceName = e.data[entry]["name"];
           if (!this.interfaces.hasOwnProperty(interfaceName)) {
-            this.createGraph(interfaceName)
-            this.interfaces[interfaceName].lastReceive = e.data[entry]['recv']
-            this.interfaces[interfaceName].lastSend = e.data[entry]['send']
+            this.createGraph(interfaceName);
+            this.interfaces[interfaceName].lastReceive = e.data[entry]["recv"];
+            this.interfaces[interfaceName].lastSend = e.data[entry]["send"];
           }
 
-          this.interfaces[interfaceName].receive = e.data[entry]['recv'];
-          this.interfaces[interfaceName].send = e.data[entry]['send'];
+          this.interfaces[interfaceName].receive = e.data[entry]["recv"];
+          this.interfaces[interfaceName].send = e.data[entry]["send"];
         }
-        this.updateSeries(pointTime)
-      })
-    }
+        this.updateSeries(pointTime);
+      });
+    },
   },
   mounted() {
     setInterval(() => {
@@ -241,9 +245,9 @@ export default defineComponent({
           let sendTraffic = e[3];
           this.wsMessage.splice(i, 1);
           if (!this.interfaces.hasOwnProperty(interfaceName)) {
-            this.createGraph(interfaceName)
-            this.interfaces[interfaceName].lastReceive = receiveTraffic
-            this.interfaces[interfaceName].lastSend = sendTraffic
+            this.createGraph(interfaceName);
+            this.interfaces[interfaceName].lastReceive = receiveTraffic;
+            this.interfaces[interfaceName].lastSend = sendTraffic;
           }
           this.interfaces[interfaceName].receive = receiveTraffic;
           this.interfaces[interfaceName].send = sendTraffic;
diff --git a/ui/src/components/Utilities.vue b/ui/src/components/Utilities.vue
index c05297c..35f2dc7 100644
--- a/ui/src/components/Utilities.vue
+++ b/ui/src/components/Utilities.vue
@@ -3,12 +3,25 @@
     <n-card>
       <template #header> 网络工具 </template>
       <n-space>
-        <n-button v-show="componentConfig.utilities_ping" @click="activate('ping')">Ping</n-button>
+        <n-button
+          v-show="componentConfig.utilities_ping"
+          @click="activate('ping')"
+          >Ping</n-button
+        >
         <!-- <n-button v-show="componentConfig.utilities_traceroute" @click="activate('traceroute')">Traceroute</n-button> -->
-        <n-button v-show="componentConfig.utilities_iperf3" @click="activate('iperf3')">iPerf3</n-button>
+        <n-button
+          v-show="componentConfig.utilities_iperf3"
+          @click="activate('iperf3')"
+          >iPerf3</n-button
+        >
       </n-space>
     </n-card>
-    <n-drawer v-model:show="componentSwitch.ping" :native-scrollbar="true" :width="drawWidth" placement="right">
+    <n-drawer
+      v-model:show="componentSwitch.ping"
+      :native-scrollbar="true"
+      :width="drawWidth"
+      placement="right"
+    >
       <n-drawer-content title="Ping" :closable="true">
         <ping v-model:ws="ws" v-model:wsMessage="wsMessage" />
       </n-drawer-content>
@@ -23,9 +36,18 @@
         <traceroute v-model:ws="ws" v-model:wsMessage="wsMessage" />
       </n-drawer-content>
     </n-drawer> -->
-    <n-drawer v-model:show="componentSwitch.iperf3" :native-scrollbar="true" :width="drawWidth" placement="right">
+    <n-drawer
+      v-model:show="componentSwitch.iperf3"
+      :native-scrollbar="true"
+      :width="drawWidth"
+      placement="right"
+    >
       <n-drawer-content title="iPerf3" :closable="true">
-        <iperf3 v-model:ws="ws" v-model:wsMessage="wsMessage" v-model:componentConfig="componentConfig" />
+        <iperf3
+          v-model:ws="ws"
+          v-model:wsMessage="wsMessage"
+          v-model:componentConfig="componentConfig"
+        />
       </n-drawer-content>
     </n-drawer>
   </div>