options.html 8.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229
  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. <meta name="viewport" content="width=device-width,initial-scale=1">
  8. </head>
  9. <body>
  10. <h3>
  11. <span id="expandAllButton"></span> <span id="titleLabel"></span>
  12. <span class="profiles">
  13. <select id="profileNamesInput"></select>
  14. <button id="addProfileButton"><img src="../resources/button_new.png"></button>
  15. <button id="deleteProfileButton"><img src="../resources/button_delete.png"></button>
  16. <button id="renameProfileButton"><img src="../resources/button_edit.png"></button>
  17. </span>
  18. </h3>
  19. <details>
  20. <summary id="userInterfaceLabel"></summary>
  21. <div class="option">
  22. <label for="contextMenuEnabledInput" id="addMenuEntryLabel"></label>
  23. <input type="checkbox" id="contextMenuEnabledInput">
  24. </div>
  25. <div class="option">
  26. <label for="shadowEnabledInput" id="shadowEnabledLabel"></label>
  27. <input type="checkbox" id="shadowEnabledInput">
  28. </div>
  29. <div class="option">
  30. <label for="displayInfobarInput" id="displayInfobarLabel"></label>
  31. <input type="checkbox" id="displayInfobarInput">
  32. </div>
  33. <div class="option vertical">
  34. <label for="infobarTemplateInput" id="infobarTemplateLabel"></label>
  35. <input type="text" id="infobarTemplateInput">
  36. </div>
  37. <div class="option">
  38. <label for="confirmInfobarInput" id="confirmInfobarLabel"></label>
  39. <input type="checkbox" id="confirmInfobarInput">
  40. </div>
  41. </details>
  42. <details>
  43. <summary id="filenameLabel"></summary>
  44. <div class="option vertical">
  45. <label for="filenameTemplateInput" id="filenameTemplateLabel"></label>
  46. <input type="text" id="filenameTemplateInput">
  47. </div>
  48. <div class="option">
  49. <label for="confirmFilenameInput" id="confirmFilenameLabel"></label>
  50. <input type="checkbox" id="confirmFilenameInput">
  51. </div>
  52. <div class="option">
  53. <label for="conflictActionInput" id="conflictActionLabel"></label>
  54. <select id="conflictActionInput">
  55. <option id="conflictActionUniquifyLabel" value="uniquify"></option>
  56. <option id="conflictActionOverwriteLabel" value="overwrite"></option>
  57. <option id="conflictActionPromptLabel" value="prompt"></option>
  58. </select>
  59. </div>
  60. </details>
  61. <details>
  62. <summary id="htmlContentLabel"></summary>
  63. <div class="option">
  64. <label for="compressHTMLInput" id="compressHTMLLabel"></label>
  65. <input type="checkbox" id="compressHTMLInput">
  66. </div>
  67. <div class="option">
  68. <label for="removeImportsInput" id="removeImportsLabel"></label>
  69. <input type="checkbox" id="removeImportsInput">
  70. </div>
  71. <div class="option">
  72. <label for="removeHiddenElementsInput" id="removeHiddenElementsLabel"></label>
  73. <input type="checkbox" id="removeHiddenElementsInput">
  74. </div>
  75. <div class="option">
  76. <label for="removeFramesInput" id="removeFramesLabel"></label>
  77. <input type="checkbox" id="removeFramesInput">
  78. </div>
  79. </details>
  80. <details>
  81. <summary id="imagesLabel"></summary>
  82. <div class="option">
  83. <label for="groupDuplicateImagesInput" id="groupDuplicateImagesLabel"></label>
  84. <input type="checkbox" id="groupDuplicateImagesInput">
  85. </div>
  86. <div class="option">
  87. <label for="lazyLoadImagesInput" id="lazyLoadImagesLabel"></label>
  88. <input type="checkbox" id="lazyLoadImagesInput">
  89. </div>
  90. <div class="option second-level">
  91. <label for="maxLazyLoadImagesIdleTimeInput" id="maxLazyLoadImagesIdleTimeLabel"></label>
  92. <input type="number" class="large-input" id="maxLazyLoadImagesIdleTimeInput">
  93. </div>
  94. <div class="option">
  95. <label for="removeAlternativeImagesInput" id="removeAlternativeImagesLabel"></label>
  96. <input type="checkbox" id="removeAlternativeImagesInput">
  97. </div>
  98. </details>
  99. <details>
  100. <summary id="stylesheetsLabel"></summary>
  101. <div class="option">
  102. <label for="compressCSSInput" id="compressCSSLabel"></label>
  103. <input type="checkbox" id="compressCSSInput">
  104. </div>
  105. <div class="option">
  106. <label for="removeUnusedStylesInput" id="removeUnusedStylesLabel"></label>
  107. <input type="checkbox" id="removeUnusedStylesInput">
  108. </div>
  109. <div class="option">
  110. <label for="removeAlternativeFontsInput" id="removeAlternativeFontsLabel"></label>
  111. <input type="checkbox" id="removeAlternativeFontsInput">
  112. </div>
  113. <div class="option">
  114. <label for="removeAlternativeMediasInput" id="removeAlternativeMediasLabel"></label>
  115. <input type="checkbox" id="removeAlternativeMediasInput">
  116. </div>
  117. </details>
  118. <details>
  119. <summary id="otherResourcesLabel"></summary>
  120. <div class="option">
  121. <label for="removeScriptsInput" id="removeScriptsLabel"></label>
  122. <input type="checkbox" id="removeScriptsInput">
  123. </div>
  124. <div class="option">
  125. <label for="removeVideoSrcInput" id="removeVideoLabel"></label>
  126. <input type="checkbox" id="removeVideoSrcInput">
  127. </div>
  128. <div class="option">
  129. <label for="removeAudioSrcInput" id="removeAudioLabel"></label>
  130. <input type="checkbox" id="removeAudioSrcInput">
  131. </div>
  132. </details>
  133. <details>
  134. <summary id="autoSaveLabel"></summary>
  135. <div class="option">
  136. <label for="autoSaveLoadOrUnloadInput" id="autoSaveLoadOrUnloadLabel"></label>
  137. <input type="checkbox" id="autoSaveLoadOrUnloadInput">
  138. </div>
  139. <div class="option">
  140. <label for="autoSaveLoadInput" id="autoSaveLoadLabel"></label>
  141. <input type="checkbox" id="autoSaveLoadInput">
  142. </div>
  143. <div class="option">
  144. <label for="autoSaveUnloadInput" id="autoSaveUnloadLabel"></label>
  145. <input type="checkbox" id="autoSaveUnloadInput">
  146. </div>
  147. <div class="option">
  148. <label for="autoSaveDelayInput" id="autoSaveDelayLabel"></label>
  149. <input type="number" id="autoSaveDelayInput" min="0">
  150. </div>
  151. </details>
  152. <details>
  153. <summary id="miscLabel"></summary>
  154. <div class="option">
  155. <label for="backgroundSaveInput" id="backgroundSaveLabel"></label>
  156. <input type="checkbox" id="backgroundSaveInput">
  157. </div>
  158. <div class="option">
  159. <label for="displayStatsInput" id="displayStatsLabel"></label>
  160. <input type="checkbox" id="displayStatsInput">
  161. </div>
  162. <div class="option">
  163. <label for="maxResourceSizeEnabledInput" id="setMaxResourceSizeLabel"></label>
  164. <input type="checkbox" id="maxResourceSizeEnabledInput">
  165. </div>
  166. <div class="option second-level">
  167. <label for="maxResourceSizeInput" id="maxResourceSizeLabel"></label>
  168. <input type="number" id="maxResourceSizeInput" min="1">
  169. </div>
  170. <div class="option">
  171. <label for="saveRawPageInput" id="saveRawPageLabel"></label>
  172. <input type="checkbox" id="saveRawPageInput">
  173. </div>
  174. </details>
  175. <details>
  176. <summary id="autoSettingsLabel"></summary>
  177. <div class="rules-table-container compact">
  178. <div class="thead">
  179. <div class="tr">
  180. <span class="th" id="autoSettingsUrlLabel"></span>
  181. <span class="th" id="autoSettingsProfileLabel"></span>
  182. <span class="th rule-autosave-profile" id="autoSettingsAutoSaveProfileLabel"></span>
  183. <span class="th">&nbsp;</span>
  184. </div>
  185. </div>
  186. <div class="rules-table">
  187. <div class="rules-data">
  188. </div>
  189. <div hidden class="tr rule-view">
  190. <span class="td rule-url"></span>
  191. <span class="td rule-profile"></span>
  192. <span class="td rule-autosave-profile"></span>
  193. <span class="td"><button class="rule-update-button"><img src="../resources/button_edit.png"></button> <button
  194. class="rule-delete-button"><img src="../resources/button_delete.png"></button></span>
  195. </div>
  196. <div class="tr rule-create">
  197. <span class="td rule-url"><input type="text" id="ruleUrlInput" placeholder="Type a complete or partial URL (e.g. example.com)"></span>
  198. <span class="td rule-profile"><select id="ruleProfileInput"></select></span>
  199. <span class="td rule-autosave-profile"><select id="ruleAutoSaveProfileInput"></select></span>
  200. <span class="td"><button id="ruleAddButton" disabled><img src="../resources/button_new.png"></button></span>
  201. </div>
  202. <div hidden class="tr rule-edit">
  203. <span class="td rule-url"><input type="text" id="ruleEditUrlInput"></span>
  204. <span class="td rule-profile"><select id="ruleEditProfileInput"></select></span>
  205. <span class="td rule-autosave-profile"><select id="ruleEditAutoSaveProfileInput"></select></span>
  206. <span class="td"><button id="ruleEditButton"><img src="../resources/button_ok.png"></button></span>
  207. </div>
  208. </div>
  209. </div>
  210. <div class="option">
  211. <label for="showAllProfilesInput" id="showAllProfilesLabel"></label>
  212. <input type="checkbox" id="showAllProfilesInput">
  213. </div>
  214. <div class="option">
  215. <label for="showAutoSaveProfileInput" id="showAutoSaveProfileLabel"></label>
  216. <input type="checkbox" id="showAutoSaveProfileInput">
  217. </div>
  218. </details>
  219. <div class="option bottom">
  220. <a href="help.html" target="SingleFileHelpPage" id="helpLabel"></a>
  221. <button id="resetButton"></button>
  222. </div>
  223. <script type="text/javascript" src="/lib/browser-polyfill/chrome-browser-polyfill.js"></script>
  224. <script type="text/javascript" src="../bg/ui-options.js"></script>
  225. </body>
  226. </html>