Home | History | Annotate | Download | only in components
      1 <?cs def:custom_masthead() ?>
      2     <!-- Header -->
      3     <div id="header">
      4         <div class="wrap" id="header-wrap">
      5           <div class="col-3 logo">
      6           <a href="<?cs var:toroot ?>index.html">
      7             <img src="<?cs var:toroot ?>assets/images/dac_logo.png" width="123" height="25" alt="Android Developers" />
      8           </a>
      9           <div class="btn-quicknav" id="btn-quicknav">
     10           	<a href="#" class="arrow-inactive">Quicknav</a>
     11 			      <a href="#" class="arrow-active">Quicknav</a>
     12           </div>
     13           </div>
     14             <ul class="nav-x col-9">
     15                 <li class="design">
     16                   <a href="<?cs var:toroot ?>design/index.html"
     17                   zh-TW-lang=""
     18                   zh-CN-lang=""
     19                   ru-lang=""
     20                   ko-lang=""
     21                   ja-lang=""
     22                   es-lang="Disear"
     23                   >Design</a></li>
     24                 <li class="develop"><a href="<?cs var:toroot ?>develop/index.html"
     25                   zh-TW-lang=""
     26                   zh-CN-lang=""
     27                   ru-lang=""
     28                   ko-lang=""
     29                   ja-lang=""
     30                   es-lang="Desarrollar"
     31                   >Develop</a></li>
     32                 <li class="distribute last"><a href="<?cs var:toroot ?>distribute/index.html"
     33                   zh-TW-lang=""
     34                   zh-CN-lang=""
     35                   ru-lang=""
     36                   ko-lang=""
     37                   ja-lang=""
     38                   es-lang="Distribuir"
     39                   >Distribute</a></li>
     40             </ul>
     41 
     42             <!-- New Search -->
     43             <div class="menu-container">
     44             <div class="moremenu">
     45     <div id="more-btn"></div>
     46   </div>
     47   <div class="morehover" id="moremenu">
     48     <div class="top"></div>
     49     <div class="mid">
     50       <div class="header">Links</div>
     51       <ul>
     52         <li><a href="https://play.google.com/apps/publish/">Google Play Developer Console</a></li>
     53         <li><a href="http://android-developers.blogspot.com/">Android Developers Blog</a></li>
     54         <li><a href="<?cs var:toroot ?>about/index.html">About Android</a></li>
     55       </ul>
     56       <div class="header">Android Sites</div>
     57       <ul>
     58         <li><a href="http://www.android.com">Android.com</a></li>
     59         <li class="active"><a>Android Developers</a></li>
     60         <li><a href="http://source.android.com">Android Open Source Project</a></li>
     61       </ul>
     62 
     63 <?cs ############ TODO: Remove when we're happy with Devsite ############# ?>
     64       <?cs # Use differenc lang switcher for devsite and gae server ?>
     65       <?cs if:devsite ?>
     66       <div class="header">Language</div>
     67       <?cs elif:android.whichdoc == "online" ?>
     68         <div class="header">Language</div>
     69           <div id="language" class="locales">
     70             <select name="language" onChange="changeLangPref(this.value, true)">
     71                 <option value="en">English</option>
     72                 <option value="es">Espaol</option>
     73                 <option value="ja"></option>
     74                 <option value="ko"></option>
     75                 <option value="ru"></option>
     76                 <option value="zh-CN"> ()</option>
     77                 <option value="zh-TW"> ()</option>
     78             </select>
     79           </div>
     80         <script type="text/javascript">
     81           <!--
     82           loadLangPref();
     83             //-->
     84         </script>
     85       <?cs /if ?>
     86       <?cs # End of devsite vs. gae version of lang switcher ?>
     87 
     88 
     89       <br class="clearfix" />
     90     </div>
     91     <div class="bottom"></div>
     92   </div>
     93   <div class="search" id="search-container">
     94     <div class="search-inner">
     95       <div id="search-btn"></div>
     96       <div class="left"></div>
     97       <form onsubmit="return submit_search()">
     98         <input id="search_autocomplete" type="text" value="" autocomplete="off" name="q"
     99 onfocus="search_focus_changed(this, true)" onblur="search_focus_changed(this, false)"
    100 onkeydown="return search_changed(event, true, '<?cs var:toroot ?>')"
    101 onkeyup="return search_changed(event, false, '<?cs var:toroot ?>')" />
    102       </form>
    103       <div class="right"></div>
    104         <a class="close hide">close</a>
    105         <div class="left"></div>
    106         <div class="right"></div>
    107     </div>
    108   </div>
    109   <div id="search_filtered_wrapper">
    110     <div id="search_filtered_div" class="no-display">
    111         <ul id="search_filtered">
    112         </ul>
    113     </div>
    114   </div>
    115 
    116   </div>
    117   <!-- /New Search>
    118 
    119 
    120           <!-- Expanded quicknav -->
    121            <div id="quicknav" class="col-9">
    122                 <ul>
    123                     <li class="design">
    124                       <ul>
    125                         <li><a href="<?cs var:toroot ?>design/index.html">Get Started</a></li>
    126                         <li><a href="<?cs var:toroot ?>design/style/index.html">Style</a></li>
    127                         <li><a href="<?cs var:toroot ?>design/patterns/index.html">Patterns</a></li>
    128                         <li><a href="<?cs var:toroot ?>design/building-blocks/index.html">Building Blocks</a></li>
    129                         <li><a href="<?cs var:toroot ?>design/downloads/index.html">Downloads</a></li>
    130                         <li><a href="<?cs var:toroot ?>design/videos/index.html">Videos</a></li>
    131                       </ul>
    132                     </li>
    133                     <li class="develop">
    134                       <ul>
    135                         <li><a href="<?cs var:toroot ?>training/index.html"
    136                           zh-TW-lang=""
    137                           zh-CN-lang=""
    138                           ru-lang=""
    139                           ko-lang=""
    140                           ja-lang=""
    141                           es-lang="Capacitacin"
    142                           >Training</a></li>
    143                         <li><a href="<?cs var:toroot ?>guide/components/index.html"
    144                           zh-TW-lang="API "
    145                           zh-CN-lang="API "
    146                           ru-lang="  API"
    147                           ko-lang="API "
    148                           ja-lang="API "
    149                           es-lang="Guas de la API"
    150                           >API Guides</a></li>
    151                         <li><a href="<?cs var:toroot ?>reference/packages.html"
    152                           zh-TW-lang=""
    153                           zh-CN-lang=""
    154                           ru-lang=""
    155                           ko-lang=""
    156                           ja-lang=""
    157                           es-lang="Referencia"
    158                           >Reference</a></li>
    159                         <li><a href="<?cs var:toroot ?>tools/index.html"
    160                           zh-TW-lang=""
    161                           zh-CN-lang=""
    162                           ru-lang=""
    163                           ko-lang=""
    164                           ja-lang=""
    165                           es-lang="Herramientas"
    166                           >Tools</a>
    167                           <ul><li><a href="<?cs var:toroot ?>sdk/index.html">Get the SDK</a></li></ul>
    168                         </li>
    169                         <li><a href="<?cs var:toroot ?>google/index.html">Google Services</a>
    170                         </li>
    171                       </ul>
    172                     </li>
    173                     <li class="distribute last">
    174                       <ul>
    175                         <li><a href="<?cs var:toroot ?>distribute/index.html">Google Play</a></li>
    176                         <li><a href="<?cs var:toroot ?>distribute/googleplay/publish/index.html">Publishing</a></li>
    177                         <li><a href="<?cs var:toroot ?>distribute/googleplay/promote/index.html">Promoting</a></li>
    178                         <li><a href="<?cs var:toroot ?>distribute/googleplay/quality/index.html">App Quality</a></li>
    179                         <li><a href="<?cs var:toroot ?>distribute/googleplay/spotlight/index.html">Spotlight</a></li>
    180                         <li><a href="<?cs var:toroot ?>distribute/open.html">Open Distribution</a></li>
    181                       </ul>
    182                     </li>
    183                 </ul>
    184           </div>
    185           <!-- /Expanded quicknav -->
    186         </div>
    187     </div>
    188     <!-- /Header -->
    189 
    190 
    191   <div id="searchResults" class="wrap" style="display:none;">
    192           <h2 id="searchTitle">Results</h2>
    193           <div id="leftSearchControl" class="search-control">Loading...</div>
    194   </div>
    195 
    196 
    197 
    198 <?cs if:training || guide || reference || tools || develop || google ?>
    199     <!-- Secondary x-nav -->
    200     <div id="nav-x">
    201         <div class="wrap">
    202             <ul class="nav-x col-9 develop" style="width:100%">
    203                 <li class="training"><a href="<?cs var:toroot ?>training/index.html"
    204                   zh-TW-lang=""
    205                   zh-CN-lang=""
    206                   ru-lang=""
    207                   ko-lang=""
    208                   ja-lang=""
    209                   es-lang="Capacitacin"
    210                   >Training</a></li>
    211                 <li class="guide"><a href="<?cs var:toroot ?>guide/components/index.html"
    212                   zh-TW-lang="API "
    213                   zh-CN-lang="API "
    214                   ru-lang="  API"
    215                   ko-lang="API "
    216                   ja-lang="API "
    217                   es-lang="Guas de la API"
    218                   >API Guides</a></li>
    219                 <li class="reference"><a href="<?cs var:toroot ?>reference/packages.html"
    220                   zh-TW-lang=""
    221                   zh-CN-lang=""
    222                   ru-lang=""
    223                   ko-lang=""
    224                   ja-lang=""
    225                   es-lang="Referencia"
    226                   >Reference</a></li>
    227                 <li class="tools"><a href="<?cs var:toroot ?>tools/index.html"
    228                   zh-TW-lang=""
    229                   zh-CN-lang=""
    230                   ru-lang=""
    231                   ko-lang=""
    232                   ja-lang=""
    233                   es-lang="Herramientas"
    234                   >Tools</a></li>
    235                 <li class="google"><a href="<?cs var:toroot ?>google/index.html"
    236                   >Google Services</a>
    237                 </li>
    238             </ul>
    239         </div>
    240 
    241     </div>
    242     <!-- /Sendondary x-nav -->
    243 <?cs /if ?>
    244   <?cs
    245 /def ?>
    246 
    247 
    248 
    249 
    250 <?cs def:sac_masthead() ?>
    251     <!-- Header -->
    252     <div id="header">
    253         <div class="wrap" id="header-wrap">
    254           <div class="col-3 saclogo">
    255           <a href="<?cs var:toroot ?>index.html">
    256             <img src="<?cs var:toroot ?>assets/images/sac_logo.png"
    257                 srcset="<?cs var:toroot ?>assets/images/sac_logo@2x.png 2x"
    258                 width="123" height="25" alt="Android Open Source Project" />
    259           </a>
    260           </div>
    261             <ul class="nav-x col-9">
    262                 <li class="source">
    263                   <a href="<?cs var:toroot ?>source/index.html" <?cs
    264                   if:source ?>class="selected"<?cs /if ?>
    265                   >Source</a></li>
    266                 <li class="devices"><a href="<?cs var:toroot ?>devices/index.html" <?cs
    267                   if:devices ?>class="selected"<?cs /if ?>
    268                   >Devices</a></li>
    269                 <li class="security"><a href="<?cs var:toroot ?>security/index.html" <?cs
    270                   if:security ?>class="selected"<?cs /if ?>
    271                   >Security</a></li>
    272                 <li class="compatibility last"><a href="<?cs var:toroot ?>compatibility/index.html" <?cs
    273                   if:compatibility ?>class="selected"<?cs /if ?>
    274                   >Compatibility</a></li>
    275             </ul>
    276             <!-- New Search -->
    277             <div class="menu-container">
    278             <div class="moremenu">
    279     <div id="more-btn"></div>
    280   </div>
    281   <div class="morehover" id="moremenu">
    282     <div class="top"></div>
    283     <div class="mid">
    284       <div class="header">Android Sites</div>
    285       <ul>
    286         <li class="active"><a>Android Open Source Project</a></li>
    287         <li><a href="http://www.android.com">Android.com</a></li>
    288         <li><a href="http://developer.android.com">Android Developers</a></li>
    289       </ul>
    290       <!-- <div class="header">Support</div>
    291       <ul>
    292         <li><a href="<?cs var:toroot ?>support.html">Developer Support</a></li>
    293       </ul> -->
    294       <br class="clearfix" />
    295     </div>
    296     <div class="bottom"></div>
    297   </div>
    298 
    299   <div class="search" id="search-container">
    300     <div class="search-inner">
    301       <div id="search-btn"></div>
    302       <div class="left"></div>
    303       <form onsubmit="return submit_search()">
    304         <input id="search_autocomplete" type="text" value="" autocomplete="off" name="q"
    305 onfocus="search_focus_changed(this, true)" onblur="search_focus_changed(this, false)"
    306 onkeydown="return search_changed(event, true, '<?cs var:toroot ?>')"
    307 onkeyup="return search_changed(event, false, '<?cs var:toroot ?>')" />
    308       </form>
    309       <div class="right"></div>
    310         <a class="close hide">close</a>
    311         <div class="left"></div>
    312         <div class="right"></div>
    313     </div>
    314   </div>
    315   <div id="search_filtered_wrapper">
    316     <div id="search_filtered_div" class="no-display">
    317         <ul id="search_filtered">
    318         </ul>
    319     </div>
    320   </div>
    321 
    322   </div>
    323   <!-- /New Search> -->
    324         </div>
    325     </div>
    326     <!-- /Header -->
    327 
    328   <div id="searchResults" class="wrap" style="display:none;">
    329           <h2 id="searchTitle">Results</h2>
    330           <div id="leftSearchControl" class="search-control">Loading...</div>
    331   </div>
    332 
    333   <?cs
    334 /def ?>
    335