diff options
Diffstat (limited to 'web/html/xui/xray_reverse_modal.html')
| -rw-r--r-- | web/html/xui/xray_reverse_modal.html | 102 |
1 files changed, 33 insertions, 69 deletions
diff --git a/web/html/xui/xray_reverse_modal.html b/web/html/xui/xray_reverse_modal.html index 0980ffb9..cb4e7037 100644 --- a/web/html/xui/xray_reverse_modal.html +++ b/web/html/xui/xray_reverse_modal.html @@ -2,77 +2,41 @@ <a-modal id="reverse-modal" v-model="reverseModal.visible" :title="reverseModal.title" @ok="reverseModal.ok" :confirm-loading="reverseModal.confirmLoading" :closable="true" :mask-closable="false" :ok-text="reverseModal.okText" cancel-text='{{ i18n "close" }}' :class="themeSwitcher.currentTheme"> - <a-form layout="inline"> - <table width="100%" class="ant-table-tbody"> - <tr> - <td style="width: 30%;" >{{ i18n "pages.xray.outbound.type" }}</td> - <td> - <a-form-item> - <a-select v-model="reverseModal.reverse.type" style="width: 250px;" :dropdown-class-name="themeSwitcher.currentTheme"> - <a-select-option v-for="x,y in reverseTypes" :value="y">[[ x ]]</a-select-option> - </a-select> - </a-form-item> - </td> - </tr> - <tr> - <td>{{ i18n "pages.xray.outbound.tag" }}</td> - <td> - <a-form-item> - <a-input v-model.trim="reverseModal.reverse.tag" style="width: 250px"></a-input> - </a-form-item> - </td> - </tr> - <tr> - <td>{{ i18n "pages.xray.outbound.domain" }}</td> - <td> - <a-form-item> - <a-input v-model.trim="reverseModal.reverse.domain" style="width: 250px"></a-input> - </a-form-item> - </td> - </tr> + <a-form :colon="false" :label-col="{ md: {span:6} }" :wrapper-col="{ md: {span:14} }"> + <a-form-item label='{{ i18n "pages.xray.outbound.type" }}'> + <a-select v-model="reverseModal.reverse.type" :dropdown-class-name="themeSwitcher.currentTheme"> + <a-select-option v-for="x,y in reverseTypes" :value="y">[[ x ]]</a-select-option> + </a-select> + </a-form-item> + <a-form-item label='{{ i18n "pages.xray.outbound.tag" }}'> + <a-input v-model.trim="reverseModal.reverse.tag"></a-input> + </a-form-item> + <a-form-item label='{{ i18n "pages.xray.outbound.domain" }}'> + <a-input v-model.trim="reverseModal.reverse.domain"></a-input> + </a-form-item> <template v-if="reverseModal.reverse.type=='bridge'"> - <tr> - <td>{{ i18n "pages.xray.outbound.intercon" }}</td> - <td> - <a-form-item> - <a-select v-model="reverseModal.rules[0].outboundTag" style="width: 250px;" :dropdown-class-name="themeSwitcher.currentTheme"> - <a-select-option v-for="x in reverseModal.outboundTags" :value="x">[[ x ]]</a-select-option> - </a-select> - </a-form-item> - </td> - </tr> - <tr> - <td>{{ i18n "pages.xray.rules.outbound" }}</td> - <td> - <a-form-item> - <a-select v-model="reverseModal.rules[1].outboundTag" style="width: 250px;" :dropdown-class-name="themeSwitcher.currentTheme"> - <a-select-option v-for="x in reverseModal.outboundTags" :value="x">[[ x ]]</a-select-option> - </a-select> - </a-form-item> - </td> - </tr> + <a-form-item label='{{ i18n "pages.xray.outbound.intercon" }}'> + <a-select v-model="reverseModal.rules[0].outboundTag" :dropdown-class-name="themeSwitcher.currentTheme"> + <a-select-option v-for="x in reverseModal.outboundTags" :value="x">[[ x ]]</a-select-option> + </a-select> + </a-form-item> + <a-form-item label='{{ i18n "pages.xray.rules.outbound" }}'> + <a-select v-model="reverseModal.rules[1].outboundTag" :dropdown-class-name="themeSwitcher.currentTheme"> + <a-select-option v-for="x in reverseModal.outboundTags" :value="x">[[ x ]]</a-select-option> + </a-select> + </a-form-item> </template> <template v-else> - <tr> - <td>{{ i18n "pages.xray.outbound.intercon" }}</td> - <td> - <a-form-item> - <a-checkbox-group - v-model="reverseModal.rules[0].inboundTag" - :options="reverseModal.inboundTags"></a-checkbox-group> - </a-form-item> - </td> - </tr> - <tr> - <td>{{ i18n "pages.xray.rules.inbound" }}</td> - <td> - <a-form-item> - <a-checkbox-group - v-model="reverseModal.rules[1].inboundTag" - :options="reverseModal.inboundTags"></a-checkbox-group> - </a-form-item> - </td> - </tr> + <a-form-item label='{{ i18n "pages.xray.outbound.intercon" }}'> + <a-checkbox-group + v-model="reverseModal.rules[0].inboundTag" + :options="reverseModal.inboundTags"></a-checkbox-group> + </a-form-item> + <a-form-item label='{{ i18n "pages.xray.rules.inbound" }}'> + <a-checkbox-group + v-model="reverseModal.rules[1].inboundTag" + :options="reverseModal.inboundTags"></a-checkbox-group> + </a-form-item> </template> </table> </a-form> @@ -173,4 +137,4 @@ }); </script> -{{end}}
\ No newline at end of file +{{end}} |