<!DOCTYPE HTML>
<html i18n-values="dir:textdirection;">
<head>
<meta charset="utf-8">
<if expr="is_android">
<meta name="viewport" content="width=device-width, user-scalable=no">
</if>
<link rel="stylesheet" href="flags.css">
<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 i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize">
<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="pp_ifdef('chromeos')">
<div class="blurb-container" id="owner-warning">
<span i18n-content="ownerWarning"></span>
</div>
</if>
<div id="flagsExperimentTemplate">
<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-name no-experiments"
jsdisplay="supportedExperiments.length == 0">
<div i18n-content="flagsNoExperimentsAvailable"
>NO_EXPERIMENTS_ARE_AVAILABLE</div>
</div>
<div jsdisplay="supportedExperiments.length > 0">
<div class="experiment"
jsselect="supportedExperiments"
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-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>
</div>
<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-name no-experiments"
jsdisplay="unsupportedExperiments.length == 0">
<div i18n-content="flagsNoUnsupportedExperiments"
>NO_UNSUPPORTED_EXPERIMENTS</div>
</div>
<div jsdisplay="unsupportedExperiments.length > 0">
<div class="experiment"
jsselect="unsupportedExperiments"
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>
</div>
<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_template2.js"></script>
<script src="chrome://resources/js/jstemplate_compiled.js"></script>
</body>
</html>