shuttle: use resolvePath for favorite icon

googlearchive · Oct 29, 2013 · e14f937 · e14f937
1 parent 9f06314
commit e14f937
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/shiny/Shuttle-v2/shuttle-toggle-icon.html b/shiny/Shuttle-v2/shuttle-toggle-icon.html
@@ -8,13 +8,19 @@
 
 <link rel="import" href="../../../polymer-ui-elements/polymer-ui-icon/polymer-ui-icon.html">
 
-<polymer-element name="shuttle-toggle-icon" attributes="src icon active activeSrc activeIcon" on-tap="{{toggle}}">
+<polymer-element name="shuttle-toggle-icon" attributes="active src activeSrc" on-tap="{{toggle}}">
   <template>
-    <polymer-ui-icon src="{{active ? activeSrc : src}}" icon="{{active ? activeIcon : icon}}"></polymer-ui-icon>
+    <polymer-ui-icon id="icon"></polymer-ui-icon>
   </template>
   <script>
     Polymer('shuttle-toggle-icon', {
       active: false,
+      ready: function() {
+        this.activeChanged();
+      },
+      activeChanged: function() {
+        this.$.icon.src = this.resolvePath(this.active ? this.activeSrc : this.src);
+      },
       toggle: function() {
         this.active = !this.active;
       }