src/chrome/browser/resources/flags.html

   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="pp_ifdef('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>