auto-remove items from the Recent Apis list if they no longer exist i…

…n the all-apis list. fixes #150

front-end/app/studio/pages/dashboard/dashboard.page.html

@@ -36,8 +36,9 @@ <h2 class="card-pf-title">
                     </div>
                     <h1>No APIs Found</h1>
                     <p>
-                        We couldn't find any APIs for you - it's likely that you have not yet created/added any APIs to the studio.
-                        Not to worry, we can do that now!
+                        We couldn't find any APIs for you - it's possible that you have not yet created/added any APIs to the studio.
+                        Or perhaps you have some APIs but haven't worked on them recently.  Pick an action below that makes sense
+                        for you!
                     </p>
                     <div class="blank-slate-pf-main-action">
                         <div class="btn-group">
@@ -51,6 +52,7 @@ <h1>No APIs Found</h1>
                                 <li><a routerLink="/apis/create">Create New API</a></li>
                             </ul>
                         </div>
+                        <a routerLink="/apis" class="btn btn-lg btn-default" style="margin-left: 10px">List All APIs</a>
                     </div>
                 </div>
             </div>

front-end/app/studio/services/apis-hub.service.ts

@@ -94,6 +94,7 @@ export class HubApisService implements IApisService {
                 this.theRecentApis = this.getRecentFromAllApis(apis);
                 this._recentApis.next(this.theRecentApis);
             }
+            this.removeMissingRecentApis(apis);
             return apis;
         }).toPromise();
     }
@@ -471,4 +472,24 @@ export class HubApisService implements IApisService {
         this.theRecentApis = recent;
         return recent;
     }
+
+    /**
+     * Removes any API from the "recent APIs" list that is not in the
+     * given list of "all" Apis.
+     * @param apis
+     */
+    private removeMissingRecentApis(apis: Api[]) {
+        this.theRecentApis.filter( recentApi => {
+            let found: boolean = false;
+            apis.forEach( api => {
+                if (api.id === recentApi.id) {
+                    found = true;
+                }
+            });
+            return !found;
+        }).forEach( diffApi => {
+            console.info("[HubApisService] Removing '%s' from the recent APIs list.", diffApi.name);
+            this.theRecentApis.splice(this.theRecentApis.indexOf(diffApi), 1);
+        });
+    }
 }