loot/libloot
0
0
Fork 0
mirror of https://github.com/loot/libloot.git synced 2026-07-27 14:16:01 -07:00
Code Issues Packages Projects Releases Wiki Activity

Use Polymer data binding for loot-dropdown-menu.

Browse Source
This commit is contained in:
Oliver Hamlet
2015-01-05 11:13:07 +00:00
parent d8b7d903b7
commit ef8b9873af
1 changed files with 3 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/report/html/loot-dropdown-menu.html
+3 -21
View File
@@ -12,7 +12,7 @@ it a <select>-like API. This means:
<link rel="import" href="../bower_components/paper-dropdown-menu/paper-dropdown-menu.html">
<link rel="import" href="../bower_components/core-menu/core-menu.html">
<polymer-element name="loot-dropdown-menu" attributes="disabled halign">
<polymer-element name="loot-dropdown-menu" attributes="disabled halign value">
<template>
<style>
/* Material Design overrides */
@@ -50,7 +50,7 @@ it a <select>-like API. This means:
</style>
<paper-dropdown-menu disabled?="{{disabled}}">
<paper-dropdown class="dropdown" halign="{{halign}}">
<core-menu id="menu" class="menu" valueattr="value">
<core-menu id="menu" class="menu" valueattr="value" selected="{{value}}">
<content></content>
</core-menu>
</paper-dropdown>
@@ -59,25 +59,7 @@ it a <select>-like API. This means:
<script>
Polymer({
value: undefined,
disabled: false,
attached: function() {
this.shadowRoot.getElementById('menu').addEventListener('core-select', this.onItemSelect, false);
},
detached: function() {
this.shadowRoot.getElementById('menu').removeEventListener('core-select', this.onItemSelect, false);
},
onItemSelect: function(evt) {
if (evt.detail.isSelected) {
evt.currentTarget.parentElement.parentElement.parentNode.host.value = evt.currentTarget.selected;
}
},
valueChanged: function(oldValue, newValue) {
this.shadowRoot.getElementById('menu').selected = newValue;
},
disabled: false
});
</script>
</polymer-element>