rproot.html 7.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202
  1. <div class="standardContainer">
  2. <div class="ui basic segment">
  3. <h2>Set Proxy Root</h2>
  4. <p>The default routing point for all incoming traffics. For all routing not found in the proxy rules, request will be redirected to the proxy root server.</p>
  5. <div class="ui form">
  6. <div class="field">
  7. <label>Proxy Root</label>
  8. <input type="text" id="proxyRoot" onchange="checkRootRequireTLS(this.value);">
  9. <small>E.g. localhost:8080</small>
  10. </div>
  11. <div class="field">
  12. <div class="ui checkbox">
  13. <input type="checkbox" id="rootReqTLS">
  14. <label>Root require TLS connection <br><small>Check this if your proxy root URL starts with https://</small></label>
  15. </div>
  16. </div>
  17. <div class="ui horizontal divider">OR</div>
  18. <div class="field">
  19. <div class="ui checkbox">
  20. <input type="checkbox" id="useStaticWebServer" onchange="handleUseStaticWebServerAsRoot()">
  21. <label>Use Static Web Server as Root <br><small>Check this if you prefer a more Apache Web Server like experience</small></label>
  22. </div>
  23. </div>
  24. <br>
  25. <button class="ui basic button" onclick="setProxyRoot()"><i class="teal home icon" ></i> Update Proxy Root</button>
  26. <div class="ui divider"></div>
  27. <div class="field">
  28. <h4>Root Routing Options</h4>
  29. </div>
  30. <div class="field">
  31. <div class="ui checkbox">
  32. <input type="checkbox" id="unsetRedirect">
  33. <label>Enable redirect for unset subdomains <br><small>Redirect subdomain that is not found to custom domain</small></label>
  34. </div>
  35. </div>
  36. <div class="ui basic segment" id="unsetRedirectDomainWrapper" style="background-color: #f7f7f7; border-radius: 1em; margin-left: 2em; padding-left: 2em; display:none;">
  37. <div style="
  38. position: absolute;
  39. top:0;
  40. left: 1em;
  41. width: 0px;
  42. height: 0px;
  43. margin-top: -10px;
  44. border-left: 10px solid transparent;
  45. border-right: 10px solid transparent;
  46. border-bottom: 10px solid #f7f7f7;">
  47. </div>
  48. <div class="field">
  49. <label>Redirect target domain</label>
  50. <div class="ui input">
  51. <input id="unsetRedirectDomain" type="text" placeholder="http://example.com">
  52. </div>
  53. <small>Unset subdomain will be redirected to the link above. Remember to include the protocol (e.g. http:// or https://)<br>
  54. Leave empty for redirecting to upper level domain (e.g. notfound.example.com <i class="right arrow icon"></i> example.com)</small>
  55. </div>
  56. </div>
  57. <br>
  58. <button class="ui basic button" onclick="updateRootOptions()"><i class="blue save icon" ></i> Save Root Options</button>
  59. </div>
  60. <br>
  61. </div>
  62. </div>
  63. <script>
  64. $("#advanceRootSettings").accordion();
  65. function handleUseStaticWebServerAsRoot(){
  66. alert("WIP");
  67. //TODO: Add automatic fill in static web server info
  68. }
  69. function initRootInfo(){
  70. $.get("/api/proxy/list?type=root", function(data){
  71. if (data == null){
  72. }else{
  73. $("#proxyRoot").val(data.Domain);
  74. checkRootRequireTLS(data.Domain);
  75. }
  76. });
  77. }
  78. initRootInfo();
  79. function updateRootSettingStates(){
  80. $.get("/api/cert/tls", function(data){
  81. if (data == true){
  82. $("#disableRootTLS").parent().removeClass('disabled').attr("title", "");
  83. }else{
  84. $("#disableRootTLS").parent().addClass('disabled').attr("title", "TLS listener is not enabled");
  85. }
  86. });
  87. }
  88. //Bind event to tab switch
  89. tabSwitchEventBind["setroot"] = function(){
  90. //On switch over to this page, update root info
  91. updateRootSettingStates();
  92. }
  93. //Toggle the display status of the input box for domain setting
  94. function updateRedirectionDomainSettingInputBox(useRedirect){
  95. if(useRedirect){
  96. $("#unsetRedirectDomainWrapper").stop().finish().slideDown("fast");
  97. }else{
  98. $("#unsetRedirectDomainWrapper").stop().finish().slideUp("fast");
  99. }
  100. }
  101. function checkCustomRedirectForUnsetSubd(){
  102. $.get("/api/proxy/root/listOptions", function(data){
  103. $("#unsetRedirect")[0].checked = data.EnableRedirectForUnsetRules || false;
  104. $("#unsetRedirectDomain").val(data.UnsetRuleRedirectTarget);
  105. updateRedirectionDomainSettingInputBox(data.EnableRedirectForUnsetRules);
  106. //Bind event to the checkbox
  107. $("#unsetRedirect").off("change").on("change", function(){
  108. let useRedirect = $("#unsetRedirect")[0].checked;
  109. updateRedirectionDomainSettingInputBox(useRedirect);
  110. });
  111. })
  112. }
  113. checkCustomRedirectForUnsetSubd();
  114. function checkRootRequireTLS(targetDomain){
  115. //Trim off the http or https from the origin
  116. if (targetDomain.startsWith("http://")){
  117. targetDomain = targetDomain.substring(7);
  118. $("#proxyRoot").val(targetDomain);
  119. }else if (targetDomain.startsWith("https://")){
  120. targetDomain = targetDomain.substring(8);
  121. $("#proxyRoot").val(targetDomain);
  122. }
  123. $.ajax({
  124. url: "/api/proxy/tlscheck",
  125. data: {url: targetDomain},
  126. success: function(data){
  127. if (data.error != undefined){
  128. }else if (data == "https"){
  129. $("#rootReqTLS").parent().checkbox("set checked");
  130. }else if (data == "http"){
  131. $("#rootReqTLS").parent().checkbox("set unchecked");
  132. }
  133. }
  134. })
  135. }
  136. function setProxyRoot(){
  137. var newpr = $("#proxyRoot").val();
  138. if (newpr.trim() == ""){
  139. $("#proxyRoot").parent().addClass('error');
  140. return
  141. }else{
  142. $("#proxyRoot").parent().removeClass('error');
  143. }
  144. var rootReqTls = $("#rootReqTLS")[0].checked;
  145. //Create the endpoint by calling add
  146. $.ajax({
  147. url: "/api/proxy/add",
  148. data: {"type": "root", tls: rootReqTls, ep: newpr},
  149. success: function(data){
  150. if (data.error != undefined){
  151. msgbox(data.error, false, 5000);
  152. }else{
  153. //OK
  154. initRootInfo();
  155. msgbox("Proxy Root Updated")
  156. }
  157. }
  158. });
  159. }
  160. function updateRootOptions(){
  161. $.ajax({
  162. type: "POST",
  163. url: "/api/proxy/root/updateOptions",
  164. data: {
  165. unsetRedirect: $("#unsetRedirect")[0].checked,
  166. unsetRedirectTarget: $("#unsetRedirectDomain").val().trim(),
  167. },
  168. success: function(data) {
  169. if (data.error != undefined){
  170. msgbox(data.error, false);
  171. }else{
  172. msgbox("Root Routing Options updated");
  173. }
  174. },
  175. error: function(error) {
  176. console.log("Error:", error);
  177. }
  178. });
  179. }
  180. </script>