diff options
Diffstat (limited to 'web/html/xui/form/inbound.html')
| -rw-r--r-- | web/html/xui/form/inbound.html | 139 |
1 files changed, 55 insertions, 84 deletions
diff --git a/web/html/xui/form/inbound.html b/web/html/xui/form/inbound.html index 5514472b..6f0480c3 100644 --- a/web/html/xui/form/inbound.html +++ b/web/html/xui/form/inbound.html @@ -1,93 +1,64 @@ {{define "form/inbound"}} <!-- base --> -<a-form layout="inline"> - <table width="100%" class="ant-table-tbody"> - <tr> - <td>{{ i18n "enable" }}</td> - <td> - <a-form-item> - <a-switch v-model="dbInbound.enable"></a-switch> - </a-form-item> - </td> - </tr> - <tr> - <td>{{ i18n "remark" }}</td> - <td> - <a-form-item> - <a-input v-model.trim="dbInbound.remark" style="width: 250px;"></a-input> - </a-form-item> - </td> - </tr> - <tr> - <td>{{ i18n "protocol" }}</td> - <td> - <a-form-item> - <a-select v-model="inbound.protocol" style="width: 250px;" :disabled="isEdit" :dropdown-class-name="themeSwitcher.currentTheme"> - <a-select-option v-for="p in Protocols" :key="p" :value="p">[[ p ]]</a-select-option> - </a-select> - </a-form-item> - </td> - </tr> - <tr> - <td>{{ i18n "monitor" }} - <a-tooltip> +<a-form :colon="false" :label-col="{ md: {span:6} }" :wrapper-col="{ md: {span:14} }"> + <a-form-item label='{{ i18n "enable" }}'> + <a-switch v-model="dbInbound.enable"></a-switch> + </a-form-item> + <a-form-item label='{{ i18n "remark" }}'> + <a-input v-model.trim="dbInbound.remark"></a-input> + </a-form-item> + + <a-form-item label='{{ i18n "protocol" }}'> + <a-select v-model="inbound.protocol" :disabled="isEdit" :dropdown-class-name="themeSwitcher.currentTheme"> + <a-select-option v-for="p in Protocols" :key="p" :value="p">[[ p ]]</a-select-option> + </a-select> + </a-form-item> + + <a-form-item> + <template slot="label"> + <a-tooltip> <template slot="title"> <span>{{ i18n "pages.inbounds.monitorDesc" }}</span> </template> - <a-icon type="question-circle" theme="filled"></a-icon> - </a-tooltip> - </td> - <td> - <a-form-item> - <a-input v-model.trim="inbound.listen" style="width: 250px;"></a-input> - </a-form-item> - </td> - </tr> - <tr> - <td>{{ i18n "pages.inbounds.port" }}</td> - <td> - <a-form-item> - <a-input-number v-model.number="inbound.port"></a-input-number> - </a-form-item> - </td> - </tr> - <tr> - <td> - <span>{{ i18n "pages.inbounds.totalFlow" }}</span>(GB) - <a-tooltip> - <template slot="title"> - 0 <span>{{ i18n "pages.inbounds.meansNoLimit" }}</span> - </template> - <a-icon type="question-circle" theme="filled"></a-icon> - </a-tooltip> - </td> - <td> - <a-form-item> - <a-input-number v-model="dbInbound.totalGB" :min="0"></a-input-number> - </a-form-item> - </td> - </tr> - <tr> - <td> - <span>{{ i18n "pages.inbounds.expireDate" }}</span> - <a-tooltip> - <template slot="title"> - <span>{{ i18n "pages.inbounds.leaveBlankToNeverExpire" }}</span> - </template> - <a-icon type="question-circle" theme="filled"></a-icon> - </a-tooltip> - </td> - <td> - <a-form-item> - <a-date-picker :show-time="{ format: 'HH:mm:ss' }" format="YYYY-MM-DD HH:mm:ss" - :dropdown-class-name="themeSwitcher.currentTheme" - v-model="dbInbound._expiryTime" style="width: 250px;"></a-date-picker> - </a-form-item> - </td> - </tr> - </table> -</a-form> + {{ i18n "monitor" }} + <a-icon type="question-circle"></a-icon> + </a-tooltip> + </template> + <a-input v-model.trim="inbound.listen"></a-input> + </a-form-item> + + <a-form-item label='{{ i18n "pages.inbounds.port" }}'> + <a-input-number v-model.number="inbound.port"></a-input-number> + </a-form-item> + + <a-form-item> + <template slot="label"> + <a-tooltip> + <template slot="title"> + 0 <span>{{ i18n "pages.inbounds.meansNoLimit" }}</span> + </template> + {{ i18n "pages.inbounds.totalFlow" }}(GB) + <a-icon type="question-circle"></a-icon> + </a-tooltip> + </template> + <a-input-number v-model="dbInbound.totalGB" :min="0"></a-input-number> + </a-form-item> + <a-form-item> + <template slot="label"> + <a-tooltip> + <template slot="title"> + <span>{{ i18n "pages.inbounds.leaveBlankToNeverExpire" }}</span> + </template> + {{ i18n "pages.inbounds.expireDate" }} + <a-icon type="question-circle"></a-icon> + </a-tooltip> + </template> + <a-date-picker :show-time="{ format: 'HH:mm:ss' }" format="YYYY-MM-DD HH:mm:ss" + :dropdown-class-name="themeSwitcher.currentTheme" + v-model="dbInbound._expiryTime"></a-date-picker> + </a-form-item> +</a-form> <!-- vmess settings --> <template v-if="inbound.protocol === Protocols.VMESS"> |