Home | History | Annotate | Download | only in resources
      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">
     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>
    178