| <!DOCTYPE HTML> |
| <html dir="$i18n{textdirection}"> |
| <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="apple_flags.css"> |
| <if expr="is_ios"> |
| <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://ui-alternatives/flags.js"></script> |
| <script src="chrome://ui-alternatives/strings.js"></script> |
| </head> |
| <body style="fontFamily:$i18n{fontfamily};fontSize:$i18n{fontsize}"> |
| <div id="body-container" style="visibility:hidden"> |
| <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{flagsTableTitle}</span> |
| <button id="experiment-reset-all" |
| jsdisplay="supportedFeatures.length > 0" type="button"> |
| $i18n{resetAllButton} |
| </button> |
| </td> |
| </tr></table> |
| </div> |
| </div> |
| </div> |
| |
| <div class="content"> |
| <div class="experiment-name no-experiments" |
| jsdisplay="supportedFeatures.length == 0"> |
| <div>$i18n{flagsNoExperimentsAvailable}</div> |
| </div> |
| |
| <div jsdisplay="supportedFeatures.length > 0"> |
| <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: enabled ? 'experiment-enabled' |
| : 'experiment-disabled'"> |
| <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{disable}</a> |
| <a |
| class="experiment-enable-link" |
| jsvalues=".internal_name:internal_name" |
| jsdisplay="!enabled" href="#">$i18n{enable}</a> |
| </span> |
| </div> |
| </td> |
| </tr> |
| </table> |
| </div> |
| </div> |
| </div> |
| |
| <div class="needs-restart" jsdisplay="supportedFeatures.length > 0"> |
| <div>$i18n{flagsRestartNotice}</div> |
| </div> |
| </div> |
| </div> |
| <script src="chrome://resources/js/i18n_template.js"></script> |
| <script src="chrome://resources/js/jstemplate_compiled.js"></script> |
| </body> |
| </html> |