polymer-ui-breadcrumbs: revert the behavior so tapping on crumb will not

update the UI
googlearchive · Oct 24, 2013 · 630eeda · 630eeda
1 parent 9191b9b
commit 630eeda
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 17 deletions.
diff --git a/polymer-ui-breadcrumbs/metadata.html b/polymer-ui-breadcrumbs/metadata.html
@@ -3,6 +3,7 @@
     <polymer-ui-breadcrumbs crumbs='[{"label": "Overview"}, {"label": "Subitem1"}, {"label": "Subitem2"},{"label": "Subitem3"}]'></polymer-ui-breadcrumbs>
   </template>
   <property name="crumbs" kind="json"></property>
+  <property name="selected" kind="string"></property>
   <template id="imports">
     <link rel="import" href="polymer-ui-breadcrumbs.html">
   </template>

diff --git a/polymer-ui-breadcrumbs/polymer-ui-breadcrumbs.css b/polymer-ui-breadcrumbs/polymer-ui-breadcrumbs.css
@@ -22,11 +22,7 @@ license that can be found in the LICENSE file.
   color: #aaa;
 }
 
-.label[hidden] {
-  display: none;
-}
-
-.label.polymer-selected > a {
+.label:last-of-type > a {
   color: black;
 }
 
@@ -40,6 +36,6 @@ polymer-ui-icon {
   transform: rotate(270deg);
 }
 
-.label.polymer-selected ~ polymer-ui-icon {
+polymer-ui-icon:last-of-type {
   display: none !important;
 }
diff --git a/polymer-ui-breadcrumbs/polymer-ui-breadcrumbs.html b/polymer-ui-breadcrumbs/polymer-ui-breadcrumbs.html
@@ -64,25 +64,16 @@
     <link rel="stylesheet" href="polymer-ui-breadcrumbs.css">
     <div id="crumbs">
       <template repeat="{{crumbs}}">
-        <li class="label" hidden?="{{hidden}}"><a href="{{href}}" disabled?="{{!href}}">{{label}}</a></li>
+        <li class="label"><a href="{{href}}" disabled?="{{!href}}">{{label}}</a></li>
         <polymer-ui-icon icon="dropdown"></polymer-ui-icon>
       </template>
     </div>
     <polymer-selector target="{{$.crumbs}}" itemsSelector="li" selected="{{selected}}" selectedModel="{{selectedCrumb}}"></polymer-selector>
   </template>
   <script>
     Polymer('polymer-ui-breadcrumbs', {
-      createdCallback: function() {
+      created: function() {
         this.crumbs = [];
-        this.super(arguments);
-      },
-      crumbsChanged: function() {
-        this.selected = this.crumbs ? this.crumbs.length - 1 : null;
-      },
-      selectedChanged: function() {
-        this.crumbs && this.crumbs.forEach(function(c, i) {
-          c.hidden = i > this.selected;
-        }.bind(this));
       }
     });
   </script>