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/paper-menu/paper-menu.h
tml"> |
| 5 <link rel="import" href="chrome://resources/polymer/v0_8/paper-item/paper-icon-i
tem.html"> |
4 | 6 |
5 <polymer-element name="cr-settings-menu"> | 7 <dom-module id="cr-settings-menu"> |
| 8 <link rel="import" type="css" href="settings_menu.css"> |
6 <template> | 9 <template> |
7 <core-style ref="settingsMenuStyle"></core-style> | 10 <paper-menu selected="{{selectedId}}" attr-for-selected="data-id"> |
8 <!-- TODO(jlklein): selectedAttribute here is a workaround for | 11 <template is="x-repeat" items="[[pages]]"> |
9 https://github.com/Polymer/polymer/issues/946. Remove when core-menu | 12 <paper-icon-item data-id$="[[item.PAGE_ID]]" icon-width="34px"> |
10 is updated. --> | 13 <iron-icon icon="[[item.icon]]" item-icon></iron-icon> |
11 <core-menu selected="{{selectedId}}" valueattr="data-id" | 14 <span>[[item.pageTitle]]</span> |
12 selectedAttribute=""> | 15 </paper-icon-item> |
13 <template repeat="{{pages}}"> | |
14 <paper-item data-id="{{PAGE_ID}}"> | |
15 <core-icon icon="{{icon}}"></core-icon> | |
16 {{pageTitle}} | |
17 </paper-item> | |
18 </template> | 16 </template> |
19 </core-menu> | 17 </paper-menu> |
20 </template> | 18 </template> |
21 <script src="settings_menu.js"></script> | 19 <script src="settings_menu.js"></script> |
22 </polymer-element> | 20 </dom-module> |
OLD | NEW |