tls_settings.html 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. {{define "form/tlsSettings"}}
  2. <!-- tls enable -->
  3. <a-form layout="inline" v-if="inbound.canSetTls()">
  4. <a-form-item label="TLS">
  5. <a-switch v-model="inbound.tls">
  6. </a-switch>
  7. </a-form-item>
  8. <a-form-item v-if="inbound.canEnableXTLS()" label="XTLS">
  9. <a-switch v-model="inbound.XTLS"></a-switch>
  10. </a-form-item>
  11. </a-form>
  12. <!-- tls settings -->
  13. <a-form v-if="inbound.tls || inbound.XTLS" layout="inline">
  14. <a-form-item label="SNI" placeholder="Server Name Indication" v-if="inbound.tls">
  15. <a-input v-model.trim="inbound.stream.tls.settings[0].serverName"></a-input>
  16. </a-form-item>
  17. <a-form-item label="CipherSuites">
  18. <a-select v-model="inbound.stream.tls.cipherSuites" style="width: 300px">
  19. <a-select-option value="">auto</a-select-option>
  20. <a-select-option v-for="key in TLS_CIPHER_OPTION" :value="key">[[ key ]]</a-select-option>
  21. </a-select>
  22. </a-form-item>
  23. <a-form-item label="MinVersion">
  24. <a-select v-model="inbound.stream.tls.minVersion" style="width: 60px" :dropdown-class-name="siderDrawer.isDarkTheme ? 'ant-card-dark' : ''">
  25. <a-select-option v-for="key in TLS_VERSION_OPTION" :value="key">[[ key ]]</a-select-option>
  26. </a-select>
  27. </a-form-item>
  28. <a-form-item label="MaxVersion">
  29. <a-select v-model="inbound.stream.tls.maxVersion" style="width: 60px" :dropdown-class-name="siderDrawer.isDarkTheme ? 'ant-card-dark' : ''">
  30. <a-select-option v-for="key in TLS_VERSION_OPTION" :value="key">[[ key ]]</a-select-option>
  31. </a-select>
  32. </a-form-item>
  33. <a-form-item label="uTLS" v-if="inbound.tls" >
  34. <a-select v-model="inbound.stream.tls.settings[0].fingerprint" style="width: 135px">
  35. <a-select-option value=''>None</a-select-option>
  36. <a-select-option v-for="key in UTLS_FINGERPRINT" :value="key">[[ key ]]</a-select-option>
  37. </a-select>
  38. </a-form-item>
  39. <a-form-item label='{{ i18n "domainName" }}'>
  40. <a-input v-model.trim="inbound.stream.tls.server"></a-input>
  41. </a-form-item>
  42. <a-form-item label="Alpn">
  43. <a-checkbox-group v-model="inbound.stream.tls.alpn" style="width:200px">
  44. <a-checkbox v-for="key in ALPN_OPTION" :value="key">[[ key ]]</a-checkbox>
  45. </a-checkbox-group>
  46. </a-form-item>
  47. <a-form-item label="Allow insecure">
  48. <a-switch v-model="inbound.stream.tls.settings[0].allowInsecure"></a-switch>
  49. </a-form-item>
  50. <a-form-item label='{{ i18n "certificate" }}'>
  51. <a-radio-group v-model="inbound.stream.tls.certs[0].useFile" button-style="solid">
  52. <a-radio-button :value="true">{{ i18n "pages.inbounds.certificatePath" }}</a-radio-button>
  53. <a-radio-button :value="false">{{ i18n "pages.inbounds.certificateContent" }}</a-radio-button>
  54. </a-radio-group>
  55. </a-form-item>
  56. <template v-if="inbound.stream.tls.certs[0].useFile">
  57. <a-form-item label='{{ i18n "pages.inbounds.publicKeyPath" }}'>
  58. <a-input v-model.trim="inbound.stream.tls.certs[0].certFile" style="width:300px;"></a-input>
  59. </a-form-item>
  60. <a-form-item label='{{ i18n "pages.inbounds.keyPath" }}'>
  61. <a-input v-model.trim="inbound.stream.tls.certs[0].keyFile" style="width:300px;"></a-input>
  62. </a-form-item>
  63. <a-button @click="setDefaultCertData">{{ i18n "pages.inbounds.setDefaultCert" }}</a-button>
  64. </template>
  65. <template v-else>
  66. <a-form-item label='{{ i18n "pages.inbounds.publicKeyContent" }}'>
  67. <a-input type="textarea" :rows="3" style="width:300px;" v-model="inbound.stream.tls.certs[0].cert"></a-input>
  68. </a-form-item>
  69. <a-form-item label='{{ i18n "pages.inbounds.keyContent" }}'>
  70. <a-input type="textarea" :rows="3" style="width:300px;" v-model="inbound.stream.tls.certs[0].key"></a-input>
  71. </a-form-item>
  72. </template>
  73. </a-form>
  74. {{end}}