advancePathRules.html 3.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!-- Notes: This should be open in its original path-->
  5. <link rel="stylesheet" href="../script/semantic/semantic.min.css">
  6. <script src="../script/jquery-3.6.0.min.js"></script>
  7. <script src="../script/semantic/semantic.min.js"></script>
  8. </head>
  9. <body>
  10. <br>
  11. <div class="ui container">
  12. <!-- Path Rules -->
  13. <div class="ui header">
  14. <div class="content">
  15. Special Path Rules
  16. <div class="sub header">Advanced customization for response on particular matching path or URL</div>
  17. </div>
  18. </div>
  19. <h4>Current list of special path rules.</h4>
  20. <div style="width: 100%; overflow-x: auto;">
  21. <table class="ui sortable unstackable celled table" >
  22. <thead>
  23. <tr>
  24. <th>Matching Path</th>
  25. <th>Status Code</th>
  26. <th class="no-sort">Exact Match</th>
  27. <th class="no-sort">Case Sensitive</th>
  28. <th class="no-sort">Enabled</th>
  29. <th class="no-sort">Actions</th>
  30. </tr>
  31. </thead>
  32. <tbody id="specialPathRules">
  33. <tr>
  34. <td></td>
  35. <td></td>
  36. <td></td>
  37. <td></td>
  38. <td></td>
  39. <td></td>
  40. </tr>
  41. </tbody>
  42. </table>
  43. </div>
  44. <div class="ui divider"></div>
  45. <h4>Add Special Path Rule</h4>
  46. <div class="ui form">
  47. <div class="field">
  48. <label>Matching URI</label>
  49. <input type="text" name="matchingPath" placeholder="Matching URL">
  50. <small><i class="ui circle info icon"></i> Any matching prefix of the request URL will be handled by this rule, e.g. example.com/secret</small>
  51. </div>
  52. <div class="field">
  53. <div class="ui checkbox">
  54. <input type="checkbox" name="exactMatch" tabindex="0" class="hidden">
  55. <label>Require Exact Match</label>
  56. </div>
  57. <div class="ui message">
  58. <p>Require exactly match but not prefix match (default). Enable this if you only want to block access to a directory but not the resources inside the directory. Assume you have entered a matching URI of <b>example.com/secret/</b> and set it to return 401</p>
  59. <i class="check square outline icon"></i> example.com/secret<b>/image.png</b> <i class="long arrow alternate right icon" style="margin-left: 1em;"></i> (content of image.png)<br>
  60. <i class="square outline icon"></i> example.com/secret<b>/image.png</b> <i class="long arrow alternate right icon" style="margin-left: 1em;"></i> HTTP 401
  61. </div>
  62. </div>
  63. <div class="field">
  64. <label>Response Status Code</label>
  65. <input type="text"name="statusCode" placeholder="500">
  66. <small><i class="ui circle info icon"></i> HTTP Status Code to be served by this rule</small>
  67. </div>
  68. </div>
  69. <br><br>
  70. <button class="ui basic button iframeOnly" style="float: right;" onclick="parent.hideSideWrapper();"><i class="remove icon"></i> Cancel</button>
  71. </div>
  72. <script>
  73. </script>
  74. </body>
  75. </html>