| OLD | NEW |
| 1 <!doctype html> | 1 <!DOCTYPE HTML> |
| 2 <html i18n-values="dir:textdirection;lang:language"> | 2 <html i18n-values="dir:textdirection;"> |
| 3 <head> | 3 <head> |
| 4 <meta charset="utf-8"> | 4 <meta charset="utf-8"> |
| 5 <if expr="is_android or is_ios"> | 5 <if expr="is_android or is_ios"> |
| 6 <meta name="viewport" content="width=device-width, user-scalable=no"> | 6 <meta name="viewport" content="width=device-width, user-scalable=no"> |
| 7 </if> | 7 </if> |
| 8 <link rel="stylesheet" href="chrome://resources/css/text_defaults.css"> | 8 <link rel="stylesheet" href="apple_flags.css"> |
| 9 <link rel="stylesheet" href="flags.css"> | |
| 10 | |
| 11 <if expr="is_ios"> | 9 <if expr="is_ios"> |
| 12 <!-- TODO(crbug.com/487000): Remove this once injected by web. --> | |
| 13 <script src="chrome://resources/js/ios/web_ui.js"></script> | 10 <script src="chrome://resources/js/ios/web_ui.js"></script> |
| 14 </if> | 11 </if> |
| 15 | |
| 16 <script src="chrome://resources/js/load_time_data.js"></script> | 12 <script src="chrome://resources/js/load_time_data.js"></script> |
| 17 <script src="chrome://resources/js/util.js"></script> | 13 <script src="chrome://resources/js/util.js"></script> |
| 18 <script src="chrome://flags/flags.js"></script> | 14 <script src="chrome://ui-alternatives/flags.js"></script> |
| 19 <script src="chrome://flags/strings.js"></script> | 15 <script src="chrome://ui-alternatives/strings.js"></script> |
| 20 </head> | 16 </head> |
| 21 <body> | 17 <body i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize"> |
| 22 <div id="body-container" style="visibility:hidden"> | 18 <div id="body-container" style="visibility:hidden"> |
| 23 | |
| 24 <div id="header"> | |
| 25 <div id="title-spacer"><h1 i18n-content="flagsLongTitle"></h1></div> | |
| 26 </div> | |
| 27 | |
| 28 <div class="blurb-container"> | |
| 29 <span id="blurb-warning" i18n-content="flagsWarningHeader">WARNING</span> | |
| 30 <span i18n-content="flagsBlurb">WARNING TEXT</span> | |
| 31 <span id="channel-promo-beta" i18n-content="channelPromoBeta" hidden></span> | |
| 32 <span id="channel-promo-dev" i18n-content="channelPromoDev" hidden></span> | |
| 33 </div> | |
| 34 | |
| 35 <if expr="chromeos"> | |
| 36 <div class="blurb-container" id="owner-warning"> | |
| 37 <span i18n-content="ownerWarning"></span> | |
| 38 </div> | |
| 39 </if> | |
| 40 | |
| 41 <div id="flagsTemplate"> | 19 <div id="flagsTemplate"> |
| 42 <div id="container" class="vbox-container"> | 20 <div id="container" class="vbox-container"> |
| 43 <div id="top" class="wbox"> | 21 <div id="top" class="wbox"> |
| 44 <div class="section-header"> | 22 <div class="section-header"> |
| 45 <table cellpadding="0" cellspacing="0"><tr valign="center"> | 23 <table cellpadding="0" cellspacing="0"><tr valign="center"> |
| 46 <td> | 24 <td> |
| 47 <span class="section-header-title" i18n-content="flagsTableTitle" | 25 <span class="section-header-title" i18n-content="flagsTableTitle" |
| 48 >TITLE</span> | 26 >TITLE</span> |
| 49 <button id="experiment-reset-all" type="button" | 27 <button id="experiment-reset-all" |
| 28 jsdisplay="supportedFeatures.length > 0" type="button" |
| 50 i18n-content="resetAllButton"></button> | 29 i18n-content="resetAllButton"></button> |
| 51 </td> | 30 </td> |
| 52 </tr></table> | 31 </tr></table> |
| 53 </div> | 32 </div> |
| 54 </div> | 33 </div> |
| 55 </div> | 34 </div> |
| 56 | 35 |
| 57 <div class="content"> | 36 <div class="content"> |
| 37 <div class="experiment-name no-experiments" |
| 38 jsdisplay="supportedFeatures.length == 0"> |
| 39 <div i18n-content="flagsNoExperimentsAvailable" |
| 40 >NO_EXPERIMENTS_ARE_AVAILABLE</div> |
| 41 </div> |
| 42 |
| 43 <div jsdisplay="supportedFeatures.length > 0"> |
| 58 <div class="experiment" | 44 <div class="experiment" |
| 59 jsselect="supportedFeatures" | 45 jsselect="supportedFeatures" |
| 60 jsvalues="id:internal_name"> | 46 jsvalues="id:internal_name"> |
| 61 <table width="100%" cellpadding="2" cellspacing="0"> | 47 <table width="100%" cellpadding="2" cellspacing="0"> |
| 62 <!-- TODO(mkwst): This doesn't work exactly as expected for multivalue | 48 <!-- TODO(mkwst): This doesn't work exactly as expected for multivalue |
| 63 experiments. See http://crbug.com/73730 --> | 49 experiments. See http://crbug.com/73730 --> |
| 64 <tr jsvalues="class: is_default ? 'experiment-default' | 50 <tr jsvalues="class: enabled ? 'experiment-enabled' |
| 65 : 'experiment-switched'"> | 51 : 'experiment-disabled'"> |
| 66 <td valign="top"> | 52 <td valign="top"> |
| 67 <div class="experiment-text"> | 53 <div class="experiment-text"> |
| 68 <div> | 54 <div> |
| 69 <span class="experiment-name" | 55 <span class="experiment-name" |
| 70 jscontent="name">NAME</span> | 56 jscontent="name">NAME</span> |
| 71 <span jscontent="supported_platforms.join(', ')"></span> | 57 <span jscontent="supported_platforms.join(', ')"></span> |
| 72 <div> | 58 <div> |
| 73 <span jsvalues=".innerHTML:description"></span> | 59 <span jsvalues=".innerHTML:description"></span> |
| 74 <a class="permalink" | 60 <a class="permalink" |
| 75 jsvalues="href: '#' + internal_name" | 61 jsvalues="href: '#' + internal_name" |
| (...skipping 26 matching lines...) Expand all Loading... |
| 102 jsdisplay="!enabled" | 88 jsdisplay="!enabled" |
| 103 href="#" | 89 href="#" |
| 104 i18n-content="enable" | 90 i18n-content="enable" |
| 105 >ENABLE</a> | 91 >ENABLE</a> |
| 106 </span> | 92 </span> |
| 107 </div> | 93 </div> |
| 108 </td> | 94 </td> |
| 109 </tr> | 95 </tr> |
| 110 </table> | 96 </table> |
| 111 </div> | 97 </div> |
| 98 </div> |
| 112 </div> | 99 </div> |
| 113 | 100 |
| 114 <!-- Unsupported experiments are not shown on iOS --> | 101 <div class="needs-restart" |
| 115 <if expr="not is_ios"> | 102 jsdisplay="supportedFeatures.length > 0"> |
| 116 <div id="container" class="vbox-container"> | 103 <div i18n-content="flagsRestartNotice">NEEDS_RESTART</div> |
| 117 <div id="top" class="wbox"> | |
| 118 <div class="section-header"> | |
| 119 <table cellpadding="0" cellspacing="0"><tr valign="center"> | |
| 120 <td> | |
| 121 <span class="section-header-title" | |
| 122 i18n-content="flagsUnsupportedTableTitle" | |
| 123 >TITLE | |
| 124 </span> | |
| 125 </td> | |
| 126 </tr></table> | |
| 127 </div> | |
| 128 </div> | |
| 129 </div> | |
| 130 | |
| 131 <div class="content"> | |
| 132 <div class="experiment" | |
| 133 jsselect="unsupportedFeatures" | |
| 134 jsvalues="id:internal_name"> | |
| 135 <table width="100%" cellpadding="2" cellspacing="0"> | |
| 136 <tr class="experiment-unsupported"> | |
| 137 <td valign="top"> | |
| 138 <div class="experiment-text"> | |
| 139 <div> | |
| 140 <span class="experiment-name" | |
| 141 jscontent="name">NAME</span> | |
| 142 <span jscontent="supported_platforms.join(', ')"></span> | |
| 143 <div> | |
| 144 <span jsvalues=".innerHTML:description"></span> | |
| 145 <a class="permalink" | |
| 146 jsvalues="href: '#' + internal_name" | |
| 147 jscontent="'#' + internal_name"></a> | |
| 148 </div> | |
| 149 </div> | |
| 150 </div> | |
| 151 <div class="experiment-actions"> | |
| 152 <div i18n-content="flagsNotSupported"></div> | |
| 153 </div> | |
| 154 </td> | |
| 155 </tr> | |
| 156 </table> | |
| 157 </div> | |
| 158 </div> | |
| 159 </if> | |
| 160 | |
| 161 <div class="needs-restart" jsdisplay="needsRestart"> | |
| 162 <div i18n-content="flagsRestartNotice">NEEDS_RESTART</div> | |
| 163 <button class="experiment-restart-button" type="button" | |
| 164 i18n-content="flagsRestartButton">RESTART</button> | |
| 165 </div> | 104 </div> |
| 166 </div> | 105 </div> |
| 167 </div> | 106 </div> |
| 168 <script src="chrome://resources/js/i18n_template.js"></script> | 107 <script src="chrome://resources/js/i18n_template.js"></script> |
| 169 <script src="chrome://resources/js/jstemplate_compiled.js"></script> | 108 <script src="chrome://resources/js/jstemplate_compiled.js"></script> |
| 170 </body> | 109 </body> |
| 171 </html> | 110 </html> |
| OLD | NEW |