diff options
| author | MHSanaei <ho3ein.sanaei@gmail.com> | 2023-12-13 18:57:36 +0300 |
|---|---|---|
| committer | MHSanaei <ho3ein.sanaei@gmail.com> | 2023-12-13 19:03:11 +0300 |
| commit | 8d18c8e98f1b6531d1997feb6933419d71401968 (patch) | |
| tree | 1283d10c68f3a9b9b2cbeeec95fb34a84e9689e3 /web/html/xui/form/protocol/socks.html | |
| parent | 82e2241bdd9552f57d24c8de4fce6c5320efba4c (diff) | |
[gui] redesign forms
Co-Authored-By: Alireza Ahmadi <alireza7@gmail.com>
Diffstat (limited to 'web/html/xui/form/protocol/socks.html')
| -rw-r--r-- | web/html/xui/form/protocol/socks.html | 79 |
1 files changed, 30 insertions, 49 deletions
diff --git a/web/html/xui/form/protocol/socks.html b/web/html/xui/form/protocol/socks.html index 7d1985a9..fafef46f 100644 --- a/web/html/xui/form/protocol/socks.html +++ b/web/html/xui/form/protocol/socks.html @@ -1,52 +1,33 @@ {{define "form/socks"}} -<a-form layout="inline"> - <table width="100%" class="ant-table-tbody"> - <tr> - <td style="width: 30%;">{{ i18n "password" }}</td> - <td> - <a-form-item> - <a-switch :checked="inbound.settings.auth === 'password'" - @change="checked => inbound.settings.auth = checked ? 'password' : 'noauth'"></a-switch> - </a-form-item> - </td> - </tr> - <tr v-if="inbound.settings.auth === 'password'"> - <td colspan="2"> - <table style="width: 100%; text-align: center; margin-bottom: 10px;"> - <tr> - <td width="45%">{{ i18n "username" }}</td> - <td width="45%">{{ i18n "password" }}</td> - <td><a-button size="small" @click="inbound.settings.addAccount(new Inbound.SocksSettings.SocksAccount())">+</a-button></td> - </tr> - </table> - <a-input-group compact v-for="(account, index) in inbound.settings.accounts" style="margin-bottom: 10px;"> - <a-input style="width: 50%" v-model.trim="account.user" placeholder='{{ i18n "username" }}'> - <template slot="addonBefore" style="margin: 0;">[[ index+1 ]]</template> - </a-input> - <a-input style="width: 50%" v-model.trim="account.pass" placeholder='{{ i18n "password" }}'> - <template slot="addonAfter"> - <a-button size="small" @click="inbound.settings.delAccount(index)">-</a-button> - </template> - </a-input> - </a-input-group> - </td> - </tr> - <tr> - <td>{{ i18n "pages.inbounds.enable" }} udp</td> - <td> - <a-form-item> - <a-switch v-model="inbound.settings.udp"></a-switch> - </a-form-item> - </td> - </tr> - <tr v-if="inbound.settings.udp"> - <td>IP</td> - <td> - <a-form-item> - <a-input v-model.trim="inbound.settings.ip"></a-input> - </a-form-item> - </td> - </tr> - </table> +<a-form :colon="false" :label-col="{ md: {span:6} }" :wrapper-col="{ md: {span:14} }"> + <a-form-item label='{{ i18n "pages.inbounds.enable" }} udp'> + <a-switch v-model="inbound.settings.udp"></a-switch> + </a-form-item> + <a-form-item label="IP" v-if="inbound.settings.udp"> + <a-input v-model.trim="inbound.settings.ip"></a-input> + </a-form-item> + <a-form-item label='{{ i18n "password" }}'> + <a-switch :checked="inbound.settings.auth === 'password'" + @change="checked => inbound.settings.auth = checked ? 'password' : 'noauth'"></a-switch> + </a-form-item> + <template v-if="inbound.settings.auth === 'password'"> + <table style="width: 100%; text-align: center; margin-bottom: 10px;"> + <tr> + <td width="45%">{{ i18n "username" }}</td> + <td width="45%">{{ i18n "password" }}</td> + <td><a-button size="small" @click="inbound.settings.addAccount(new Inbound.SocksSettings.SocksAccount())">+</a-button></td> + </tr> + </table> + <a-input-group compact v-for="(account, index) in inbound.settings.accounts" style="margin-bottom: 10px;"> + <a-input style="width: 50%" v-model.trim="account.user" placeholder='{{ i18n "username" }}'> + <template slot="addonBefore" style="margin: 0;">[[ index+1 ]]</template> + </a-input> + <a-input style="width: 50%" v-model.trim="account.pass" placeholder='{{ i18n "password" }}'> + <template slot="addonAfter"> + <a-button size="small" @click="inbound.settings.delAccount(index)">-</a-button> + </template> + </a-input> + </a-input-group> + </template> </a-form> {{end}}
\ No newline at end of file |