updates

Author: mcomi

polymer-app/bower.json

@@ -8,7 +8,7 @@
     "app-layout": "PolymerElements/app-layout#^0.10.4",
     "app-route": "PolymerElements/app-route#^0.9.0",
     "iron-flex-layout": "PolymerElements/iron-flex-layout#^1.3.1",
-    "iron-icon": "PolymerElements/iron-icon#^1.0.0",
+    "iron-icon": "PolymerElements/iron-icon#^1.0.10",
     "iron-iconset-svg": "PolymerElements/iron-iconset-svg#^1.0.0",
     "iron-localstorage": "PolymerElements/iron-localstorage#^1.0.0",
     "iron-media-query": "PolymerElements/iron-media-query#^1.0.0",
@@ -20,7 +20,9 @@
     "paper-dropdown-menu": "PolymerElements/paper-dropdown-menu#^1.4.0",
     "paper-listbox": "polymerelements/paper-listbox#^1.1.2",
     "paper-item": "PolymerElements/paper-item#^1.2.1",
-    "paper-card": "PolymerElements/paper-card#^1.1.2"
+    "paper-card": "PolymerElements/paper-card#^1.1.2",
+    "iron-icons": "PolymerElements/iron-icons#^1.1.3",
+    "paper-menu": "PolymerElements/paper-menu#^1.2.2"
   },
   "devDependencies": {
     "web-component-tester": "^4.0.0"

polymer-app/src/my-app.html

@@ -19,8 +19,14 @@
 <link rel="import" href="../bower_components/app-route/app-route.html">
 <link rel="import" href="../bower_components/iron-pages/iron-pages.html">
 <link rel="import" href="../bower_components/iron-selector/iron-selector.html">
+<link rel="import" href="../bower_components/iron-icon/iron-icon.html">
+<link rel="import" href="../bower_components/iron-icons/iron-icons.html">
 <link rel="import" href="../bower_components/paper-icon-button/paper-icon-button.html">
 <link rel="import" href="../bower_components/iron-flex-layout/iron-flex-layout.html">
+<link rel="import" href="../bower_components/paper-menu/paper-menu.html">
+<link rel="import" href="../bower_components/paper-item/paper-item.html">
+<link rel="import" href="../bower_components/paper-item/paper-icon-item.html">
+
 <link rel="import" href="my-icons.html">
 
 <dom-module id="my-app">
@@ -105,6 +111,10 @@
         font-weight: bold;
       }
 
+      .iron-icon {
+        color: black;
+      }
+
       [hidden]: {
         display: none !important;
       }
@@ -123,13 +133,29 @@
       <!-- Drawer content -->
       <app-drawer>
         <app-toolbar>Menu</app-toolbar>
-        <iron-selector selected="[[page]]" attr-for-selected="name" class="drawer-list" role="navigation">
+       
+    <paper-menu selected="{{page}}" attr-for-selected="name"  role="navigation">
+
+      <paper-item name="home" href="/home">Home</paper-item>
+      <paper-item name="signin" href="/signin">Categories</paper-item>
+      <!-- <paper-item>
+        <paper-icon-button icon="shopping-cart"></paper-icon-button> -->
+        <paper-icon-item>
+          <iron-icon icon="favorite" item-icon></iron-icon>
+          My Cart
+        </paper-icon-item>
+        
+      <!-- </paper-item> -->
+      <paper-item>Profile</paper-item>
+    </paper-menu>
+  
+        <!-- <iron-selector selected="[[page]]" attr-for-selected="name" class="drawer-list" role="navigation">
           <a name="home" href="/home">Home</a>
           <a name="signin" href="/signin">My account</a>
           
-          <a name="cart" href="/cart">My cart</a>
-        </iron-selector>
-      </app-drawer>
+          <a name="cart" href="/cart"><iron-icon icon="my-icons:menu"></iron-icon> My cart</a>
+        </iron-selector>-->
+      </app-drawer> 
 
       <!-- Main content -->
       <app-header-layout>
@@ -151,7 +177,7 @@ <h1 main-title>Food delivery</h1>
             fallback-selection="view404"
             role="main">
           <my-home name="home"></my-home>
-          <my-sigin name="signin"></my-sigin>
+          <my-signin name="signin"></my-signin>
           <my-signup name="signup"></my-signup>
           <my-view404 name="view404"></my-view404>
           <my-cart name="mycart"></my-cart>
@@ -181,7 +207,7 @@ <h1 main-title>Food delivery</h1>
       ],
 
       _routePageChanged: function(page) {
-        this.page = page || 'view1';
+        this.page = page || 'home';
       },
 
       _pageChanged: function(page) {
@@ -194,12 +220,7 @@ <h1 main-title>Food delivery</h1>
         this.page = 'view404';
       },
 
-      _eventListener: function() {
-        var drawer = document.querySelector('app-drawer');
-    document.querySelector('paper-icon-button').addEventListener('tap', function() {
-      drawer.toggle();
-    });
-      }
+    
 
     });
 

polymer-app/src/my-view2.html

@@ -81,6 +81,8 @@ <h5 class="white-text">Contacto</h5>
     <script src="app/component/mexico/mexico.js"></script>
     <script src="app/component/products/products.js"></script>
     <script src="app/component/squares/squares.js"></script>
+    
+
 
 </body>
 </html>