| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <title>SingleFile options</title>
- <link rel="stylesheet" href="options.css">
- <meta name="viewport" content="width=device-width,initial-scale=1">
- </head>
- <body>
- <h3>
- <span id="expandAllButton"></span> <span id="titleLabel"></span>
- <span class="profiles">
- <select id="profileNamesInput"></select>
- <button id="addProfileButton"><img src="../resources/button_new.png"></button>
- <button id="deleteProfileButton"><img src="../resources/button_delete.png"></button>
- <button id="renameProfileButton"><img src="../resources/button_edit.png"></button>
- </span>
- </h3>
- <details>
- <summary id="userInterfaceLabel"></summary>
- <div class="option">
- <label for="contextMenuEnabledInput" id="addMenuEntryLabel"></label>
- <input type="checkbox" id="contextMenuEnabledInput">
- </div>
- <div class="option">
- <label for="shadowEnabledInput" id="shadowEnabledLabel"></label>
- <input type="checkbox" id="shadowEnabledInput">
- </div>
- <div class="option">
- <label for="displayInfobarInput" id="displayInfobarLabel"></label>
- <input type="checkbox" id="displayInfobarInput">
- </div>
- <div class="option vertical">
- <label for="infobarTemplateInput" id="infobarTemplateLabel"></label>
- <input type="text" id="infobarTemplateInput">
- </div>
- <div class="option">
- <label for="confirmInfobarInput" id="confirmInfobarLabel"></label>
- <input type="checkbox" id="confirmInfobarInput">
- </div>
- </details>
- <details>
- <summary id="filenameLabel"></summary>
- <div class="option vertical">
- <label for="filenameTemplateInput" id="filenameTemplateLabel"></label>
- <input type="text" id="filenameTemplateInput">
- </div>
- <div class="option">
- <label for="confirmFilenameInput" id="confirmFilenameLabel"></label>
- <input type="checkbox" id="confirmFilenameInput">
- </div>
- <div class="option">
- <label for="conflictActionInput" id="conflictActionLabel"></label>
- <select id="conflictActionInput">
- <option id="conflictActionUniquifyLabel" value="uniquify"></option>
- <option id="conflictActionOverwriteLabel" value="overwrite"></option>
- <option id="conflictActionPromptLabel" value="prompt"></option>
- </select>
- </div>
- </details>
- <details>
- <summary id="htmlContentLabel"></summary>
- <div class="option">
- <label for="compressHTMLInput" id="compressHTMLLabel"></label>
- <input type="checkbox" id="compressHTMLInput">
- </div>
- <div class="option">
- <label for="removeImportsInput" id="removeImportsLabel"></label>
- <input type="checkbox" id="removeImportsInput">
- </div>
- <div class="option">
- <label for="removeHiddenElementsInput" id="removeHiddenElementsLabel"></label>
- <input type="checkbox" id="removeHiddenElementsInput">
- </div>
- <div class="option">
- <label for="removeFramesInput" id="removeFramesLabel"></label>
- <input type="checkbox" id="removeFramesInput">
- </div>
- </details>
- <details>
- <summary id="imagesLabel"></summary>
- <div class="option">
- <label for="groupDuplicateImagesInput" id="groupDuplicateImagesLabel"></label>
- <input type="checkbox" id="groupDuplicateImagesInput">
- </div>
- <div class="option">
- <label for="lazyLoadImagesInput" id="lazyLoadImagesLabel"></label>
- <input type="checkbox" id="lazyLoadImagesInput">
- </div>
- <div class="option second-level">
- <label for="maxLazyLoadImagesIdleTimeInput" id="maxLazyLoadImagesIdleTimeLabel"></label>
- <input type="number" class="large-input" id="maxLazyLoadImagesIdleTimeInput">
- </div>
- <div class="option">
- <label for="removeAlternativeImagesInput" id="removeAlternativeImagesLabel"></label>
- <input type="checkbox" id="removeAlternativeImagesInput">
- </div>
- </details>
- <details>
- <summary id="stylesheetsLabel"></summary>
- <div class="option">
- <label for="compressCSSInput" id="compressCSSLabel"></label>
- <input type="checkbox" id="compressCSSInput">
- </div>
- <div class="option">
- <label for="removeUnusedStylesInput" id="removeUnusedStylesLabel"></label>
- <input type="checkbox" id="removeUnusedStylesInput">
- </div>
- <div class="option">
- <label for="removeAlternativeFontsInput" id="removeAlternativeFontsLabel"></label>
- <input type="checkbox" id="removeAlternativeFontsInput">
- </div>
- <div class="option">
- <label for="removeAlternativeMediasInput" id="removeAlternativeMediasLabel"></label>
- <input type="checkbox" id="removeAlternativeMediasInput">
- </div>
- </details>
- <details>
- <summary id="otherResourcesLabel"></summary>
- <div class="option">
- <label for="removeScriptsInput" id="removeScriptsLabel"></label>
- <input type="checkbox" id="removeScriptsInput">
- </div>
- <div class="option">
- <label for="removeVideoSrcInput" id="removeVideoLabel"></label>
- <input type="checkbox" id="removeVideoSrcInput">
- </div>
- <div class="option">
- <label for="removeAudioSrcInput" id="removeAudioLabel"></label>
- <input type="checkbox" id="removeAudioSrcInput">
- </div>
- </details>
- <details>
- <summary id="autoSaveLabel"></summary>
- <div class="option">
- <label for="autoSaveLoadOrUnloadInput" id="autoSaveLoadOrUnloadLabel"></label>
- <input type="checkbox" id="autoSaveLoadOrUnloadInput">
- </div>
- <div class="option">
- <label for="autoSaveLoadInput" id="autoSaveLoadLabel"></label>
- <input type="checkbox" id="autoSaveLoadInput">
- </div>
- <div class="option">
- <label for="autoSaveUnloadInput" id="autoSaveUnloadLabel"></label>
- <input type="checkbox" id="autoSaveUnloadInput">
- </div>
- <div class="option">
- <label for="autoSaveDelayInput" id="autoSaveDelayLabel"></label>
- <input type="number" id="autoSaveDelayInput" min="0">
- </div>
- </details>
- <details>
- <summary id="miscLabel"></summary>
- <div class="option">
- <label for="backgroundSaveInput" id="backgroundSaveLabel"></label>
- <input type="checkbox" id="backgroundSaveInput">
- </div>
- <div class="option">
- <label for="displayStatsInput" id="displayStatsLabel"></label>
- <input type="checkbox" id="displayStatsInput">
- </div>
- <div class="option">
- <label for="maxResourceSizeEnabledInput" id="setMaxResourceSizeLabel"></label>
- <input type="checkbox" id="maxResourceSizeEnabledInput">
- </div>
- <div class="option second-level">
- <label for="maxResourceSizeInput" id="maxResourceSizeLabel"></label>
- <input type="number" id="maxResourceSizeInput" min="1">
- </div>
- <div class="option">
- <label for="saveRawPageInput" id="saveRawPageLabel"></label>
- <input type="checkbox" id="saveRawPageInput">
- </div>
- </details>
- <details>
- <summary id="autoSettingsLabel"></summary>
- <div class="rules-table-container compact">
- <div class="thead">
- <div class="tr">
- <span class="th" id="autoSettingsUrlLabel"></span>
- <span class="th" id="autoSettingsProfileLabel"></span>
- <span class="th rule-autosave-profile" id="autoSettingsAutoSaveProfileLabel"></span>
- <span class="th"> </span>
- </div>
- </div>
- <div class="rules-table">
- <div class="rules-data">
- </div>
- <div hidden class="tr rule-view">
- <span class="td rule-url"></span>
- <span class="td rule-profile"></span>
- <span class="td rule-autosave-profile"></span>
- <span class="td"><button class="rule-update-button"><img src="../resources/button_edit.png"></button> <button
- class="rule-delete-button"><img src="../resources/button_delete.png"></button></span>
- </div>
- <div class="tr rule-create">
- <span class="td rule-url"><input type="text" id="ruleUrlInput" placeholder="Type a complete or partial URL (e.g. example.com)"></span>
- <span class="td rule-profile"><select id="ruleProfileInput"></select></span>
- <span class="td rule-autosave-profile"><select id="ruleAutoSaveProfileInput"></select></span>
- <span class="td"><button id="ruleAddButton" disabled><img src="../resources/button_new.png"></button></span>
- </div>
- <div hidden class="tr rule-edit">
- <span class="td rule-url"><input type="text" id="ruleEditUrlInput"></span>
- <span class="td rule-profile"><select id="ruleEditProfileInput"></select></span>
- <span class="td rule-autosave-profile"><select id="ruleEditAutoSaveProfileInput"></select></span>
- <span class="td"><button id="ruleEditButton"><img src="../resources/button_ok.png"></button></span>
- </div>
- </div>
- </div>
- <div class="option">
- <label for="showAllProfilesInput" id="showAllProfilesLabel"></label>
- <input type="checkbox" id="showAllProfilesInput">
- </div>
- <div class="option">
- <label for="showAutoSaveProfileInput" id="showAutoSaveProfileLabel"></label>
- <input type="checkbox" id="showAutoSaveProfileInput">
- </div>
- </details>
- <div class="option bottom">
- <a href="help.html" target="SingleFileHelpPage" id="helpLabel"></a>
- <button id="resetButton"></button>
- </div>
- <script type="text/javascript" src="/lib/browser-polyfill/chrome-browser-polyfill.js"></script>
- <script type="text/javascript" src="../bg/ui-options.js"></script>
- </body>
- </html>
|