Update Readme and Manifest

Author: jweisman

README.md

@@ -1,3 +1,7 @@
 # Cloud Apps Tutorials
 
 This repository contains supporting code for the [Ex Libris Cloud Apps](https://developers.exlibrisgroup.com/cloudapps/) [tutorials](https://developers.exlibrisgroup.com/cloudapps/tutorials/).
+
+## Contributions
+
+Found a bug? See something we can do better? We are happy to take contributions. You can open an issue in Github, or even better, open a pull request.

cloudapp/src/app/parallel/parallel.component.html

@@ -1,7 +1,8 @@
 <div class="loading-shade" *ngIf="loading">
   <mat-progress-spinner 
-    mode="indeterminate"
+    [mode]="showProgress ? 'determinate' : 'indeterminate'"
     diameter="50"
+    [value]="percentComplete"
     >
   </mat-progress-spinner>
 </div>
@@ -14,11 +15,15 @@
     <mat-option [value]="30">30</mat-option>
     <mat-option [value]="40">40</mat-option>
     <mat-option [value]="50">50</mat-option>
+    <mat-option [value]="100">100</mat-option>
   </mat-select>
 </mat-form-field>
-<p>
+<mat-checkbox [(ngModel)]="showProgress" labelPosition="before">Show progress</mat-checkbox>   
+<div class="commands-container">
   <button mat-stroked-button type="button" color="primary" (click)="run()">Retrieve users</button>
-</p>
+  <button mat-flat-button type="button" (click)="clear()">Clear</button>
+</div>
+
 <ul>
   <li *ngFor="let user of users">
     <strong>{{ user.full_name }}</strong>: ${{ user.fees.value }}

cloudapp/src/app/parallel/parallel.component.scss

@@ -9,4 +9,9 @@
   display: flex;
   align-items: center;
   justify-content: center;
+}
+
+mat-checkbox {
+  display: block;
+  margin-bottom: 20px;
 }

cloudapp/src/app/parallel/parallel.component.ts

@@ -1,7 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 import { CloudAppRestService, RestErrorResponse } from '@exlibris/exl-cloudapp-angular-lib';
-import { mergeMap, map, catchError, switchMap } from 'rxjs/operators';
-import { from, of, forkJoin, Observable } from 'rxjs';
+import { map, catchError, switchMap, tap } from 'rxjs/operators';
+import { of, forkJoin, Observable } from 'rxjs';
 import { AppService } from '../app.service';
 
 @Component({
@@ -13,6 +13,8 @@ export class ParallelComponent implements OnInit {
   users: any[];
   num = 10;
   loading = false;
+  processed = 0;
+  showProgress = false;
 
   constructor( 
     private restService: CloudAppRestService,
@@ -30,14 +32,10 @@ export class ParallelComponent implements OnInit {
 
   loadUsers() {
     this.loading = true;
+    this.processed = 0;
     this.restService.call(`/users?limit=${this.num}`)
     .pipe(
-      map(users=>
-        this.addErrors(users.user)
-        .map(user=>withErrorChecking(
-          this.restService.call(`/users/${user.primary_id}?expand=fees`)
-        ))
-      ),
+      map(users=>this.addErrors(users.user).map(user=>this.getUser(user))),
       switchMap(reqs=>forkJoin(reqs)),
     )
     .subscribe({
@@ -54,15 +52,28 @@ export class ParallelComponent implements OnInit {
     });
   }
 
+  clear() {
+    this.users = [];
+  }
+
+  getUser(user: any) {
+    return this.restService.call(`/users/${user.primary_id}?expand=fees`).pipe(
+      tap(()=>this.processed++),
+      catchError(e => of(e)),
+    )
+  }
+
   addErrors(users: any[]) {
     for (let i=0; i<Math.floor(users.length*.25); i++) {
       users.splice(getRandomInt(users.length-1), 0, { primary_id: getRandomInt(1000000) });
     };
     return users;
   }
+
+  get percentComplete() {
+    return Math.round((this.processed/this.num)*100)
+  }
 }
 
 const getRandomInt = (max: number)  => Math.floor(Math.random() * Math.floor(max));
-const isRestErrorResponse = (object: any): object is RestErrorResponse => 'error' in object;
-const withErrorChecking = (obs: Observable<any>): Observable<any> => 
-  obs.pipe(catchError( e => of(e)));
+const isRestErrorResponse = (object: any): object is RestErrorResponse => 'error' in object;

manifest.json

@@ -26,5 +26,6 @@
    "fullscreen": {
       "allow": true,
       "open": false
-   }
+   },
+   "license": "https://github.com/ExLibrisGroup/cloudapp-tutorials/raw/tutorials/LICENSE"
 }