finalmask

Co-Authored-By: Alireza Ahmadi <alireza7@gmail.com>

1 files changed, 26 insertions, 53 deletions

diff --git a/web/html/form/client.html b/web/html/form/client.html
index da19fe8f..ef0cfb0a 100644
--- a/web/html/form/client.html
+++ b/web/html/form/client.html
@@ -1,6 +1,5 @@
 {{define "form/client"}}
-<a-form layout="horizontal" v-if="client" :colon="false"
-    :label-col="{ md: {span:8} }" :wrapper-col="{ md: {span:14} }">
+<a-form layout="horizontal" v-if="client" :colon="false" :label-col="{ md: {span:8} }" :wrapper-col="{ md: {span:14} }">
     <a-form-item label='{{ i18n "pages.inbounds.enable" }}'>
         <a-switch v-model="client.enable"></a-switch>
     </a-form-item>
@@ -11,14 +10,12 @@
                     <span>{{ i18n "pages.inbounds.emailDesc" }}</span>
                 </template>
                 {{ i18n "pages.inbounds.email" }}
-                <a-icon type="sync"
-                    @click="client.email = RandomUtil.randomLowerAndNum(9)"></a-icon>
+                <a-icon type="sync" @click="client.email = RandomUtil.randomLowerAndNum(9)"></a-icon>
             </a-tooltip>
         </template>
         <a-input v-model.trim="client.email"></a-input>
     </a-form-item>
-    <a-form-item
-        v-if="inbound.protocol === Protocols.TROJAN || inbound.protocol === Protocols.SHADOWSOCKS">
+    <a-form-item v-if="inbound.protocol === Protocols.TROJAN || inbound.protocol === Protocols.SHADOWSOCKS">
         <template slot="label">
             <a-tooltip>
                 <template slot="title">
@@ -28,8 +25,7 @@
                 <a-icon v-if="inbound.protocol === Protocols.SHADOWSOCKS"
                     @click="client.password = RandomUtil.randomShadowsocksPassword(inbound.settings.method)"
                     type="sync"></a-icon>
-                <a-icon v-if="inbound.protocol === Protocols.TROJAN"
-                    @click="client.password = RandomUtil.randomSeq(10)"
+                <a-icon v-if="inbound.protocol === Protocols.TROJAN" @click="client.password = RandomUtil.randomSeq(10)"
                     type="sync"> </a-icon>
             </a-tooltip>
         </template>
@@ -42,29 +38,24 @@
                     <span>{{ i18n "reset" }}</span>
                 </template>
                 Auth Password
-                <a-icon @click="client.auth = RandomUtil.randomSeq(10)"
-                    type="sync"></a-icon>
+                <a-icon @click="client.auth = RandomUtil.randomSeq(10)" type="sync"></a-icon>
             </a-tooltip>
         </template>
         <a-input v-model.trim="client.auth"></a-input>
     </a-form-item>
-    <a-form-item
-        v-if="inbound.protocol === Protocols.VMESS || inbound.protocol === Protocols.VLESS">
+    <a-form-item v-if="inbound.protocol === Protocols.VMESS || inbound.protocol === Protocols.VLESS">
         <template slot="label">
             <a-tooltip>
                 <template slot="title">
                     <span>{{ i18n "reset" }}</span>
                 </template>
-                ID <a-icon @click="client.id = RandomUtil.randomUUID()"
-                    type="sync"></a-icon>
+                ID <a-icon @click="client.id = RandomUtil.randomUUID()" type="sync"></a-icon>
             </a-tooltip>
         </template>
         <a-input v-model.trim="client.id"></a-input>
     </a-form-item>
-    <a-form-item v-if="inbound.protocol === Protocols.VMESS"
-        label='{{ i18n "security" }}'>
-        <a-select v-model="client.security"
-            :dropdown-class-name="themeSwitcher.currentTheme">
+    <a-form-item v-if="inbound.protocol === Protocols.VMESS" label='{{ i18n "security" }}'>
+        <a-select v-model="client.security" :dropdown-class-name="themeSwitcher.currentTheme">
             <a-select-option v-for="key in USERS_SECURITY" :value="key">[[ key
                 ]]</a-select-option>
         </a-select>
@@ -76,8 +67,7 @@
                     <span>{{ i18n "pages.inbounds.subscriptionDesc" }}</span>
                 </template>
                 Subscription
-                <a-icon @click="client.subId = RandomUtil.randomLowerAndNum(16)"
-                    type="sync"></a-icon>
+                <a-icon @click="client.subId = RandomUtil.randomLowerAndNum(16)" type="sync"></a-icon>
             </a-tooltip>
         </template>
         <a-input v-model.trim="client.subId"></a-input>
@@ -92,8 +82,7 @@
                 <a-icon type="question-circle"></a-icon>
             </a-tooltip>
         </template>
-        <a-input-number :style="{ width: '50%' }" v-model.number="client.tgId"
-            min="0"></a-input-number>
+        <a-input-number :style="{ width: '50%' }" v-model.number="client.tgId" min="0"></a-input-number>
     </a-form-item>
     <a-form-item v-if="client.email" label='{{ i18n "comment" }}'>
         <a-input v-model.trim="client.comment"></a-input>
@@ -108,11 +97,9 @@
                 <a-icon type="question-circle"></a-icon>
             </a-tooltip>
         </template>
-        <a-input-number v-model.number="client.limitIp"
-            min="0"></a-input-number>
+        <a-input-number v-model.number="client.limitIp" min="0"></a-input-number>
     </a-form-item>
-    <a-form-item
-        v-if="app.ipLimitEnable && client.limitIp > 0 && client.email && isEdit">
+    <a-form-item v-if="app.ipLimitEnable && client.limitIp > 0 && client.email && isEdit">
         <template slot="label">
             <a-tooltip>
                 <template slot="title">
@@ -127,21 +114,17 @@
                 <span>{{ i18n "pages.inbounds.IPLimitlogclear" }}</span>
             </template>
             <span :style="{ color: '#FF4D4F' }">
-                <a-icon type="delete"
-                    @click="clearDBClientIps(client.email)"></a-icon>
+                <a-icon type="delete" @click="clearDBClientIps(client.email)"></a-icon>
             </span>
         </a-tooltip>
         <a-form layout="block">
-            <a-textarea id="clientIPs" readonly
-                @click="getDBClientIps(client.email)"
-                placeholder="Click To Get IPs"
+            <a-textarea id="clientIPs" readonly @click="getDBClientIps(client.email)" placeholder="Click To Get IPs"
                 :auto-size="{ minRows: 5, maxRows: 10 }">
             </a-textarea>
         </a-form>
     </a-form-item>
     <a-form-item v-if="inbound.canEnableTlsFlow()" label='Flow'>
-        <a-select v-model="client.flow"
-            :dropdown-class-name="themeSwitcher.currentTheme">
+        <a-select v-model="client.flow" :dropdown-class-name="themeSwitcher.currentTheme">
             <a-select-option value selected>{{ i18n "none" }}</a-select-option>
             <a-select-option v-for="key in TLS_FLOW_CONTROL" :value="key">[[ key
                 ]]</a-select-option>
@@ -157,12 +140,10 @@
                 <a-icon type="question-circle"></a-icon>
             </a-tooltip>
         </template>
-        <a-input-number v-model.number="client._totalGB"
-            :min="0"></a-input-number>
+        <a-input-number v-model.number="client._totalGB" :min="0"></a-input-number>
     </a-form-item>
     <a-form-item v-if="isEdit && clientStats" label='{{ i18n "usage" }}'>
-        <a-tag
-            :color="ColorUtils.clientUsageColor(clientStats, app.trafficDiff)">
+        <a-tag :color="ColorUtils.clientUsageColor(clientStats, app.trafficDiff)">
             [[ SizeFormatter.sizeFormat(clientStats.up) ]] /
             [[ SizeFormatter.sizeFormat(clientStats.down) ]]
             ([[ SizeFormatter.sizeFormat(clientStats.up + clientStats.down) ]])
@@ -170,19 +151,15 @@
         <a-tooltip>
             <template slot="title">{{ i18n "pages.inbounds.resetTraffic"
                 }}</template>
-            <a-icon type="retweet"
-                @click="resetClientTraffic(client.email,clientStats.inboundId,$event.target)"
+            <a-icon type="retweet" @click="resetClientTraffic(client.email,clientStats.inboundId,$event.target)"
                 v-if="client.email.length > 0"></a-icon>
         </a-tooltip>
     </a-form-item>
     <a-form-item label='{{ i18n "pages.client.delayedStart" }}'>
-        <a-switch v-model="delayedStart"
-            @click="client._expiryTime=0"></a-switch>
+        <a-switch v-model="delayedStart" @click="client._expiryTime=0"></a-switch>
     </a-form-item>
-    <a-form-item v-if="delayedStart"
-        label='{{ i18n "pages.client.expireDays" }}'>
-        <a-input-number v-model.number="delayedExpireDays"
-            :min="0"></a-input-number>
+    <a-form-item v-if="delayedStart" label='{{ i18n "pages.client.expireDays" }}'>
+        <a-input-number v-model.number="delayedExpireDays" :min="0"></a-input-number>
     </a-form-item>
     <a-form-item v-else>
         <template slot="label">
@@ -193,14 +170,10 @@
                 <a-icon type="question-circle"></a-icon>
             </a-tooltip>
         </template>
-        <a-date-picker v-if="datepicker == 'gregorian'"
-            :show-time="{ format: 'HH:mm:ss' }" format="YYYY-MM-DD HH:mm:ss"
-            :dropdown-class-name="themeSwitcher.currentTheme"
-            v-model="client._expiryTime"></a-date-picker>
-        <a-persian-datepicker v-else
-            placeholder='{{ i18n "pages.settings.datepickerPlaceholder" }}'
-            value="client._expiryTime"
-            v-model="client._expiryTime"></a-persian-datepicker>
+        <a-date-picker v-if="datepicker == 'gregorian'" :show-time="{ format: 'HH:mm:ss' }" format="YYYY-MM-DD HH:mm:ss"
+            :dropdown-class-name="themeSwitcher.currentTheme" v-model="client._expiryTime"></a-date-picker>
+        <a-persian-datepicker v-else placeholder='{{ i18n "pages.settings.datepickerPlaceholder" }}'
+            value="client._expiryTime" v-model="client._expiryTime"></a-persian-datepicker>
         <a-tag color="red" v-if="isEdit && isExpiry">Expired</a-tag>
     </a-form-item>
     <a-form-item v-if="client.expiryTime != 0">