progress bar and abort for gallery

Generating all images for a gallery view can take
long. It might not be obvious when the computation
is done, because there is no progress indicator.
Fixed by adding a progress bar.

You might want to abort the computation. E.g.
because you already found what you were looking
for or you want to change the parameters.
This can now be done by clicking 'Abort'.
Note, it does not abort the current computation.

pdb-js/src/app/gallery-view/gallery-view.component.html

@@ -20,6 +20,17 @@
     <pdb-gallery-filter-view (valueChanged)="filterChanged($event)"></pdb-gallery-filter-view>
     
   </div>
+  <div
+    *ngIf="show && progress != 100 && totalNumberImages > 0" 
+    id="gallery-progress">
+    
+    <mat-progress-bar mode="determinate" value="{{progress}}"></mat-progress-bar>
+   
+    <button 
+      mat-button
+      (click)="abort()"
+      matTooltip="abort"><img src="assets/img/close.svg" class="icon-inline" /> Abort</button>
+  </div>
   <div
     *ngIf="show"
     class="card-grid-container">