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