options.html 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <title>SingleFile options</title>
  6. <link rel="stylesheet" href="options.css">
  7. </head>
  8. <body>
  9. <h3><span id="expandAllButton"></span> <span id="titleLabel"></span></h3>
  10. <details>
  11. <summary id="userInterfaceLabel"></summary>
  12. <div class="option">
  13. <label for="contextMenuEnabledInput" id="addMenuEntryLabel"></label>
  14. <input type="checkbox" id="contextMenuEnabledInput">
  15. </div>
  16. <div class="option">
  17. <label for="shadowEnabledInput" id="shadowEnabledLabel"></label>
  18. <input type="checkbox" id="shadowEnabledInput">
  19. </div>
  20. <div class="option">
  21. <label for="displayInfobarInput" id="displayInfobarLabel"></label>
  22. <input type="checkbox" id="displayInfobarInput">
  23. </div>
  24. <div class="option vertical">
  25. <label for="infobarTemplateInput" id="infobarTemplateLabel"></label>
  26. <input type="text" id="infobarTemplateInput">
  27. </div>
  28. <div class="option">
  29. <label for="confirmInfobarInput" id="confirmInfobarLabel"></label>
  30. <input type="checkbox" id="confirmInfobarInput">
  31. </div>
  32. </details>
  33. <details>
  34. <summary id="filenameLabel"></summary>
  35. <div class="option vertical">
  36. <label for="filenameTemplateInput" id="filenameTemplateLabel"></label>
  37. <input type="text" id="filenameTemplateInput">
  38. </div>
  39. <div class="option">
  40. <label for="confirmFilenameInput" id="confirmFilenameLabel"></label>
  41. <input type="checkbox" id="confirmFilenameInput">
  42. </div>
  43. <div class="option">
  44. <label for="conflictActionInput" id="conflictActionLabel"></label>
  45. <select id="conflictActionInput">
  46. <option id="conflictActionUniquifyLabel" value="uniquify"></option>
  47. <option id="conflictActionOverwriteLabel" value="overwrite"></option>
  48. <option id="conflictActionPromptLabel" value="prompt"></option>
  49. </select>
  50. </div>
  51. </details>
  52. <details>
  53. <summary id="htmlContentLabel"></summary>
  54. <div class="option">
  55. <label for="compressHTMLInput" id="compressHTMLLabel"></label>
  56. <input type="checkbox" id="compressHTMLInput">
  57. </div>
  58. <div class="option">
  59. <label for="removeImportsInput" id="removeImportsLabel"></label>
  60. <input type="checkbox" id="removeImportsInput">
  61. </div>
  62. <div class="option">
  63. <label for="removeHiddenElementsInput" id="removeHiddenElementsLabel"></label>
  64. <input type="checkbox" id="removeHiddenElementsInput">
  65. </div>
  66. <div class="option">
  67. <label for="removeFramesInput" id="removeFramesLabel"></label>
  68. <input type="checkbox" id="removeFramesInput">
  69. </div>
  70. </details>
  71. <details>
  72. <summary id="imagesLabel"></summary>
  73. <div class="option">
  74. <label for="groupDuplicateImagesInput" id="groupDuplicateImagesLabel"></label>
  75. <input type="checkbox" id="groupDuplicateImagesInput">
  76. </div>
  77. <div class="option">
  78. <label for="lazyLoadImagesInput" id="lazyLoadImagesLabel"></label>
  79. <input type="checkbox" id="lazyLoadImagesInput">
  80. </div>
  81. <div class="option second-level">
  82. <label for="maxLazyLoadImagesIdleTimeInput" id="maxLazyLoadImagesIdleTimeLabel"></label>
  83. <input type="number" class="large-input" id="maxLazyLoadImagesIdleTimeInput">
  84. </div>
  85. <div class="option">
  86. <label for="removeAlternativeImagesInput" id="removeAlternativeImagesLabel"></label>
  87. <input type="checkbox" id="removeAlternativeImagesInput">
  88. </div>
  89. </details>
  90. <details>
  91. <summary id="stylesheetsLabel"></summary>
  92. <div class="option">
  93. <label for="compressCSSInput" id="compressCSSLabel"></label>
  94. <input type="checkbox" id="compressCSSInput">
  95. </div>
  96. <div class="option">
  97. <label for="removeUnusedStylesInput" id="removeUnusedStylesLabel"></label>
  98. <input type="checkbox" id="removeUnusedStylesInput">
  99. </div>
  100. <div class="option">
  101. <label for="removeAlternativeFontsInput" id="removeAlternativeFontsLabel"></label>
  102. <input type="checkbox" id="removeAlternativeFontsInput">
  103. </div>
  104. <div class="option">
  105. <label for="removeAlternativeMediasInput" id="removeAlternativeMediasLabel"></label>
  106. <input type="checkbox" id="removeAlternativeMediasInput">
  107. </div>
  108. </details>
  109. <details>
  110. <summary id="otherResourcesLabel"></summary>
  111. <div class="option">
  112. <label for="removeScriptsInput" id="removeScriptsLabel"></label>
  113. <input type="checkbox" id="removeScriptsInput">
  114. </div>
  115. <div class="option">
  116. <label for="removeVideoSrcInput" id="removeVideoLabel"></label>
  117. <input type="checkbox" id="removeVideoSrcInput">
  118. </div>
  119. <div class="option">
  120. <label for="removeAudioSrcInput" id="removeAudioLabel"></label>
  121. <input type="checkbox" id="removeAudioSrcInput">
  122. </div>
  123. </details>
  124. <details>
  125. <summary id="autoSaveLabel"></summary>
  126. <div class="option">
  127. <label for="autoSaveLoadOrUnloadInput" id="autoSaveLoadOrUnloadLabel"></label>
  128. <input type="checkbox" id="autoSaveLoadOrUnloadInput">
  129. </div>
  130. <div class="option">
  131. <label for="autoSaveLoadInput" id="autoSaveLoadLabel"></label>
  132. <input type="checkbox" id="autoSaveLoadInput">
  133. </div>
  134. <div class="option">
  135. <label for="autoSaveUnloadInput" id="autoSaveUnloadLabel"></label>
  136. <input type="checkbox" id="autoSaveUnloadInput">
  137. </div>
  138. <div class="option">
  139. <label for="autoSaveDelayInput" id="autoSaveDelayLabel"></label>
  140. <input type="number" id="autoSaveDelayInput" min="0">
  141. </div>
  142. </details>
  143. <details>
  144. <summary id="miscLabel"></summary>
  145. <div class="option">
  146. <label for="backgroundSaveInput" id="backgroundSaveLabel"></label>
  147. <input type="checkbox" id="backgroundSaveInput">
  148. </div>
  149. <div class="option">
  150. <label for="displayStatsInput" id="displayStatsLabel"></label>
  151. <input type="checkbox" id="displayStatsInput">
  152. </div>
  153. <div class="option">
  154. <label for="maxResourceSizeEnabledInput" id="setMaxResourceSizeLabel"></label>
  155. <input type="checkbox" id="maxResourceSizeEnabledInput">
  156. </div>
  157. <div class="option second-level">
  158. <label for="maxResourceSizeInput" id="maxResourceSizeLabel"></label>
  159. <input type="number" id="maxResourceSizeInput" min="1">
  160. </div>
  161. <div class="option">
  162. <label for="saveRawPageInput" id="saveRawPageLabel"></label>
  163. <input type="checkbox" id="saveRawPageInput">
  164. </div>
  165. </details>
  166. <div class="option bottom">
  167. <a href="help.html" target="SingleFileHelpPage" id="helpLabel"></a>
  168. <button id="resetButton"></button>
  169. </div>
  170. <script type="text/javascript" src="/lib/browser-polyfill/chrome-browser-polyfill.js"></script>
  171. <script type="text/javascript" src="../bg/ui-options.js"></script>
  172. </body>
  173. </html>