| <!doctype html> |
| <html i18n-values="dir:textdirection;lang:language"> |
| <head> |
| <meta charset="utf-8"> |
| <if expr="is_android or is_ios"> |
| <meta name="viewport" content="width=device-width, user-scalable=no"> |
| </if> |
| <link rel="stylesheet" href="chrome://resources/css/text_defaults.css"> |
| <link rel="stylesheet" href="flags.css"> |
| |
| <if expr="is_ios"> |
| <!-- TODO(crbug.com/487000): Remove this once injected by web. --> |
| <script src="chrome://resources/js/ios/web_ui.js"></script> |
| </if> |
| |
| <script src="chrome://resources/js/load_time_data.js"></script> |
| <script src="chrome://resources/js/util.js"></script> |
| <script src="chrome://flags/flags.js"></script> |
| <script src="chrome://flags/strings.js"></script> |
| </head> |
| <body> |
| <div id="body-container" style="visibility:hidden"> |
| |
| <div id="header"> |
| <div id="title-spacer"><h1 i18n-content="flagsLongTitle"></h1></div> |
| </div> |
| |
| <div class="blurb-container"> |
| <span id="blurb-warning" i18n-content="flagsWarningHeader">WARNING</span> |
| <span i18n-content="flagsBlurb">WARNING TEXT</span> |
| <span id="channel-promo-beta" i18n-content="channelPromoBeta" hidden></span> |
| <span id="channel-promo-dev" i18n-content="channelPromoDev" hidden></span> |
| </div> |
| |
| <if expr="chromeos"> |
| <div class="blurb-container" id="owner-warning"> |
| <span i18n-content="ownerWarning"></span> |
| </div> |
| </if> |
| |
| <div id="flagsTemplate"> |
| <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> |
| <button id="experiment-reset-all" type="button" |
| i18n-content="resetAllButton"></button> |
| </td> |
| </tr></table> |
| </div> |
| </div> |
| </div> |
| |
| <div class="content"> |
| <div class="experiment" |
| jsselect="supportedFeatures" |
| jsvalues="id:internal_name"> |
| <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: is_default ? 'experiment-default' |
| : 'experiment-switched'"> |
| <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"></span> |
| <a class="permalink" |
| jsvalues="href: '#' + internal_name" |
| jscontent="'#' + internal_name"></a> |
| </div> |
| <div jsdisplay="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"> |
| <span> |
| <a |
| class="experiment-disable-link" |
| jsvalues=".internal_name:internal_name" |
| jsdisplay="enabled" |
| href="#" |
| i18n-content="disable" |
| >DISABLE</a> |
| <a |
| class="experiment-enable-link" |
| jsvalues=".internal_name:internal_name" |
| jsdisplay="!enabled" |
| href="#" |
| i18n-content="enable" |
| >ENABLE</a> |
| </span> |
| </div> |
| </td> |
| </tr> |
| </table> |
| </div> |
| </div> |
| |
| <!-- Unsupported experiments are not shown on iOS --> |
| <if expr="not is_ios"> |
| <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="flagsUnsupportedTableTitle" |
| >TITLE |
| </span> |
| </td> |
| </tr></table> |
| </div> |
| </div> |
| </div> |
| |
| <div class="content"> |
| <div class="experiment" |
| jsselect="unsupportedFeatures" |
| jsvalues="id:internal_name"> |
| <table width="100%" cellpadding="2" cellspacing="0"> |
| <tr class="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"></span> |
| <a class="permalink" |
| jsvalues="href: '#' + internal_name" |
| jscontent="'#' + internal_name"></a> |
| </div> |
| </div> |
| </div> |
| <div class="experiment-actions"> |
| <div i18n-content="flagsNotSupported"></div> |
| </div> |
| </td> |
| </tr> |
| </table> |
| </div> |
| </div> |
| </if> |
| |
| <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> |
| <script src="chrome://resources/js/i18n_template.js"></script> |
| <script src="chrome://resources/js/jstemplate_compiled.js"></script> |
| </body> |
| </html> |
