| Index: components/flags_ui/resources/apple_flags.html
|
| diff --git a/components/flags_ui/resources/flags.html b/components/flags_ui/resources/apple_flags.html
|
| similarity index 51%
|
| copy from components/flags_ui/resources/flags.html
|
| copy to components/flags_ui/resources/apple_flags.html
|
| index b29c25ad412395197fe9cb82ed8d09830321d401..5b34466ba15d3ab5b4816a6c702ae1016eb97c94 100644
|
| --- a/components/flags_ui/resources/flags.html
|
| +++ b/components/flags_ui/resources/apple_flags.html
|
| @@ -1,43 +1,21 @@
|
| -<!doctype html>
|
| -<html i18n-values="dir:textdirection;lang:language">
|
| +<!DOCTYPE HTML>
|
| +<html i18n-values="dir: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="chrome://resources/css/text_defaults.css">
|
| -<link rel="stylesheet" href="flags.css">
|
| -
|
| +<link rel="stylesheet" href="apple_flags.css">
|
| <if expr="is_ios">
|
| -<!-- TODO(crbug.com/487000): Remove this once injected by web. -->
|
| <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://flags/flags.js"></script>
|
| -<script src="chrome://flags/strings.js"></script>
|
| +<script src="chrome://ui-alternatives/flags.js"></script>
|
| +<script src="chrome://ui-alternatives/strings.js"></script>
|
| </head>
|
| -<body>
|
| +<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="chromeos">
|
| - <div class="blurb-container" id="owner-warning">
|
| - <span i18n-content="ownerWarning"></span>
|
| - </div>
|
| -</if>
|
| -
|
| <div id="flagsTemplate">
|
| <div id="container" class="vbox-container">
|
| <div id="top" class="wbox">
|
| @@ -46,7 +24,8 @@
|
| <td>
|
| <span class="section-header-title" i18n-content="flagsTableTitle"
|
| >TITLE</span>
|
| - <button id="experiment-reset-all" type="button"
|
| + <button id="experiment-reset-all"
|
| + jsdisplay="supportedFeatures.length > 0" type="button"
|
| i18n-content="resetAllButton"></button>
|
| </td>
|
| </tr></table>
|
| @@ -55,14 +34,21 @@
|
| </div>
|
|
|
| <div class="content">
|
| + <div class="experiment-name no-experiments"
|
| + jsdisplay="supportedFeatures.length == 0">
|
| + <div i18n-content="flagsNoExperimentsAvailable"
|
| + >NO_EXPERIMENTS_ARE_AVAILABLE</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: is_default ? 'experiment-default'
|
| - : 'experiment-switched'">
|
| + <tr jsvalues="class: enabled ? 'experiment-enabled'
|
| + : 'experiment-disabled'">
|
| <td valign="top">
|
| <div class="experiment-text">
|
| <div>
|
| @@ -109,59 +95,12 @@
|
| </tr>
|
| </table>
|
| </div>
|
| + </div>
|
| </div>
|
|
|
| -<!-- Unsupported experiments are not shown on iOS -->
|
| -<if expr="not is_ios">
|
| - <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"
|
| - jsselect="unsupportedFeatures"
|
| - 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>
|
| -</if>
|
| -
|
| - <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 class="needs-restart"
|
| + jsdisplay="supportedFeatures.length > 0">
|
| + <div i18n-content="flagsRestartNotice">NEEDS_RESTART</div>
|
| </div>
|
| </div>
|
| </div>
|
|
|