masthead.cs revision 4b270cdf3678998370c2c3629711797ec7ab8a5a
1<?cs def:custom_masthead() ?>
2<?cs if:wear ?>
3  <?cs call:wear_masthead() ?>
4<?cs else ?>
5<a name="top"></a>
6<?cs if:!devsite ?><?cs # leave out the global header for devsite; it's in devsite template ?>
7    <!-- Header -->
8    <div id="header">
9        <div class="wrap" id="header-wrap">
10          <div class="col-3 logo">
11          <a href="<?cs var:toroot ?>index.html">
12            <img src="<?cs var:toroot ?>assets/images/dac_logo.png" width="123" height="25" alt="Android Developers" />
13          </a>
14          <div class="btn-quicknav" id="btn-quicknav">
15          	<a href="#" class="arrow-inactive">Quicknav</a>
16			      <a href="#" class="arrow-active">Quicknav</a>
17          </div>
18          </div>
19            <ul class="nav-x col-9">
20                <li class="design">
21                  <a href="<?cs var:toroot ?>design/index.html"
22                  zh-tw-lang="設計"
23                  zh-cn-lang="设计"
24                  ru-lang="Проектирование"
25                  ko-lang="디자인"
26                  ja-lang="設計"
27                  es-lang="Diseñar"
28                  >Design</a></li>
29                <li class="develop"><a href="<?cs var:toroot ?>develop/index.html"
30                  zh-tw-lang="開發"
31                  zh-cn-lang="开发"
32                  ru-lang="Разработка"
33                  ko-lang="개발"
34                  ja-lang="開発"
35                  es-lang="Desarrollar"
36                  >Develop</a></li>
37                <li class="distribute last"><a href="<?cs var:toroot ?>distribute/index.html"
38                  zh-tw-lang="發佈"
39                  zh-cn-lang="分发"
40                  ru-lang="Распространение"
41                  ko-lang="배포"
42                  ja-lang="配布"
43                  es-lang="Distribuir"
44                  >Distribute</a></li>
45            </ul>
46
47            <!-- New Search -->
48            <div class="menu-container">
49            <div class="moremenu">
50    <div id="more-btn"></div>
51  </div>
52  <div class="morehover" id="moremenu">
53    <div class="top"></div>
54    <div class="mid">
55      <div class="header">Links</div>
56      <ul>
57        <li><a href="https://play.google.com/apps/publish/">Google Play Developer Console</a></li>
58        <li><a href="http://android-developers.blogspot.com/">Android Developers Blog</a></li>
59        <li><a href="<?cs var:toroot ?>about/index.html">About Android</a></li>
60      </ul>
61      <div class="header">Android Sites</div>
62      <ul>
63        <li><a href="http://www.android.com">Android.com</a></li>
64        <li class="active"><a>Android Developers</a></li>
65        <li><a href="http://source.android.com">Android Open Source Project</a></li>
66      </ul>
67
68      <?cs # Include language switcher only in online docs ?>
69      <?cs if:android.whichdoc == "online" ?>
70        <div class="header">Language</div>
71          <div id="language" class="locales">
72            <select name="language" onChange="changeLangPref(this.value, true)">
73                <option value="en">English</option>
74                <option value="es">Español</option>
75                <option value="ja">日本語</option>
76                <option value="ko">한국어</option>
77                <option value="ru">Русский</option>
78                <option value="zh-cn">中文 (中国)</option>
79                <option value="zh-tw">中文 (台灣)</option>
80            </select>
81          </div>
82        <script type="text/javascript">
83          <!--
84          loadLangPref();
85            //-->
86        </script>
87      <?cs /if ?>
88      <?cs # End of lang switcher ?>
89
90
91      <br class="clearfix" />
92    </div>
93    <div class="bottom"></div>
94  </div>
95  <div class="search" id="search-container">
96    <div class="search-inner">
97      <div id="search-btn"></div>
98      <div class="left"></div>
99      <form onsubmit="return submit_search()">
100        <input id="search_autocomplete" type="text" value="" autocomplete="off" name="q"
101onfocus="search_focus_changed(this, true)" onblur="search_focus_changed(this, false)"
102onkeydown="return search_changed(event, true, '<?cs var:toroot ?>')"
103onkeyup="return search_changed(event, false, '<?cs var:toroot ?>')" />
104      </form>
105      <div class="right"></div>
106        <a class="close hide">close</a>
107        <div class="left"></div>
108        <div class="right"></div>
109    </div>
110  </div>
111
112  <div class="search_filtered_wrapper reference">
113    <div class="suggest-card reference no-display">
114      <ul class="search_filtered">
115      </ul>
116    </div>
117  </div>
118
119  <div class="search_filtered_wrapper docs">
120    <div class="suggest-card dummy no-display">&nbsp;</div>
121    <div class="suggest-card develop no-display">
122      <ul class="search_filtered">
123      </ul>
124      <div class="child-card guides no-display">
125      </div>
126      <div class="child-card training no-display">
127      </div>
128      <div class="child-card samples no-display">
129      </div>
130    </div>
131    <div class="suggest-card design no-display">
132      <ul class="search_filtered">
133      </ul>
134    </div>
135    <div class="suggest-card distribute no-display">
136      <ul class="search_filtered">
137      </ul>
138    </div>
139  </div>
140
141  </div>
142  <!-- /New Search>
143
144
145          <!-- Expanded quicknav -->
146           <div id="quicknav" class="col-9">
147                <ul>
148                    <li class="design">
149                      <ul>
150                        <li><a href="<?cs var:toroot ?>design/index.html">Get Started</a></li>
151                        <li><a href="<?cs var:toroot ?>design/style/index.html">Style</a></li>
152                        <li><a href="<?cs var:toroot ?>design/patterns/index.html">Patterns</a></li>
153                        <li><a href="<?cs var:toroot ?>design/building-blocks/index.html">Building Blocks</a></li>
154                        <li><a href="<?cs var:toroot ?>design/downloads/index.html">Downloads</a></li>
155                        <li><a href="<?cs var:toroot ?>design/videos/index.html">Videos</a></li>
156                      </ul>
157                    </li>
158                    <li class="develop">
159                      <ul>
160                        <li><a href="<?cs var:toroot ?>training/index.html"
161                          zh-tw-lang="訓練課程"
162                          zh-cn-lang="培训"
163                          ru-lang="Курсы"
164                          ko-lang="교육"
165                          ja-lang="トレーニング"
166                          es-lang="Capacitación"
167                          >Training</a></li>
168                        <li><a href="<?cs var:toroot ?>guide/index.html"
169                          zh-tw-lang="API 指南"
170                          zh-cn-lang="API 指南"
171                          ru-lang="Руководства по API"
172                          ko-lang="API 가이드"
173                          ja-lang="API ガイド"
174                          es-lang="Guías de la API"
175                          >API Guides</a></li>
176                        <li><a href="<?cs var:toroot ?>reference/packages.html"
177                          zh-tw-lang="參考資源"
178                          zh-cn-lang="参考"
179                          ru-lang="Справочник"
180                          ko-lang="참조문서"
181                          ja-lang="リファレンス"
182                          es-lang="Referencia"
183                          >Reference</a></li>
184                        <li><a href="<?cs var:toroot ?>tools/index.html"
185                          zh-tw-lang="相關工具"
186                          zh-cn-lang="工具"
187                          ru-lang="Инструменты"
188                          ko-lang="도구"
189                          ja-lang="ツール"
190                          es-lang="Herramientas"
191                          >Tools</a>
192                          <ul><li><a href="<?cs var:toroot ?>sdk/index.html">Get the SDK</a></li></ul>
193                        </li>
194                        <li><a href="<?cs var:toroot ?>google/index.html">Google Services</a>
195                        </li>
196                        <?cs if:android.hasSamples ?>
197                          <li><a href="<?cs var:toroot ?>samples/index.html">Samples</a>
198                          </li>
199                        <?cs /if ?>
200                      </ul>
201                    </li>
202                    <li class="distribute last">
203                      <ul>
204                        <li><a href="<?cs var:toroot ?>distribute/index.html">Google Play</a></li>
205                        <li><a href="<?cs var:toroot ?>distribute/googleplay/publish/index.html">Publishing</a></li>
206                        <li><a href="<?cs var:toroot ?>distribute/googleplay/promote/index.html">Promoting</a></li>
207                        <li><a href="<?cs var:toroot ?>distribute/googleplay/quality/index.html">App Quality</a></li>
208                        <li><a href="<?cs var:toroot ?>distribute/googleplay/spotlight/index.html">Spotlight</a></li>
209                        <li><a href="<?cs var:toroot ?>distribute/open.html">Open Distribution</a></li>
210                      </ul>
211                    </li>
212                </ul>
213          </div>
214          <!-- /Expanded quicknav -->
215        </div>
216    </div>
217    <!-- /Header -->
218
219
220  <div id="searchResults" class="wrap" style="display:none;">
221          <h2 id="searchTitle">Results</h2>
222          <div id="leftSearchControl" class="search-control">Loading...</div>
223  </div>
224
225
226  <?cs if:training || guide || reference || tools || develop || google || samples ?>
227    <!-- Secondary x-nav -->
228    <div id="nav-x">
229        <div class="wrap">
230            <ul class="nav-x col-9 develop" style="width:100%">
231                <li class="training"><a href="<?cs var:toroot ?>training/index.html"
232                  zh-tw-lang="訓練課程"
233                  zh-cn-lang="培训"
234                  ru-lang="Курсы"
235                  ko-lang="교육"
236                  ja-lang="トレーニング"
237                  es-lang="Capacitación"
238                  >Training</a></li>
239                <li class="guide"><a href="<?cs var:toroot ?>guide/index.html"
240                  zh-tw-lang="API 指南"
241                  zh-cn-lang="API 指南"
242                  ru-lang="Руководства по API"
243                  ko-lang="API 가이드"
244                  ja-lang="API ガイド"
245                  es-lang="Guías de la API"
246                  >API Guides</a></li>
247                <li class="reference"><a href="<?cs var:toroot ?>reference/packages.html"
248                  zh-tw-lang="參考資源"
249                  zh-cn-lang="参考"
250                  ru-lang="Справочник"
251                  ko-lang="참조문서"
252                  ja-lang="リファレンス"
253                  es-lang="Referencia"
254                  >Reference</a></li>
255                <li class="tools"><a href="<?cs var:toroot ?>tools/index.html"
256                  zh-tw-lang="相關工具"
257                  zh-cn-lang="工具"
258                  ru-lang="Инструменты"
259                  ko-lang="도구"
260                  ja-lang="ツール"
261                  es-lang="Herramientas"
262                  >Tools</a></li>
263                <li class="google"><a href="<?cs var:toroot ?>google/index.html"
264                  >Google Services</a>
265                </li>
266                <?cs if:android.hasSamples ?>
267                  <li class="samples"><a href="<?cs var:toroot ?>samples/index.html"
268                    >Samples</a>
269                  </li>
270                <?cs /if ?>
271            </ul>
272        </div>
273
274    </div>
275    <!-- /Sendondary x-nav -->
276  <?cs /if ?>
277
278<?cs /if ?>
279<?cs # end if/else !devsite ?>
280
281<?cs /if ?><?cs # end if/else wear ?>
282  <?cs
283/def ?>
284
285
286<?cs def:wear_masthead() ?>
287<a name="top"></a>
288
289    <!-- Header -->
290    <div id="header">
291        <div class="wrap" id="header-wrap">
292          <div class="col-3 logo-wear">
293          <a href="<?cs var:toroot ?>wear/index.html">
294            <img src="<?cs var:toroot ?>wear/images/android-wear.png" height="16" alt="Android Wear" />
295          </a>
296          </div>
297
298
299        <div class="col-8" style="margin:0"><h1 style="margin:1px 0 0 20px;padding:0;line-height:16px;
300  color:#666;font-weight:100;font-size:24px;">Developer Preview</h1></div>
301
302
303          <!-- New Search -->
304          <div class="menu-container">
305            <div class="moremenu">
306          <div id="more-btn"></div>
307	    </div>
308  <div class="morehover" id="moremenu">
309    <div class="top"></div>
310    <div class="mid">
311      <div class="header">Links</div>
312      <ul>
313        <li><a href="https://play.google.com/apps/publish/">Google Play Developer Console</a></li>
314        <li><a href="http://android-developers.blogspot.com/">Android Developers Blog</a></li>
315        <li><a href="<?cs var:toroot ?>about/index.html">About Android</a></li>
316      </ul>
317      <div class="header">Android Sites</div>
318      <ul>
319        <li><a href="http://www.android.com">Android.com</a></li>
320        <li class="active"><a>Android Developers</a></li>
321        <li><a href="http://source.android.com">Android Open Source Project</a></li>
322      </ul>
323
324      <?cs # Include language switcher only in online docs ?>
325      <?cs if:android.whichdoc == "online" ?>
326        <div class="header">Language</div>
327          <div id="language" class="locales">
328            <select name="language" onChange="changeLangPref(this.value, true)">
329                <option value="en">English</option>
330                <option value="es">Español</option>
331                <option value="ja">日本語</option>
332                <option value="ko">한국어</option>
333                <option value="ru">Русский</option>
334                <option value="zh-cn">中文 (中国)</option>
335                <option value="zh-tw">中文 (台灣)</option>
336            </select>
337          </div>
338        <script type="text/javascript">
339          <!--
340          loadLangPref();
341            //-->
342        </script>
343      <?cs /if ?>
344      <?cs # End of lang switcher ?>
345
346
347      <br class="clearfix" />
348    </div><!-- end mid -->
349    <div class="bottom"></div>
350  </div><!-- end morehover -->
351
352  <div class="search" id="search-container">
353    <div class="search-inner">
354      <div id="search-btn"></div>
355      <div class="left"></div>
356      <form onsubmit="return submit_search()">
357        <input id="search_autocomplete" type="text" value="" autocomplete="off" name="q"
358onfocus="search_focus_changed(this, true)" onblur="search_focus_changed(this, false)"
359onkeydown="return search_changed(event, true, '<?cs var:toroot ?>')"
360onkeyup="return search_changed(event, false, '<?cs var:toroot ?>')" />
361      </form>
362      <div class="right"></div>
363        <a class="close hide">close</a>
364        <div class="left"></div>
365        <div class="right"></div>
366    </div>
367  </div><!--  end search -->
368
369  <div class="search_filtered_wrapper reference">
370    <div class="suggest-card reference no-display">
371      <ul class="search_filtered">
372      </ul>
373    </div>
374  </div>
375
376  <div class="search_filtered_wrapper docs">
377    <div class="suggest-card dummy no-display">&nbsp;</div>
378    <div class="suggest-card develop no-display">
379      <ul class="search_filtered">
380      </ul>
381      <div class="child-card guides no-display">
382      </div>
383      <div class="child-card training no-display">
384      </div>
385      <div class="child-card samples no-display">
386      </div>
387    </div>
388    <div class="suggest-card design no-display">
389      <ul class="search_filtered">
390      </ul>
391    </div>
392    <div class="suggest-card distribute no-display">
393      <ul class="search_filtered">
394      </ul>
395    </div>
396  </div><!-- end search_filtered_wrapper -->
397
398  </div>
399  <!-- end menu_container -->
400
401
402        </div><!-- end header-wrap -->
403    </div>
404    <!-- /Header -->
405
406
407  <div id="searchResults" class="wrap" style="display:none;">
408          <h2 id="searchTitle">Results</h2>
409          <div id="leftSearchControl" class="search-control">Loading...</div>
410  </div>
411
412  <?cs
413/def ?>
414