From 891a61ac16fbeae942b89863317c3c5497ab18e1 Mon Sep 17 00:00:00 2001
From: Alireza Ahmadi <alireza7@gmail.com>
Date: Sun, 19 Jan 2025 01:52:44 +0100
Subject: [PATCH] small fixes

---
 backend/database/model/outbounds.go           |  2 +-
 backend/service/server.go                     |  4 +-
 frontend/src/components/protocols/Warp.vue    | 86 ++++++++++---------
 .../src/components/protocols/Wireguard.vue    |  2 +-
 frontend/src/store/modules/data.ts            |  6 +-
 5 files changed, 51 insertions(+), 49 deletions(-)

diff --git a/backend/database/model/outbounds.go b/backend/database/model/outbounds.go
index 75b6fc2..9aec2ae 100644
--- a/backend/database/model/outbounds.go
+++ b/backend/database/model/outbounds.go
@@ -27,7 +27,7 @@ func (o *Outbound) UnmarshalJSON(data []byte) error {
 	delete(raw, "tag")
 
 	// Remaining fields
-	o.Options, err = json.Marshal(raw)
+	o.Options, err = json.MarshalIndent(raw, "", "  ")
 	return err
 }
 
diff --git a/backend/service/server.go b/backend/service/server.go
index f12d427..a1887ad 100644
--- a/backend/service/server.go
+++ b/backend/service/server.go
@@ -163,7 +163,7 @@ func (s *ServerService) GenKeypair(keyType string, options string) []string {
 	case "reality":
 		return s.generateRealityKeyPair()
 	case "wireguard":
-		return generateWireGuardKey(options)
+		return s.generateWireGuardKey(options)
 	}
 
 	return []string{"Failed to generate keypair"}
@@ -195,7 +195,7 @@ func (s *ServerService) generateRealityKeyPair() []string {
 	return []string{"PrivateKey: " + base64.RawURLEncoding.EncodeToString(privateKey[:]), "PublicKey: " + base64.RawURLEncoding.EncodeToString(publicKey[:])}
 }
 
-func generateWireGuardKey(pk string) []string {
+func (s *ServerService) generateWireGuardKey(pk string) []string {
 	if len(pk) > 0 {
 		key, _ := wgtypes.ParseKey(pk)
 		return []string{key.PublicKey().String()}
diff --git a/frontend/src/components/protocols/Warp.vue b/frontend/src/components/protocols/Warp.vue
index 38df7ad..932a150 100644
--- a/frontend/src/components/protocols/Warp.vue
+++ b/frontend/src/components/protocols/Warp.vue
@@ -2,50 +2,54 @@
   <v-card subtitle="Warp">
     <template v-if="data.id>0">
       <table dir="ltr" width="100%">
-        <tr>
-          <td>Device ID</td>
-          <td>{{ data.ext.device_id }}</td>
-        </tr>
-        <tr>
-          <td>Access Token</td>
-          <td>{{ data.ext.access_token }}</td>
-        </tr>
-        <tr>
-          <td>{{ $t('types.wg.privKey') }}</td>
-          <td>{{ data.private_key }}</td>
-        </tr>
-        <tr>
-          <td>{{ $t('types.wg.localIp') }}</td>
-          <td>{{ data.address.join(',') }}</td>
-        </tr>
-        <tr>
-          <td colspan="2">
-            <v-text-field
-              v-model="data.ext.license_key"
-              label="License Key"
-              hide-details>
-            </v-text-field>
-          </td>
-        </tr>
+        <tbody>
+          <tr>
+            <td>Device ID</td>
+            <td>{{ data.ext.device_id }}</td>
+          </tr>
+          <tr>
+            <td>Access Token</td>
+            <td>{{ data.ext.access_token }}</td>
+          </tr>
+          <tr>
+            <td>{{ $t('types.wg.privKey') }}</td>
+            <td>{{ data.private_key }}</td>
+          </tr>
+          <tr>
+            <td>{{ $t('types.wg.localIp') }}</td>
+            <td>{{ data.address.join(',') }}</td>
+          </tr>
+          <tr>
+            <td colspan="2">
+              <v-text-field
+                v-model="data.ext.license_key"
+                label="License Key"
+                hide-details>
+              </v-text-field>
+            </td>
+          </tr>
+        </tbody>
       </table>
       <v-card :subtitle="$t('types.wg.peer')">
         <table dir="ltr" width="100%">
-          <tr>
-            <td>{{ $t('out.addr') }}</td>
-            <td>{{ data.peers[0].address + ":" + data.peers[0].port }}</td>
-          </tr>
-          <tr>
-            <td>{{ $t('types.wg.pubKey') }}</td>
-            <td>{{ data.peers[0].public_key }}</td>
-          </tr>
-          <tr>
-            <td>{{ $t('types.wg.allowedIp') }}</td>
-            <td>{{ data.peers[0].allowed_ips.join(',') }}</td>
-          </tr>
-          <tr>
-            <td>Reserved</td>
-            <td>[{{ data.peers[0].reserved.join(',') }}]</td>
-          </tr>
+          <tbody>
+            <tr>
+              <td>{{ $t('out.addr') }}</td>
+              <td>{{ data.peers[0].address + ":" + data.peers[0].port }}</td>
+            </tr>
+            <tr>
+              <td>{{ $t('types.wg.pubKey') }}</td>
+              <td>{{ data.peers[0].public_key }}</td>
+            </tr>
+            <tr>
+              <td>{{ $t('types.wg.allowedIp') }}</td>
+              <td>{{ data.peers[0].allowed_ips.join(',') }}</td>
+            </tr>
+            <tr>
+              <td>Reserved</td>
+              <td>[{{ data.peers[0].reserved.join(',') }}]</td>
+            </tr>
+          </tbody>
         </table>
       </v-card>
     </template>
diff --git a/frontend/src/components/protocols/Wireguard.vue b/frontend/src/components/protocols/Wireguard.vue
index 1cc0b8d..6a357fe 100644
--- a/frontend/src/components/protocols/Wireguard.vue
+++ b/frontend/src/components/protocols/Wireguard.vue
@@ -13,7 +13,7 @@
       <v-col cols="12" sm="8">
         <v-text-field
           v-model="options.public_key"
-          disabled
+          readonly
           :label="$t('tls.pubKey')"
           append-icon="mdi-refresh"
           @click:append="getWgPubKey()"
diff --git a/frontend/src/store/modules/data.ts b/frontend/src/store/modules/data.ts
index 6a3a704..7fd93a6 100644
--- a/frontend/src/store/modules/data.ts
+++ b/frontend/src/store/modules/data.ts
@@ -3,8 +3,6 @@ import { defineStore } from 'pinia'
 import { push } from 'notivue'
 import { i18n } from '@/locales'
 import { Inbound } from '@/types/inbounds'
-import { Outbound } from '@/types/outbounds'
-import { Endpoint } from '@/types/endpoints'
 import { Client } from '@/types/clients'
 
 const Data = defineStore('Data', {
@@ -15,8 +13,8 @@ const Data = defineStore('Data', {
     onlines: {inbound: <string[]>[], outbound: <string[]>[], user: <string[]>[]},
     config: <any>{},
     inbounds: <any[]>[],
-    outbounds: <Outbound[]>[],
-    endpoints: <Endpoint[]>[],
+    outbounds: <any[]>[],
+    endpoints: <any[]>[],
     clients: <any>[],
     tlsConfigs: <any[]>[],
   }),