options.html 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347
  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. <main>
  11. <h3>
  12. <span class="options-title">
  13. <span id="expandAllButton"></span>
  14. <span id="titleLabel"></span>
  15. <a href="options.html#" target="_blank" class="new-window-link"><img
  16. src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg=="></a>
  17. </span>
  18. <span class="profiles">
  19. <select id="profileNamesInput"></select>
  20. <button id="addProfileButton"><img src="../resources/button_new.png"></button>
  21. <button id="deleteProfileButton"><img src="../resources/button_delete.png"></button>
  22. <button id="renameProfileButton"><img src="../resources/button_edit.png"></button>
  23. </span>
  24. </h3>
  25. <details>
  26. <summary id="userInterfaceLabel"></summary>
  27. <div class="option">
  28. <label for="contextMenuEnabledInput" id="addMenuEntryLabel"></label>
  29. <input type="checkbox" id="contextMenuEnabledInput">
  30. </div>
  31. <div class="option">
  32. <label for="shadowEnabledInput" id="shadowEnabledLabel"></label>
  33. <input type="checkbox" id="shadowEnabledInput">
  34. </div>
  35. <div class="option">
  36. <label for="displayInfobarInput" id="displayInfobarLabel"></label>
  37. <input type="checkbox" id="displayInfobarInput">
  38. </div>
  39. <div class="option vertical">
  40. <label for="infobarTemplateInput" id="infobarTemplateLabel"></label>
  41. <input type="text" id="infobarTemplateInput">
  42. </div>
  43. <div class="option">
  44. <label for="openEditorInput" id="openEditorLabel"></label>
  45. <input type="checkbox" id="openEditorInput">
  46. </div>
  47. <div class="option">
  48. <label for="autoOpenEditorInput" id="autoOpenEditorLabel"></label>
  49. <input type="checkbox" id="autoOpenEditorInput">
  50. </div>
  51. <div class="option">
  52. <label for="confirmInfobarInput" id="confirmInfobarLabel"></label>
  53. <input type="checkbox" id="confirmInfobarInput">
  54. </div>
  55. <div class="option">
  56. <label for="autoCloseInput" id="autoCloseLabel"></label>
  57. <input type="checkbox" id="autoCloseInput">
  58. </div>
  59. </details>
  60. <details>
  61. <summary id="filenameLabel"></summary>
  62. <div class="option vertical">
  63. <label for="filenameTemplateInput" id="filenameTemplateLabel"></label>
  64. <input type="text" id="filenameTemplateInput">
  65. </div>
  66. <div class="option">
  67. <label for="filenameMaxLengthInput" id="filenameMaxLengthLabel"></label>
  68. <input type="number" id="filenameMaxLengthInput" min="1">
  69. </div>
  70. <div class="option">
  71. <label for="confirmFilenameInput" id="confirmFilenameLabel"></label>
  72. <input type="checkbox" id="confirmFilenameInput">
  73. </div>
  74. <div class="option">
  75. <label for="filenameConflictActionInput" id="filenameConflictActionLabel"></label>
  76. <select id="filenameConflictActionInput">
  77. <option id="filenameConflictActionUniquifyLabel" value="uniquify"></option>
  78. <option id="filenameConflictActionOverwriteLabel" value="overwrite"></option>
  79. <option id="filenameConflictActionPromptLabel" value="prompt"></option>
  80. <option id="filenameConflictActionSkipLabel" value="skip"></option>
  81. </select>
  82. </div>
  83. </details>
  84. <details>
  85. <summary id="htmlContentLabel"></summary>
  86. <div class="option">
  87. <label for="compressHTMLInput" id="compressHTMLLabel"></label>
  88. <input type="checkbox" id="compressHTMLInput">
  89. </div>
  90. <div class="option">
  91. <label for="removeImportsInput" id="removeImportsLabel"></label>
  92. <input type="checkbox" id="removeImportsInput">
  93. </div>
  94. <div class="option">
  95. <label for="removeHiddenElementsInput" id="removeHiddenElementsLabel"></label>
  96. <input type="checkbox" id="removeHiddenElementsInput">
  97. </div>
  98. <div class="option">
  99. <label for="removeFramesInput" id="removeFramesLabel"></label>
  100. <input type="checkbox" id="removeFramesInput">
  101. </div>
  102. <div class="option">
  103. <label for="includeInfobarInput" id="includeInfobarLabel"></label>
  104. <input type="checkbox" id="includeInfobarInput">
  105. </div>
  106. </details>
  107. <details>
  108. <summary id="stylesheetsLabel"></summary>
  109. <div class="option">
  110. <label for="removeUnusedStylesInput" id="removeUnusedStylesLabel"></label>
  111. <input type="checkbox" id="removeUnusedStylesInput">
  112. </div>
  113. <div class="option">
  114. <label for="removeAlternativeMediasInput" id="removeAlternativeMediasLabel"></label>
  115. <input type="checkbox" id="removeAlternativeMediasInput">
  116. </div>
  117. <div class="option">
  118. <label for="compressCSSInput" id="compressCSSLabel"></label>
  119. <input type="checkbox" id="compressCSSInput">
  120. </div>
  121. </details>
  122. <details>
  123. <summary id="imagesLabel"></summary>
  124. <div class="option">
  125. <label for="groupDuplicateImagesInput" id="groupDuplicateImagesLabel"></label>
  126. <input type="checkbox" id="groupDuplicateImagesInput">
  127. </div>
  128. <div class="option">
  129. <label for="loadDeferredImagesInput" id="loadDeferredImagesLabel"></label>
  130. <input type="checkbox" id="loadDeferredImagesInput">
  131. </div>
  132. <div class="option second-level">
  133. <label for="loadDeferredImagesMaxIdleTimeInput" id="loadDeferredImagesMaxIdleTimeLabel"></label>
  134. <input type="number" class="large-input" id="loadDeferredImagesMaxIdleTimeInput" step="100">
  135. </div>
  136. <div class="option">
  137. <label for="removeAlternativeImagesInput" id="removeAlternativeImagesLabel"></label>
  138. <input type="checkbox" id="removeAlternativeImagesInput">
  139. </div>
  140. </details>
  141. <details>
  142. <summary id="fontsLabel"></summary>
  143. <div class="option">
  144. <label for="removeUnusedFontsInput" id="removeUnusedFontsLabel"></label>
  145. <input type="checkbox" id="removeUnusedFontsInput">
  146. </div>
  147. <div class="option">
  148. <label for="removeAlternativeFontsInput" id="removeAlternativeFontsLabel"></label>
  149. <input type="checkbox" id="removeAlternativeFontsInput">
  150. </div>
  151. </details>
  152. <details>
  153. <summary id="otherResourcesLabel"></summary>
  154. <div class="option">
  155. <label for="removeScriptsInput" id="removeScriptsLabel"></label>
  156. <input type="checkbox" id="removeScriptsInput">
  157. </div>
  158. <div class="option">
  159. <label for="removeVideoSrcInput" id="removeVideoLabel"></label>
  160. <input type="checkbox" id="removeVideoSrcInput">
  161. </div>
  162. <div class="option">
  163. <label for="removeAudioSrcInput" id="removeAudioLabel"></label>
  164. <input type="checkbox" id="removeAudioSrcInput">
  165. </div>
  166. </details>
  167. <details>
  168. <summary id="autoSaveLabel"></summary>
  169. <div class="option">
  170. <label for="autoSaveLoadOrUnloadInput" id="autoSaveLoadOrUnloadLabel"></label>
  171. <input type="checkbox" id="autoSaveLoadOrUnloadInput">
  172. </div>
  173. <div class="option">
  174. <label for="autoSaveLoadInput" id="autoSaveLoadLabel"></label>
  175. <input type="checkbox" id="autoSaveLoadInput">
  176. </div>
  177. <div class="option">
  178. <label for="autoSaveUnloadInput" id="autoSaveUnloadLabel"></label>
  179. <input type="checkbox" id="autoSaveUnloadInput">
  180. </div>
  181. <div class="option">
  182. <label for="autoSaveDelayInput" id="autoSaveDelayLabel"></label>
  183. <input type="number" id="autoSaveDelayInput" min="0">
  184. </div>
  185. <div class="option">
  186. <label for="autoSaveRepeatInput" id="autoSaveRepeatLabel"></label>
  187. <input type="checkbox" id="autoSaveRepeatInput">
  188. </div>
  189. <div class="option second-level">
  190. <label for="autoSaveRepeatDelayInput" id="autoSaveRepeatDelayLabel"></label>
  191. <input type="number" id="autoSaveRepeatDelayInput" min="1">
  192. </div>
  193. </details>
  194. <details>
  195. <summary id="miscLabel"></summary>
  196. <div class="option">
  197. <label for="backgroundSaveInput" id="backgroundSaveLabel"></label>
  198. <input type="checkbox" id="backgroundSaveInput">
  199. </div>
  200. <div class="option">
  201. <label for="applySystemThemeInput" id="applySystemThemeLabel"></label>
  202. <input type="checkbox" id="applySystemThemeInput">
  203. </div>
  204. <div class="option">
  205. <label for="displayStatsInput" id="displayStatsLabel"></label>
  206. <input type="checkbox" id="displayStatsInput">
  207. </div>
  208. <div class="option">
  209. <label for="maxResourceSizeEnabledInput" id="setMaxResourceSizeLabel"></label>
  210. <input type="checkbox" id="maxResourceSizeEnabledInput">
  211. </div>
  212. <div class="option second-level">
  213. <label for="maxResourceSizeInput" id="maxResourceSizeLabel"></label>
  214. <input type="number" id="maxResourceSizeInput" min="1">
  215. </div>
  216. <div class="option">
  217. <label for="saveRawPageInput" id="saveRawPageLabel"></label>
  218. <input type="checkbox" id="saveRawPageInput">
  219. </div>
  220. <div class="option">
  221. <label for="saveToClipboardInput" id="saveToClipboardLabel"></label>
  222. <input type="checkbox" id="saveToClipboardInput">
  223. </div>
  224. <div class="option">
  225. <label for="addProofInput" id="addProofLabel"></label>
  226. <input type="checkbox" id="addProofInput">
  227. </div>
  228. <div class="option">
  229. <label for="saveToGDriveInput" id="saveToGDriveLabel"></label>
  230. <input type="checkbox" id="saveToGDriveInput">
  231. </div>
  232. <div class="option">
  233. <label for="saveCreatedBookmarksInput" id="saveCreatedBookmarksLabel"></label>
  234. <input type="checkbox" id="saveCreatedBookmarksInput">
  235. </div>
  236. <div class="option second-level">
  237. <label for="replaceBookmarkURLInput" id="replaceBookmarkURLLabel"></label>
  238. <input type="checkbox" id="replaceBookmarkURLInput">
  239. </div>
  240. </details>
  241. <details>
  242. <summary id="autoSettingsLabel"></summary>
  243. <div class="rules-table-container compact">
  244. <div class="thead">
  245. <div class="tr">
  246. <span class="th" id="autoSettingsUrlLabel"></span>
  247. <span class="th" id="autoSettingsProfileLabel"></span>
  248. <span class="th rule-autosave-profile" id="autoSettingsAutoSaveProfileLabel"></span>
  249. <span class="th"><button id="rulesDeleteAllButton"><img
  250. src="../resources/button_delete_all.png"></button></span>
  251. </div>
  252. </div>
  253. <div class="rules-table">
  254. <div class="rules-data">
  255. </div>
  256. <div hidden class="tr rule-view">
  257. <span class="td rule-url"></span>
  258. <span class="td rule-profile"></span>
  259. <span class="td rule-autosave-profile"></span>
  260. <span class="td"><button class="rule-update-button"><img
  261. src="../resources/button_edit.png"></button> <button class="rule-delete-button"><img
  262. src="../resources/button_delete.png"></button></span>
  263. </div>
  264. <form class="tr rule-create">
  265. <span class="td rule-url"><input type="text" id="ruleUrlInput"
  266. placeholder="Type a complete or partial URL (e.g. example.com)"></span>
  267. <span class="td rule-profile"><select id="ruleProfileInput"></select></span>
  268. <span class="td rule-autosave-profile"><select id="ruleAutoSaveProfileInput"></select></span>
  269. <span class="td"><button id="ruleAddButton" disabled type="submit"><img
  270. src="../resources/button_new.png"></button></span>
  271. </form>
  272. <form hidden class="tr rule-edit">
  273. <span class="td rule-url"><input type="text" id="ruleEditUrlInput"></span>
  274. <span class="td rule-profile"><select id="ruleEditProfileInput"></select></span>
  275. <span class="td rule-autosave-profile"><select
  276. id="ruleEditAutoSaveProfileInput"></select></span>
  277. <span class="td"><button id="ruleEditButton" type="submit"><img
  278. src="../resources/button_ok.png"></button></span>
  279. </form>
  280. </div>
  281. </div>
  282. <div class="option">
  283. <label for="showAllProfilesInput" id="showAllProfilesLabel"></label>
  284. <input type="checkbox" id="showAllProfilesInput">
  285. </div>
  286. <div class="option">
  287. <label for="showAutoSaveProfileInput" id="showAutoSaveProfileLabel"></label>
  288. <input type="checkbox" id="showAutoSaveProfileInput">
  289. </div>
  290. </details>
  291. <div class="option bottom">
  292. <a href="help.html" target="SingleFileHelpPage" id="helpLabel"></a>
  293. <div class="buttons">
  294. <div class="sync-input">
  295. <input type="checkbox" id="synchronizeInput">
  296. <label for="synchronizeInput" id="synchronizeLabel"></label>
  297. </div>
  298. <button id="importButton"></button>
  299. <button id="exportButton"></button>
  300. <button id="resetButton"></button>
  301. <input type="file" id="fileInput" hidden>
  302. </div>
  303. </div>
  304. <div id="formResetContainer" class="popup">
  305. <form class="popup-content">
  306. <header>
  307. <span id="resetConfirmLabel"></span>
  308. </header>
  309. <footer>
  310. <button type="submit" id="resetAllButton"></button>
  311. <button id="resetCurrentButton"></button>
  312. <button id="resetCancelButton"></button>
  313. </footer>
  314. </form>
  315. </div>
  316. <div id="formConfirmContainer" class="popup">
  317. <form class="popup-content">
  318. <header>
  319. <span id="confirmLabel"></span>
  320. </header>
  321. <footer>
  322. <button type="submit" id="confirmButton"></button>
  323. <button id="cancelButton"></button>
  324. </footer>
  325. </form>
  326. </div>
  327. <div id="formPromptContainer" class="popup">
  328. <form class="popup-content">
  329. <header>
  330. <span id="promptLabel"></span>
  331. </header>
  332. <main><input id="promptInput" type="text"></main>
  333. <footer>
  334. <button type="submit" id="promptConfirmButton"></button>
  335. <button id="promptCancelButton"></button>
  336. </footer>
  337. </form>
  338. </div>
  339. </main>
  340. <script type="text/javascript"
  341. src="/extension/lib/single-file/browser-polyfill/chrome-browser-polyfill.js"></script>
  342. <script type="text/javascript" src="../bg/ui-options.js"></script>
  343. </body>
  344. </html>