| <html> | |
| <head> | |
| <link rel="stylesheet" href="css/options.css"></link> | |
| <script src="js/common.js"></script> | |
| <script src="js/options.js"></script> | |
| <script src="js/urls.js"></script> | |
| </head> | |
| <body> | |
| <div id="browserPage" class="page"> | |
| <h1 i18n="optionsScreenTitle"></h1> | |
| <div class="displaytable"> | |
| <section id="sourceSection"> | |
| <h3 i18n="optionSource"></h3> | |
| <div> | |
| <div> | |
| <label> | |
| <input type="radio" id="sourceGoogleNews" name="source" | |
| value="0"> | |
| <span class="option-name" i18n="rssSourceGoogleNews"></span> | |
| <select id="googleNewsCategory" disabled> | |
| <option value="googleNewsInfixesTop" | |
| i18n="googleNewsNameTop"></option> | |
| <option value="googleNewsInfixesWorld" | |
| i18n="googleNewsNameWorld"></option> | |
| <option value="googleNewsInfixesSciTech" | |
| i18n="googleNewsNameSciTech"></option> | |
| </select> | |
| </label> | |
| </div> | |
| <div> | |
| <label> | |
| <input type="radio" id="sourceExpl1" name="source" value="1"> | |
| <span class="option-name" i18n="rssSourceExample1"></span> | |
| </label> | |
| </div> | |
| <div> | |
| <label> | |
| <input type="radio" id="sourceExpl2" name="source" value="2"> | |
| <span class="option-name" i18n="rssSourceExample2"></span> | |
| </label> | |
| </div> | |
| <div> | |
| <label> | |
| <input id="sourceCustom" type="radio" name="source" | |
| value="3"> | |
| <span class="option-name" i18n="rssSourceCustom"></span> | |
| <!-- TODO(sidor): Add Learn more hint here --> | |
| <input type="text" id="RssFeedUrl" disabled> | |
| </label> | |
| </div> | |
| </div> | |
| </section> | |
| <section> | |
| <h3 i18n="optionDelay"></h3> | |
| <div class="option-control-table"> | |
| <span class="option-name" i18n="displayScreensaverAfter"></span> | |
| <div id="slider-control"> | |
| <input id="lunch-time-range" type="range" min="0" max="1" | |
| step="any"> | |
| <div> | |
| <span id="lunch-time-text"></span> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <section id="article-refresh"> | |
| <h3 i18n="optionArticleRefresh"></h3> | |
| <div> | |
| <div> | |
| <label> | |
| <input type="radio" name="articleRefresh" value="30"> | |
| <span class="option-name" i18n="articleRefreshSlow"></span> | |
| </label> | |
| </div> | |
| <div> | |
| <label> | |
| <input type="radio" name="articleRefresh" value="8"> | |
| <span class="option-name" i18n="articleRefreshFast"></span> | |
| </label> | |
| </div> | |
| <div> | |
| <label> | |
| <input type="radio" name="articleRefresh" value="2"> | |
| <span class="option-name" i18n="articleRefreshVeryFast"></span> | |
| </label> | |
| </div> | |
| </div> | |
| </section> | |
| <section id="display-mode"> | |
| <h3 i18n="optionDisplayMode"></h3> | |
| <div> | |
| <div> | |
| <label> | |
| <input type="radio" name="displayMode" value="newest"> | |
| <span class="option-name" i18n="displayModeNewest"></span> | |
| </label> | |
| </div> | |
| <div> | |
| <label> | |
| <input type="radio" name="displayMode" value="comprehensive"> | |
| <span class="option-name" i18n="displayModeComprehensive"> | |
| </span> | |
| </label> | |
| </div> | |
| </div> | |
| </section> | |
| <section> | |
| <div id="optionsSavedMessage" class="saved-hidden"> | |
| <span i18n="optionsSavedMessage"></span> | |
| </div> | |
| <div> | |
| <div class="kd-button-red save-button" id="save-button" > | |
| <span i18n="saveOptionsButton"></span> | |
| </div> | |
| | |
| <div class="kd-button-gray preview-button" id="preview-button"> | |
| <span i18n="previewButton"></span> | |
| </div> | |
| | |
| <div class="kd-button-gray cancel-button" id="cancel-button"> | |
| <span i18n="cancelButton"></span> | |
| </div> | |
| </div> | |
| </section> | |
| </div> | |
| </div> | |
| </body> |