diff options
Diffstat (limited to 'web/html/form/tls_settings.html')
| -rw-r--r-- | web/html/form/tls_settings.html | 116 |
1 files changed, 116 insertions, 0 deletions
diff --git a/web/html/form/tls_settings.html b/web/html/form/tls_settings.html new file mode 100644 index 00000000..473a1d5a --- /dev/null +++ b/web/html/form/tls_settings.html @@ -0,0 +1,116 @@ +{{define "form/tlsSettings"}} +<!-- tls enable --> +<a-form v-if="inbound.canEnableTls()" :colon="false" :label-col="{ md: {span:8} }" :wrapper-col="{ md: {span:14} }"> + <a-divider :style="{ margin: '3px 0' }"></a-divider> + <a-form-item label='{{ i18n "security" }}'> + <a-radio-group v-model="inbound.stream.security" button-style="solid"> + <a-radio-button value="none">{{ i18n "none" }}</a-radio-button> + <a-radio-button v-if="inbound.canEnableReality()" value="reality">Reality</a-radio-button> + <a-radio-button value="tls">TLS</a-radio-button> + </a-radio-group> + </a-form-item> + + <!-- tls settings --> + <template v-if="inbound.stream.isTls"> + <a-form-item label="SNI" placeholder="Server Name Indication"> + <a-input v-model.trim="inbound.stream.tls.sni"></a-input> + </a-form-item> + <a-form-item label="Cipher Suites"> + <a-select v-model="inbound.stream.tls.cipherSuites" :dropdown-class-name="themeSwitcher.currentTheme"> + <a-select-option value="">Auto</a-select-option> + <a-select-option v-for="key,value in TLS_CIPHER_OPTION" :value="key">[[ value ]]</a-select-option> + </a-select> + </a-form-item> + <a-form-item label="Min/Max Version"> + <a-input-group compact> + <a-select v-model="inbound.stream.tls.minVersion" :style="{ width: '50%' }" + :dropdown-class-name="themeSwitcher.currentTheme"> + <a-select-option v-for="key in TLS_VERSION_OPTION" :value="key">[[ key ]]</a-select-option> + </a-select> + <a-select v-model="inbound.stream.tls.maxVersion" :style="{ width: '50%' }" + :dropdown-class-name="themeSwitcher.currentTheme"> + <a-select-option v-for="key in TLS_VERSION_OPTION" :value="key">[[ key ]]</a-select-option> + </a-select> + </a-input-group> + </a-form-item> + <a-form-item label="uTLS"> + <a-select v-model="inbound.stream.tls.settings.fingerprint" :style="{ width: '100%' }" + :dropdown-class-name="themeSwitcher.currentTheme"> + <a-select-option value=''>None</a-select-option> + <a-select-option v-for="key in UTLS_FINGERPRINT" :value="key">[[ key ]]</a-select-option> + </a-select> + </a-form-item> + <a-form-item label="ALPN"> + <a-select mode="multiple" :dropdown-class-name="themeSwitcher.currentTheme" v-model="inbound.stream.tls.alpn"> + <a-select-option v-for="alpn in ALPN_OPTION" :value="alpn">[[ alpn ]]</a-select-option> + </a-select> + </a-form-item> + <a-form-item label="Allow Insecure"> + <a-switch v-model="inbound.stream.tls.settings.allowInsecure"></a-switch> + </a-form-item> + <a-form-item label="Reject Unknown SNI"> + <a-switch v-model="inbound.stream.tls.rejectUnknownSni"></a-switch> + </a-form-item> + <a-form-item label="Disable System Root"> + <a-switch v-model="inbound.stream.tls.disableSystemRoot"></a-switch> + </a-form-item> + <a-form-item label="Session Resumption"> + <a-switch v-model="inbound.stream.tls.enableSessionResumption"></a-switch> + </a-form-item> + <a-form-item label="VerifyPeerCertInNames"> + <a-input v-model.trim="inbound.stream.tls.verifyPeerCertInNames"></a-input> + </a-form-item> + <template v-for="cert,index in inbound.stream.tls.certs"> + <a-form-item label='{{ i18n "certificate" }}'> + <a-radio-group v-model="cert.useFile" button-style="solid"> + <a-radio-button :value="true">{{ i18n "pages.inbounds.certificatePath" }}</a-radio-button> + <a-radio-button :value="false">{{ i18n "pages.inbounds.certificateContent" }}</a-radio-button> + </a-radio-group> + <a-button icon="plus" v-if="index === 0" type="primary" size="small" @click="inbound.stream.tls.addCert()" + :style="{ marginLeft: '10px' }"></a-button> + <a-button icon="minus" v-if="inbound.stream.tls.certs.length>1" type="primary" size="small" + @click="inbound.stream.tls.removeCert(index)" :style="{ marginLeft: '10px' }"></a-button> + </a-form-item> + <template v-if="cert.useFile"> + <a-form-item label='{{ i18n "pages.inbounds.publicKey" }}'> + <a-input v-model.trim="cert.certFile"></a-input> + </a-form-item> + <a-form-item label='{{ i18n "pages.inbounds.privatekey" }}'> + <a-input v-model.trim="cert.keyFile"></a-input> + </a-form-item> + <a-form-item label=" "> + <a-button type="primary" icon="import" @click="setDefaultCertData(index)"> + {{ i18n "pages.inbounds.setDefaultCert" }}</a-button> + </a-form-item> + </template> + <template v-else> + <a-form-item label='{{ i18n "pages.inbounds.publicKey" }}'> + <a-input v-model="cert.cert"></a-input> + </a-form-item> + <a-form-item label='{{ i18n "pages.inbounds.privatekey" }}'> + <a-input type="password" v-model="cert.key"></a-input> + </a-form-item> + </template> + <a-form-item label='OCSP stapling'> + <a-input-number v-model.number="cert.ocspStapling" :min="0"></a-input-number> + </a-form-item> + <a-form-item label="One Time Loading"> + <a-switch v-model="cert.oneTimeLoading"></a-switch> + </a-form-item> + <a-form-item label='Usage Option'> + <a-select v-model="cert.usage" :style="{ width: '50%' }" :dropdown-class-name="themeSwitcher.currentTheme"> + <a-select-option v-for="key in USAGE_OPTION" :value="key">[[ key ]]</a-select-option> + </a-select> + </a-form-item> + <a-form-item label="Build Chain" v-if="cert.usage === 'issue'"> + <a-switch v-model="cert.buildChain"></a-switch> + </a-form-item> + </template> + </template> + + <!-- reality settings --> + <template v-if="inbound.stream.isReality"> + {{template "form/realitySettings"}} + </template> +</a-form> +{{end}}
\ No newline at end of file |