OLD | NEW |
---|---|
1 <link rel="import" href="chrome://resources/polymer/core-menu/core-menu.html"> | 1 <link rel="import" href="chrome://resources/polymer/v0_8/polymer/polymer.html"> |
2 <link rel="import" href="chrome://resources/polymer/paper-item/paper-item.html"> | 2 <link rel="import" href="chrome://resources/polymer/v0_8/iron-icon/iron-icon.htm l"> |
3 <link rel="import" href="settings_menu_style.html"> | 3 <link rel="import" href="chrome://resources/polymer/v0_8/iron-icons/iron-icons.h tml"> |
4 <link rel="import" href="chrome://resources/polymer/v0_8/iron-selector/iron-sele ctor.html"> | |
5 <link rel="import" href="chrome://resources/polymer/v0_8/paper-item/paper-icon-i tem.html"> | |
6 <link rel="import" href="chrome://resources/polymer/v0_8/paper-styles/paper-styl es.html"> | |
Jeremy Klein
2015/05/12 18:27:04
Where is this used?
michaelpg
2015/05/12 19:27:08
oops, isn't
| |
4 | 7 |
5 <polymer-element name="cr-settings-menu"> | 8 <dom-module id="cr-settings-menu"> |
9 <link rel="import" type="css" href="settings_menu.css"> | |
6 <template> | 10 <template> |
7 <core-style ref="settingsMenuStyle"></core-style> | 11 <iron-selector selected="{{selectedId}}" attr-for-selected="data-id"> |
Jeremy Klein
2015/05/12 18:27:04
Should this be a paper-menu when that cl lands?
michaelpg
2015/05/12 19:27:08
Yes, they just published 0.8.3 which works as expe
| |
8 <!-- TODO(jlklein): selectedAttribute here is a workaround for | 12 <template is="x-repeat" items="[[pages]]"> |
9 https://github.com/Polymer/polymer/issues/946. Remove when core-menu | 13 <paper-icon-item data-id$="[[item.PAGE_ID]]" icon-width="34px"> |
10 is updated. --> | 14 <iron-icon icon="[[item.icon]]" item-icon></iron-icon> |
11 <core-menu selected="{{selectedId}}" valueattr="data-id" | 15 <span>[[item.pageTitle]]</span> |
12 selectedAttribute=""> | |
13 <template repeat="{{pages}}"> | |
14 <paper-item data-id="{{PAGE_ID}}"> | |
15 <core-icon icon="{{icon}}"></core-icon> | |
16 {{pageTitle}} | |
17 </paper-item> | 16 </paper-item> |
18 </template> | 17 </template> |
19 </core-menu> | 18 </iron-selector> |
20 </template> | 19 </template> |
21 <script src="settings_menu.js"></script> | 20 <script src="settings_menu.js"></script> |
22 </polymer-element> | 21 </dom-module> |
OLD | NEW |