Code refactoring (#2865)

* refactor: use vue inline styles in entire application

* refactor: setting row in dashboard page

* refactor: use blob for download file in text modal

* refactor: move all html templates in `web/html` folder

* refactor: `DeviceUtils` -> `MediaQueryMixin`
The transition to mixins has been made, as they can update themselves.

* chore: pretty right buttons in `outbounds` tab in xray settings

* refactor: add translations for system status

* refactor: adjust gutter spacing in setting list item

* refactor: use native `a-input-password` for password field

* chore: return old system status
with new translations

* chore: add missing translation

1 files changed, 0 insertions, 76 deletions

diff --git a/web/html/xui/form/protocol/wireguard.html b/web/html/xui/form/protocol/wireguard.html
deleted file mode 100644
index 31e2e653..00000000
--- a/web/html/xui/form/protocol/wireguard.html
+++ /dev/null
@@ -1,76 +0,0 @@
-{{define "form/wireguard"}}
-<a-form :colon="false" :label-col="{ md: {span:8} }" :wrapper-col="{ md: {span:14} }">
-  <a-form-item>
-    <template slot="label">
-      <a-tooltip>
-        <template slot="title">
-          <span>{{ i18n "reset" }}</span>
-        </template>
-        {{ i18n "pages.xray.wireguard.secretKey" }}
-        <a-icon type="sync" @click="[inbound.settings.pubKey, inbound.settings.secretKey] = Object.values(Wireguard.generateKeypair())"></a-icon>
-      </a-tooltip>
-    </template>
-    <a-input v-model.trim="inbound.settings.secretKey"></a-input>
-  </a-form-item>
-  <a-form-item label='{{ i18n "pages.xray.wireguard.publicKey" }}'>
-    <a-input disabled v-model="inbound.settings.pubKey"></a-input>
-  </a-form-item>
-  <a-form-item label='MTU'>
-    <a-input-number v-model.number="inbound.settings.mtu"></a-input-number>
-  </a-form-item>
-  <a-form-item label='No Kernel Tun'>
-    <a-switch v-model="inbound.settings.noKernelTun"></a-switch>
-  </a-form-item>
-  <a-form-item label="Peers">
-    <a-button icon="plus" type="primary" size="small" @click="inbound.settings.addPeer()"></a-button>
-  </a-form-item>
-  <a-form v-for="(peer, index) in inbound.settings.peers" :colon="false" :label-col="{ md: {span:8} }" :wrapper-col="{ md: {span:14} }">
-    <a-divider style="margin:0;"> Peer [[ index + 1 ]] <a-icon v-if="inbound.settings.peers.length>1" type="delete" @click="() => inbound.settings.delPeer(index)" style="color: rgb(255, 77, 79);cursor: pointer;"></a-icon>
-    </a-divider>
-    <a-form-item>
-      <template slot="label">
-        <a-tooltip>
-          <template slot="title">
-            <span>{{ i18n "reset" }}</span>
-          </template>
-          {{ i18n "pages.xray.wireguard.secretKey" }}
-          <a-icon @click="[peer.publicKey, peer.privateKey] = Object.values(Wireguard.generateKeypair())" type="sync"></a-icon>
-        </a-tooltip>
-      </template>
-      <a-input v-model.trim="peer.privateKey"></a-input>
-    </a-form-item>
-    <a-form-item>
-      <template slot="label">
-        {{ i18n "pages.xray.wireguard.publicKey" }}
-      </template>
-      <a-input v-model.trim="peer.publicKey"></a-input>
-    </a-form-item>
-    <a-form-item>
-      <template slot="label">
-        <a-tooltip>
-          <template slot="title">
-            <span>{{ i18n "reset" }}</span>
-          </template>
-          {{ i18n "pages.xray.wireguard.psk" }}
-          <a-icon @click="peer.psk = Wireguard.keyToBase64(Wireguard.generatePresharedKey())" type="sync"></a-icon>
-        </a-tooltip>
-      </template>
-      <a-input v-model.trim="peer.psk"></a-input>
-    </a-form-item>
-    <a-form-item>
-      <template slot="label">
-        {{ i18n "pages.xray.wireguard.allowedIPs" }}
-        <a-button icon="plus" type="primary" size="small" @click="peer.allowedIPs.push('')"></a-button>
-      </template>
-      <template v-for="(aip, index) in peer.allowedIPs" style="margin-bottom: 10px;">
-        <a-input v-model.trim="peer.allowedIPs[index]">
-          <a-button icon="minus" v-if="peer.allowedIPs.length>1" slot="addonAfter" size="small" @click="peer.allowedIPs.splice(index, 1)"></a-button>
-        </a-input>
-      </template>
-    </a-form-item>
-    <a-form-item label='Keep Alive'>
-      <a-input-number v-model.number="peer.keepAlive" :min="0"></a-input-number>
-    </a-form-item>
-  </a-form>
-</a-form>
-{{end}}
\ No newline at end of file