| <!DOCTYPE HTML> |
| <html i18n-values="dir:textdirection;"> |
| <head> |
| <meta charset="utf-8"> |
| <link rel="stylesheet" href="flags.css"> |
| <script src="chrome://resources/js/util.js"></script> |
| <script src="chrome://flags/flags.js"></script> |
| <script src="chrome://flags/strings.js"></script> |
| <script src="chrome://resources/js/i18n_template.js"></script> |
| </head> |
| <body i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize"> |
| <div id="body-container" style="visibility:hidden"> |
| |
| <div id="header"><h1 i18n-content="flagsLongTitle">TITLE</h1></div> |
| |
| <div id="blurb-container"> |
| <span id="blurb-warning" i18n-content="flagsWarningHeader">WARNING</span> |
| <span i18n-content="flagsBlurb">WARNING TEXT</span> |
| </div> |
| |
| <div id="flagsExperimentTemplate"> |
| |
| <div id="container" class="vbox-container"> |
| <div id="top" class="wbox"> |
| |
| <div class="section-header"> |
| <table cellpadding="0" cellspacing="0"><tr valign="center"> |
| <td> |
| <span class="section-header-title" i18n-content="flagsTableTitle" |
| >TITLE</span> |
| </td> |
| </tr></table> |
| </div> |
| |
| </div> |
| </div> |
| |
| <div class="content"> |
| <div class="experiment-name no-experiments" |
| jsdisplay="flagsExperiments.length === 0"> |
| <div i18n-content="flagsNoExperimentsAvailable" |
| >NO_EXPERIMENTS_ARE_AVAILABLE</div> |
| </div> |
| |
| <div jsdisplay="flagsExperiments.length > 0"> |
| <div class="experiment" jsselect="flagsExperiments"> |
| <table width="100%" cellpadding="2" cellspacing="0"> |
| <!-- TODO(mkwst): This doesn't work exactly as expected for multivalue |
| experiments. See http://crbug.com/73730 --> |
| <tr jsvalues="class: supported ? |
| (enabled ? 'experiment-enabled' : 'experiment-disabled') : |
| 'experiment-unsupported'"> |
| <td valign="top"> |
| <div class="experiment-text"> |
| <div> |
| <span class="experiment-name" |
| jscontent="name">NAME</span> |
| <span jscontent="supported_platforms.join(', ')"></span> |
| <div> |
| <span jsvalues=".innerHTML:description"> |
| </div> |
| <div jsdisplay="supported && choices && choices.length > 0"> |
| <select |
| class="experiment-select" |
| jsvalues=".internal_name:internal_name;.disabled:!enabled"> |
| <option jsvalues=".selected:selected" |
| jsselect="choices" |
| jscontent="description">NAME |
| </option> |
| </select> |
| </div> |
| </div> |
| </div> |
| <div class="experiment-actions"> |
| <div jsdisplay="!supported" i18n-content="flagsNotSupported"></div> |
| <!-- If enabled isn't set (i.e. in multi_type options), |
| then both jsdisplay tests fail, and we get no |
| rendering from this section. --> |
| <span> |
| <a |
| class="experiment-disable-link" |
| jsvalues=".internal_name:internal_name" |
| jsdisplay="supported && enabled" |
| href="#" |
| i18n-content="disable" |
| >DISABLE</a> |
| <a |
| class="experiment-enable-link" |
| jsvalues=".internal_name:internal_name" |
| jsdisplay="supported && !enabled" |
| href="#" |
| i18n-content="enable" |
| >ENABLE</a> |
| </span> |
| </div> |
| </td> |
| </tr> |
| </table> |
| </div> |
| </div> |
| |
| <div class="needs-restart" jsdisplay="needsRestart"> |
| <div i18n-content="flagsRestartNotice">NEEDS_RESTART</div> |
| <button class="experiment-restart-button" |
| type="button" |
| i18n-content="flagsRestartButton">RESTART</button> |
| </div> |
| </div> |
| </div> |
| </div> |
| <script src="chrome://resources/js/i18n_process.js"></script> |
| <script src="chrome://resources/js/jstemplate_compiled.js"></script> |
| </body> |
| </html> |
