chrome/browser/resources/flags.html

   1 <!DOCTYPE HTML>
   2 <html i18n-values="dir:textdirection;">
   3 <head>
   4 <meta charset="utf-8">
   5 <link rel="stylesheet" href="flags.css">
   6 <script src="chrome://resources/js/load_time_data.js"></script>
   7 <script src="chrome://resources/js/util.js"></script>
   8 <script src="chrome://flags/flags.js"></script>
   9 <script src="chrome://flags/strings.js"></script>
  10 </head>
  11 <body i18n-values=".style.fontFamily:fontfamily;.style.fontSize:fontsize">
  12 <div id="body-container" style="visibility:hidden">
  13
  14   <div id="header"><h1 i18n-content="flagsLongTitle">TITLE</h1></div>
  15
  16   <div id="blurb-container">
  17     <span id="blurb-warning" i18n-content="flagsWarningHeader">WARNING</span>
  18     <span i18n-content="flagsBlurb">WARNING TEXT</span>
  19   </div>
  20
  21   <div id="flagsExperimentTemplate">
  22
  23     <div id="container" class="vbox-container">
  24     <div id="top" class="wbox">
  25
  26       <div class="section-header">
  27         <table cellpadding="0" cellspacing="0"><tr valign="center">
  28           <td>
  29             <span class="section-header-title" i18n-content="flagsTableTitle"
  30               >TITLE</span>
  31           </td>
  32         </tr></table>
  33       </div>
  34
  35     </div>
  36     </div>
  37
  38     <div class="content">
  39       <div class="experiment-name no-experiments"
  40            jsdisplay="flagsExperiments.length === 0">
  41         <div i18n-content="flagsNoExperimentsAvailable"
  42           >NO_EXPERIMENTS_ARE_AVAILABLE</div>
  43       </div>
  44
  45       <div jsdisplay="flagsExperiments.length > 0">
  46       <div class="experiment" jsselect="flagsExperiments">
  47         <table width="100%" cellpadding="2" cellspacing="0">
  48         <!-- TODO(mkwst): This doesn't work exactly as expected for multivalue
  49                           experiments.  See http://crbug.com/73730 -->
  50         <tr jsvalues="class: supported ?
  51                       (enabled ? 'experiment-enabled' : 'experiment-disabled') :
  52                       'experiment-unsupported'">
  53         <td valign="top">
  54           <div class="experiment-text">
  55             <div>
  56               <span class="experiment-name"
  57                     jscontent="name">NAME</span>
  58               <span jscontent="supported_platforms.join(', ')"></span>
  59               <div>
  60                 <span jsvalues=".innerHTML:description">
  61               </div>
  62               <div jsdisplay="supported && choices && choices.length > 0">
  63                 <select
  64                   class="experiment-select"
  65                   jsvalues=".internal_name:internal_name;.disabled:!enabled">
  66                   <option jsvalues=".selected:selected"
  67                           jsselect="choices"
  68                           jscontent="description">NAME
  69                   </option>
  70                 </select>
  71               </div>
  72             </div>
  73           </div>
  74           <div class="experiment-actions">
  75             <div jsdisplay="!supported" i18n-content="flagsNotSupported"></div>
  76             <!-- If enabled isn't set (i.e. in multi_type options),
  77                  then both jsdisplay tests fail, and we get no
  78                  rendering from this section. -->
  79             <span>
  80               <a
  81                 class="experiment-disable-link"
  82                 jsvalues=".internal_name:internal_name"
  83                 jsdisplay="supported && enabled"
  84                 href="#"
  85                 i18n-content="disable"
  86                 >DISABLE</a>
  87               <a
  88                 class="experiment-enable-link"
  89                 jsvalues=".internal_name:internal_name"
  90                 jsdisplay="supported && !enabled"
  91                 href="#"
  92                 i18n-content="enable"
  93                 >ENABLE</a>
  94             </span>
  95           </div>
  96         </td>
  97         </tr>
  98         </table>
  99       </div>
 100       </div>
 101
 102       <div class="needs-restart" jsdisplay="needsRestart">
 103         <div i18n-content="flagsRestartNotice">NEEDS_RESTART</div>
 104         <button class="experiment-restart-button"
 105                 type="button"
 106                 i18n-content="flagsRestartButton">RESTART</button>
 107       </div>
 108     </div>
 109   </div>
 110 </div>
 111 <script src="chrome://resources/js/i18n_template2.js"></script>
 112 <script src="chrome://resources/js/jstemplate_compiled.js"></script>
 113 </body>
 114 </html>