settings.html 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
  5. <meta content="utf-8" http-equiv="encoding">
  6. <meta name="viewport" content="width=device-width,initial-scale=1.0">
  7. <!--
  8. /*******************************************************************************
  9. Cloud Firewall - a browser extension/addon that allows users to block connections
  10. to sites, pages and web resources (images, videos, etc) hosted in major cloud services
  11. if the user wishes to do so.
  12. Copyright (C) 2019-2020 Niklas Poslovski
  13. Copyright (C) 2019 Gokulakrishna Sudharsan
  14. This program is free software: you can redistribute it and/or modify
  15. it under the terms of the GNU General Public License as published by
  16. the Free Software Foundation, either version 3 of the License, or
  17. (at your option) any later version.
  18. This program is distributed in the hope that it will be useful,
  19. but WITHOUT ANY WARRANTY; without even the implied warranty of
  20. MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.See the
  21. GNU General Public License for more details.
  22. You should have received a copy of the GNU General Public License
  23. along with this program.If not, see <http://www.gnu.org/licenses/>.
  24. Home: https://notabug.org/nipos/cloud-firewall
  25. */
  26. -->
  27. <title>Cloud Firewall</title>
  28. <link rel="stylesheet" href="css/toggleswitch.css">
  29. <link rel="shortcut icon" href="images/shield.svg">
  30. <script src="js/settings/registerListeners.js"></script>
  31. <script src="js/settings/settingspage.js"></script>
  32. <style>
  33. body {
  34. margin: auto 3%;
  35. }
  36. </style>
  37. </head>
  38. <body>
  39. <h3>Global Rules</h3>
  40. <i18n>settingsdescription</i18n>
  41. <div style="display:table" id="switches">
  42. <label class="md_switch">
  43. <input type="checkbox" id="switchgoogle">
  44. <span class="md_switch__toggle"></span>
  45. &nbsp;&nbsp;&nbsp; <i18n>blockgoogle</i18n></label><br/>
  46. <label class="md_switch">
  47. <input type="checkbox" id="switchamazon">
  48. <span class="md_switch__toggle"></span>
  49. &nbsp;&nbsp;&nbsp; <i18n>blockamazon</i18n></label><br/>
  50. <label class="md_switch">
  51. <input type="checkbox" id="switchfacebook">
  52. <span class="md_switch__toggle"></span>
  53. &nbsp;&nbsp;&nbsp; <i18n>blockfacebook</i18n></label><br/>
  54. <label class="md_switch">
  55. <input type="checkbox" id="switchapple">
  56. <span class="md_switch__toggle"></span>
  57. &nbsp;&nbsp;&nbsp;<i18n>blockapple</i18n></label><br/>
  58. <label class="md_switch">
  59. <input type="checkbox" id="switchmicrosoft">
  60. <span class="md_switch__toggle"></span>
  61. &nbsp;&nbsp;&nbsp;<i18n>blockmicrosoft</i18n></label><br/>
  62. <label class="md_switch">
  63. <input type="checkbox" id="switchcloudflare">
  64. <span class="md_switch__toggle"></span>
  65. <span style="display: inline;">
  66. &nbsp;&nbsp;&nbsp;<i18n>blockcloudflare</i18n></span></label>
  67. </div>
  68. <h3>Miscellaneous</h3>
  69. <div id="toggles">
  70. <label class="md_switch">
  71. <input type="checkbox" id="toggleOperationMode">
  72. <span class="md_switch__toggle"></span>
  73. <i18n>settingsdescriptiontwo</i18n></label><br/>
  74. <label class="md_switch">
  75. <input type="checkbox" id="toggleRulePersistence">
  76. <span class="md_switch__toggle"></span>
  77. <i18n>settingsdescriptionthree</i18n></label><br/>
  78. <label class="md_switch">
  79. <input type="checkbox" id="toggleNotifications">
  80. <span class="md_switch__toggle"></span>
  81. <i18n>settingsdescriptionfour</i18n></label><br/>
  82. <label class="md_switch">
  83. <input type="checkbox" id="toggleDecentraleyes">
  84. <span class="md_switch__toggle"></span>
  85. <i18n>settingsdecentraleyes</i18n></label> <a id="decentraleyesNote"><i18n>readnote</i18n></a> <div id="NotetoDecentraleyesUsers" style="display:none;"><i18n>settingsdescriptionfiveone</i18n> <em><i18n>settingsdescriptionfivetwo</i18n></em></div>
  86. <label class="md_switch">
  87. <input type="checkbox" id="toggleLogging">
  88. <span class="md_switch__toggle"></span>
  89. <i18n>enablelogging</i18n> <br/> | <i18n>hostname</i18n> | <i18n>shouldcancel</i18n>? | URL | <i18n>whichcloud</i18n>? |</p></label>
  90. <a style="float: right; color: red; margin-right:4%" id="toggleResetwarn">
  91. <i18n>deletecache</i18n></a>
  92. <div style="text-align: center; display:none; color:red;" id="showresetConfirmation">
  93. <p style="font-style: italic ">
  94. <i18n>deletecachesureone</i18n>?<br/><i18n>deletecachesuretwo</i18n>
  95. </p>
  96. <div style="text-align:left ">
  97. <a style="float: left" id="cancelresets" class="btn medium green">
  98. <i18n>cancelcache</i18n></a>
  99. <a style="float: right " id="doFactoryReset" class=" btn red reset">
  100. <i18n>deletecacheimsure</i18n></a>
  101. </div>
  102. </div>
  103. </div>
  104. </body>
  105. <script src="js/i18n.js"></script>
  106. </html>