OLD | NEW |
1 <link rel="import" href="chrome://resources/polymer/core-menu/core-menu.html"> | 1 <link rel="import" href="chrome://resources/polymer/core-menu/core-menu.html"> |
2 <link rel="import" href="chrome://resources/polymer/paper-item/paper-item.html"> | 2 <link rel="import" href="chrome://resources/polymer/paper-item/paper-item.html"> |
| 3 <link rel="import" href="settings_menu_style.html"> |
3 | 4 |
4 <polymer-element name="cr-settings-menu"> | 5 <polymer-element name="cr-settings-menu"> |
5 <template> | 6 <template> |
6 <link rel="stylesheet" href="settings_menu.css"> | 7 <core-style ref="settingsMenuStyle"></core-style> |
7 <!-- TODO(jlklein): selectedAttribute here is a workaround for | 8 <!-- TODO(jlklein): selectedAttribute here is a workaround for |
8 https://github.com/Polymer/polymer/issues/946. Remove when core-menu | 9 https://github.com/Polymer/polymer/issues/946. Remove when core-menu |
9 is updated. --> | 10 is updated. --> |
10 <core-menu selected="{{selectedId}}" valueattr="data-id" | 11 <core-menu selected="{{selectedId}}" valueattr="data-id" |
11 selectedAttribute=""> | 12 selectedAttribute=""> |
12 <template repeat="{{pages}}"> | 13 <template repeat="{{pages}}"> |
13 <paper-item data-id="{{PAGE_ID}}"> | 14 <paper-item data-id="{{PAGE_ID}}"> |
14 <core-icon icon="{{icon}}"></core-icon> | 15 <core-icon icon="{{icon}}"></core-icon> |
15 {{pageTitle}} | 16 {{pageTitle}} |
16 </paper-item> | 17 </paper-item> |
17 </template> | 18 </template> |
18 </core-menu> | 19 </core-menu> |
19 </template> | 20 </template> |
20 <script src="settings_menu.js"></script> | 21 <script src="settings_menu.js"></script> |
21 </polymer-element> | 22 </polymer-element> |
OLD | NEW |