From e14f9372878305eb44ac87fb38f46a2a098f6665 Mon Sep 17 00:00:00 2001
From: frankiefu <frankiefu@yahoo.com>
Date: Tue, 29 Oct 2013 15:37:20 -0700
Subject: [PATCH] shuttle: use resolvePath for favorite icon

---
 shiny/Shuttle-v2/shuttle-toggle-icon.html | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/shiny/Shuttle-v2/shuttle-toggle-icon.html b/shiny/Shuttle-v2/shuttle-toggle-icon.html
index c1db03e..2b62c20 100644
--- 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;
       }