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 |