Merge pull request #86 from oatear/feature/show-singles

add thumbnails option to show singles/copies
oatear · Jul 23, 2023 · ca712c9 · ca712c9
2 parents f4db62c + 061fc31
commit ca712c9
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 4 deletions.
diff --git a/cider-app/src/app/card-thumbnails/card-thumbnails.component.html b/cider-app/src/app/card-thumbnails/card-thumbnails.component.html
@@ -6,6 +6,8 @@
             optionLabel="label" optionValue="value"></p-selectButton>
         <p-selectButton [options]="sideOptions" [(ngModel)]="sideSelected" class="p-mr-3"
             optionLabel="label" optionValue="value"></p-selectButton>
+        <p-selectButton [options]="copyOptions" [(ngModel)]="copySelected" class="p-mr-3"
+            optionLabel="label" optionValue="value" (onChange)="refreshCards()"></p-selectButton>
         <input type="search" pInputText placeholder="Search Cards" (input)="filter($event)">
     </div>
     <div class="card-thumbnails">

diff --git a/cider-app/src/app/card-thumbnails/card-thumbnails.component.ts b/cider-app/src/app/card-thumbnails/card-thumbnails.component.ts
@@ -26,24 +26,38 @@ export class CardThumbnailsComponent implements OnInit {
     { label: 'Both', value: 'both' }
   ];
   filterFields: string = "";
+  copyOptions: any[] = [
+    { label: 'Singles', value: 'singles' },
+    { label: 'Copies', value: 'copies' }
+  ];
+  copySelected: string = 'copies';
+
 
 
   constructor(public cardsService: CardsService,
     public templatesService: CardTemplatesService) { }
 
   ngOnInit(): void {
+    this.refreshCards();
+    this.cardsService.getFields().then(fields => {
+      this.filterFields = fields.map(field => field.field).join(',');
+    });
+  }
+
+  refreshCards() {
     this.cardsService.getAll().then(cards => {
       const expandedList: Card[] = [];
       cards.forEach(card => {
-        for (let i = 0; i < (typeof card.count === 'undefined' ? 1 : card.count); i++) {
+        if (this.copySelected === 'singles') {
           expandedList.push(card);
+        } else {
+          for (let i = 0; i < (typeof card.count === 'undefined' ? 1 : card.count); i++) {
+            expandedList.push(card);
+          }
         }
       });
       this.thumbnailCards = expandedList;
     });
-    this.cardsService.getFields().then(fields => {
-      this.filterFields = fields.map(field => field.field).join(',');
-    });
   }
 
   filter(input: any) {