OLD | NEW |
| (Empty) |
1 <!-- | |
2 @license | |
3 Copyright (c) 2014 The Polymer Project Authors. All rights reserved. | |
4 This code may only be used under the BSD style license found at http://polym
er.github.io/LICENSE.txt | |
5 The complete set of authors may be found at http://polymer.github.io/AUTHORS
.txt | |
6 The complete set of contributors may be found at http://polymer.github.io/CO
NTRIBUTORS.txt | |
7 Code distributed by Google as part of the polymer project is also | |
8 subject to an additional IP rights grant found at http://polymer.github.io/P
ATENTS.txt | |
9 --> | |
10 <link rel="import" href="../../core-toolbar/core-toolbar.html"> | |
11 <link rel="import" href="../../core-header-panel/core-header-panel.html"> | |
12 <link rel="import" href="../../core-icon-button/core-icon-button.html"> | |
13 <link rel="import" href="../../core-menu/core-menu.html"> | |
14 <link rel="import" href="../../core-item/core-item.html"> | |
15 | |
16 <!-- | |
17 @class core-doc-toc | |
18 --> | |
19 | |
20 <polymer-element name="core-doc-toc" attributes="data selected"> | |
21 | |
22 <template> | |
23 | |
24 <link rel="stylesheet" href="core-doc-toc.css"> | |
25 | |
26 <core-header-panel mode="waterfall"> | |
27 | |
28 <!-- <core-toolbar theme="core-light-theme"> | |
29 <core-icon-button icon="menu"></core-icon-button> | |
30 <span core-flex>Topics</span> | |
31 <core-icon-button icon="search" on-tap="{{searchAction}}"></core-icon-bu
tton> | |
32 </core-toolbar> | |
33 | |
34 <core-toolbar id="searchBar" style="background-color: #C2185B; position: a
bsolute; top: 0; left: 0; right: 0; opacity: 0; display: none;" class="seamed" t
heme="core-dark-theme"> | |
35 <core-icon-button icon="search"></core-icon-button> | |
36 <core-icon-button icon="close" on-tap="{{closeSearchAction}}"></core-ico
n-button> | |
37 </core-toolbar>--> | |
38 | |
39 <core-menu selected="{{selected}}"> | |
40 <template repeat="{{data}}"> | |
41 <core-item><a href="#{{name}}">{{name}}</a></core-item> | |
42 </template> | |
43 </core-menu> | |
44 | |
45 </core-header-panel> | |
46 | |
47 </template> | |
48 | |
49 <script> | |
50 | |
51 Polymer('core-doc-toc', { | |
52 | |
53 searchAction: function() { | |
54 this.$.searchBar.style.opacity = 1; | |
55 this.$.searchBar.style.display = ''; | |
56 }, | |
57 | |
58 closeSearchAction: function() { | |
59 this.$.searchBar.style.opacity = 0; | |
60 this.$.searchBar.style.display = 'none'; | |
61 } | |
62 | |
63 }); | |
64 | |
65 </script> | |
66 | |
67 </polymer-element> | |
OLD | NEW |