From ef8b9873aff75de405d9fb66ccb8e497e3bdbb80 Mon Sep 17 00:00:00 2001
From: Oliver Hamlet <oliver.hamlet@gmail.com>
Date: Mon, 5 Jan 2015 11:13:07 +0000
Subject: [PATCH] Use Polymer data binding for loot-dropdown-menu.

---
 resources/report/html/loot-dropdown-menu.html | 24 +++----------------
 1 file changed, 3 insertions(+), 21 deletions(-)

diff --git a/resources/report/html/loot-dropdown-menu.html b/resources/report/html/loot-dropdown-menu.html
index 282bf1fe..8a9599b1 100644
--- a/resources/report/html/loot-dropdown-menu.html
+++ b/resources/report/html/loot-dropdown-menu.html
@@ -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>