| OLD | NEW |
| 1 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html"> | 1 <link rel="import" href="chrome://resources/cr_elements/icons.html"> |
| 2 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 2 <link rel="import" href="chrome://resources/polymer/v1_0/paper-ripple/paper-ripp
le.html"> | 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-ripple/paper-ripp
le.html"> |
| 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/paper-styl
es.html"> | 4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html
"> |
| 4 <link rel="import" href="chrome://resources/cr_elements/icons.html"> | |
| 5 | 5 |
| 6 <dom-module id="viewer-bookmark" attributes="bookmark"> | 6 <dom-module id="viewer-bookmark" attributes="bookmark"> |
| 7 <link rel="import" type="css" href="viewer-bookmark.css"> | 7 <link rel="import" type="css" href="viewer-bookmark.css"> |
| 8 <template> | 8 <template> |
| 9 <div id="item" on-click="onClick"> | 9 <div id="item" on-click="onClick"> |
| 10 <paper-ripple></paper-ripple> | 10 <paper-ripple></paper-ripple> |
| 11 <paper-icon-button id="expand" icon="cr:chevron-right" | 11 <paper-icon-button id="expand" icon="cr:chevron-right" |
| 12 on-click="toggleChildren"> | 12 on-click="toggleChildren"> |
| 13 </paper-icon-button> | 13 </paper-icon-button> |
| 14 <span id="title" tabindex="0">{{bookmark.title}}</span> | 14 <span id="title" tabindex="0">{{bookmark.title}}</span> |
| 15 </div> | 15 </div> |
| 16 <!-- dom-if will stamp the complex bookmark tree lazily as individual nodes | 16 <!-- dom-if will stamp the complex bookmark tree lazily as individual nodes |
| 17 are opened. --> | 17 are opened. --> |
| 18 <template is="dom-if" if="{{childrenShown}}" id="sub-bookmarks"> | 18 <template is="dom-if" if="{{childrenShown}}" id="sub-bookmarks"> |
| 19 <template is="dom-repeat" items="{{bookmark.children}}"> | 19 <template is="dom-repeat" items="{{bookmark.children}}"> |
| 20 <viewer-bookmark bookmark="{{item}}" depth="{{childDepth}}"> | 20 <viewer-bookmark bookmark="{{item}}" depth="{{childDepth}}"> |
| 21 </viewer-bookmark> | 21 </viewer-bookmark> |
| 22 </template> | 22 </template> |
| 23 </template> | 23 </template> |
| 24 </template> | 24 </template> |
| 25 </dom-module> | 25 </dom-module> |
| 26 <script src="viewer-bookmark.js"></script> | 26 <script src="viewer-bookmark.js"></script> |
| OLD | NEW |