chrome/browser/resources/flags.html

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