Remove deprecated polymer-google-jsapi

Author: sorvell

bower.json

@@ -14,7 +14,7 @@
     "speech-mic": "Polymer/speech-mic#master",
     "polymer-ui-animated-pages": "Polymer/polymer-ui-animated-pages#master",
     "polymer-animation": "Polymer/polymer-animation#master",
-    "polymer-google-jsapi": "Polymer/polymer-google-jsapi#master",
+    "google-apis": "Polymer/google-apis/#master",
     "cool-clock": "Polymer/cool-clock#master",
     "polymer-stock": "Polymer/polymer-stock#master",
     "wu-weather": "Polymer/wu-weather#master"

elements/css/pi-items-view.css

@@ -4,10 +4,6 @@
  * license that can be found in the LICENSE file.
  */
 
-[showing=false] {  
-  display: none;
-}
-
 #container {
   overflow: hidden;
   padding: 4px 0 0 4px;
@@ -47,18 +43,20 @@
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
-  height: 190px;
+  height: 140px;
 }
 
 .title {
   font-weight: normal;
-  font-size: 18px;
+  font-size: 14px;
   opacity: .8;
   padding: 8px;
   overflow: hidden;
 }
 
-/* TODO(sorvell): not convenient to use core-align-center for this */
+/* TODO(sorvell): not convenient to use core-align-center for this 
+  vertically center
+*/
 .topics .title {
   -webkit-align-items: center;
   align-items: center;
@@ -68,12 +66,16 @@
   display: inline;
 }
 
-.stories .image {
-  height: 140px;
+.topics .image {
+  height: 190px;
 }
 
-.stories .title {
-  font-size: 14px;
+.topics .title {
+  font-size: 18px;
+}
+
+.topics .source.core-h {
+  display: none !important;
 }
 
 .unread-count {
@@ -82,10 +84,6 @@
   color: #aaa;
 }
 
-.topics .source.core-h {
-  display: none !important;
-}
-
 .source {
   font-size: 12px;
   opacity: .5;
@@ -110,8 +108,6 @@
   font-weight: 400;
 }
 
-
-
 /* grid layout */
 
 

elements/pi-feed-viewer.html

@@ -18,32 +18,6 @@
   <template>
     <link rel="stylesheet" href="css/pi-feed-viewer.css">
 
-   <!--  <polymer-ui-animated-pages id="panels" class="feed-viewer-panels" selected="{{panel}}" valueattr="id"
-        on-polymer-pages-animation-end="{{panelSelected}}" directional transition="{{$.hslide}}">
-      <pi-items-view id="topics" layout="{{topicsLayout}}" items="{{topics}}" view="topics" selected="{{topic}}"></pi-items-view>
-      <pi-items-view id="stories" layout="{{layout}}" items="{{stories}}" view="flex" selected="{{story}}"></pi-items-view>
-      <pi-story id="story" story="{{story}}" on-flick="{{storyFlickHandler}}" on-keydown="{{storyKeydownHandler}}"></pi-story>
-    </polymer-ui-animated-pages>
-    
-    <polymer-animation-group id="hslide" duration="0.3" easing="ease-in-out">
-      <polymer-animation>
-          <polymer-animation-keyframe>
-            <polymer-animation-prop name="transform" value="scale(1)"></polymer-animation-prop>
-          </polymer-animation-keyframe>
-          <polymer-animation-keyframe>
-            <polymer-animation-prop name="transform" value="scale(0.8)"></polymer-animation-prop>
-          </polymer-animation-keyframe>
-        </polymer-animation>
-        <polymer-animation>
-          <polymer-animation-keyframe>
-            <polymer-animation-prop name="transform" value="translateX(100%)"></polymer-animation-prop>
-          </polymer-animation-keyframe>
-          <polymer-animation-keyframe>
-            <polymer-animation-prop name="transform" value="translateX(0)"></polymer-animation-prop>
-          </polymer-animation-keyframe>
-        </polymer-animation>
-    </polymer-animation-group> -->
-
     <core-pages id="panels" class="feed-viewer-panels" selected="{{panel}}" valueattr="id"
         on-core-select="{{panelSelected}}">
       <pi-items-view id="topics" layout="{{topicsLayout}}" items="{{topics}}" view="topics" selected="{{topic}}"></pi-items-view>

elements/pi-gfeeds.html

@@ -5,7 +5,7 @@
  * license that can be found in the LICENSE file.
  */
 -->
-<link rel="import" href="../components/polymer-google-jsapi/polymer-google-jsapi.html">
+<link rel="import" href="../components/google-apis/google-apis.html">
 
 <polymer-element name="pi-gfeeds" attributes="feed query results loading count">
   <template>
@@ -14,11 +14,12 @@
         display: none;
       }
     </style>
+
   </template>
   <script>
     (function() {
       // TODO(ffu): integrate the ability to load a specific api like feeds
-      // into polymer-google-jsapi.
+      // into google-jsapi.
       var feedsCallbacks = [];
       var feedsApiLoading = false;
 
@@ -38,8 +39,8 @@
           callback();
         } else {
           if (!feedsApiLoading) {
-            var loader = document.createElement('polymer-google-jsapi');
-            loader.addEventListener('polymer-google-jsapi-loaded', function() {
+            var loader = document.createElement('google-jsapi');
+            loader.addEventListener('api-load', function() {
               google.load('feeds', '1', {callback: feedsApiLoaded});  
             });
             feedsApiLoading = true;
@@ -51,7 +52,7 @@
       }
 
       Polymer('pi-gfeeds', {
-        count: 24,
+        count: 27,
         created: function() {
           this.pendingFeeds = [];
         },
@@ -84,7 +85,7 @@
         queryChanged: function() {
           if (this.query) {
             this.loading = true;
-            this.feedsReady(this.asyncMethod.bind(this, 'findFeeds'));
+            this.findFeeds();
           }
         },
         findFeeds: function() {