Added a dropdown for more coins

sebs · sebs · commit 4b39be8a99c4 · 2019-09-18T19:37:15.000+02:00
diff --git a/packages/test-app/index.html b/packages/test-app/index.html
@@ -17,6 +17,7 @@
 
       gtag('config', 'UA-92445876-2');
     </script>
+    <script src="./node_modules/web-animations-js/web-animations-next-lite.min.js"></script>
     <script src="./node_modules/@webcomponents/webcomponentsjs/webcomponents-loader.js"></script>
 
     <script type="module" src="./src/test-app-app/test-app-app.js"></script>
diff --git a/packages/test-app/package.json b/packages/test-app/package.json
@@ -6,6 +6,7 @@
     "@polymer/iron-icons": "^3.0.0-pre.19",
     "@polymer/paper-button": "^3.0.0-pre.19",
     "@polymer/paper-checkbox": "^3.0.0-pre.19",
+    "@polymer/paper-dropdown-menu": "^3.0.0-pre.19",
     "@polymer/paper-icon-button": "^3.0.0-pre.19",
     "@polymer/paper-input": "^3.0.0-pre.19",
     "@polymer/paper-item": "^3.0.0-pre.19",
@@ -20,7 +21,8 @@
     "express": "^4.16.3",
     "polymer-cli": "^1.7.3",
     "prpl-server": "^1.2.0",
-    "pwa-helpers": "^0.8.2"
+    "pwa-helpers": "^0.8.2",
+    "web-animations-js": "^2.3.1"
   },
   "scripts": {
     "test": "npm run build",
diff --git a/packages/test-app/polymer.json b/packages/test-app/polymer.json
@@ -12,7 +12,8 @@
   ],
   "extraDependencies": [
     "manifest.json",
-    "node_modules/@webcomponents/webcomponentsjs/*",
+    "node_modules/web-animations-js/*",
+    "node_modules/@webcomponents/webcomponentsjs/*",    
     "node_modules/@webcomponents/webcomponentsjs/bundles/*"
   ],
   "entrypoint": "index.html",
diff --git a/packages/test-app/src/test-app-app/test-app-app.js b/packages/test-app/src/test-app-app/test-app-app.js
@@ -16,6 +16,8 @@ import '@polymer/iron-dropdown/iron-dropdown.js';
 import '@polymer/paper-icon-button/paper-icon-button.js'
 import '@polymer/paper-button/paper-button.js';
 import '@polymer/paper-checkbox/paper-checkbox.js';
+import '@polymer/paper-dropdown-menu/paper-dropdown-menu.js';
+
 import './svg-sample-icons.js'
 import { installOfflineWatcher } from 'pwa-helpers/network.js';
 /**
@@ -81,18 +83,21 @@ class TestAppApp extends PolymerElement {
            
             <app-toolbar>
                 <div main-title>[[name]]</div>
+                 <paper-dropdown-menu>
+              <paper-listbox slot="dropdown-content" selected="{{selectedToken}}">
+                <template is="dom-repeat" items="{{tokens}}">
+                  <paper-item>{{item.name}}</paper-item>
+                </template> 
+                </paper-listbox>
+              </paper-dropdown-menu>
                 [[_durationForIndex(duration)]] <paper-slider min="0", max="5" value="{{duration}}"></paper-slider>
                 <paper-listbox selected="{{dataset}}">
                 <template is="dom-repeat" items="{{datasets}}">
                   <paper-icon-button icon="{{_symbolForIndex(index)}}">foo</paper-icon-button>
                 </template> 
               </paper-listbox>
               </app-toolbar>
-              <paper-tabs selected="{{selectedToken}}" sticky>
-                <template is="dom-repeat" items="{{tokens}}">
-                  <paper-tab value="{{item.address}}">{{item.name}}</paper-tab>
-                </template> 
-              </paper-tabs>
+             
             </app-header>
             <div>
 
