add filters for gallery

2019-11-17 18:59:08 +01:00
parent 70fb84d634
commit 771f61a597
9 changed files with 227 additions and 17 deletions
--- a/pdb-js/src/app/gallery-view/gallery-view.component.html
+++ b/pdb-js/src/app/gallery-view/gallery-view.component.html
@@ -13,9 +13,11 @@
      </mat-select>
    </mat-form-field>
    
-    <div class="pdb-form-icon-small">
-      <pdb-image-toggle images="{{ascDescImages}}" (valueChanged)="sortOrderChanged($event)"></pdb-image-toggle>
-    </div>
+    
+    <pdb-image-toggle images="{{ascDescImages}}" (valueChanged)="sortOrderChanged($event)"></pdb-image-toggle>
+    
+    
+    <pdb-gallery-filter-view (valueChanged)="filterChanged($event)"></pdb-gallery-filter-view>
    
  </div>
 <div
@@ -23,6 +25,6 @@
  id="gallery" 
  class="card-grid-300">
  <pdb-gallery-item-view
-    *ngFor="let galleryItem of galleryItems" [data]="galleryItem">
+    *ngFor="let galleryItem of filteredSortedGalleryItems()" [data]="galleryItem">
  </pdb-gallery-item-view>
 </div>