Added more reactive interface elements [comixed#667]

* Changed the comic details toolbar buttons. * Added the missing scrape all buttons to the library toolbar.
mcpierce · May 8, 2021 · ea1c123 · ea1c123
1 parent fa5fa74
commit ea1c123
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 16 deletions.
diff --git a/comixed-web/src/app/library/components/library-toolbar/library-toolbar.component.html b/comixed-web/src/app/library/components/library-toolbar/library-toolbar.component.html
@@ -7,6 +7,18 @@
     (page)="onPaginationChange($event.pageSize)"
   ></mat-paginator>
   <div class="cx-spacer"></div>
+  <button
+    id="scrape-all-button"
+    mat-flat-button
+    color="primary"
+    class="cx-action-button cx-margin-right-5"
+    [disabled]="!selected.length"
+    [matTooltip]="'library.tooltip.scrape-comics' | translate"
+    (click)="onScrapeComics()"
+  >
+    <mat-icon>plagiarism</mat-icon>
+    <mat-label>{{ "button.scrape" | translate }}</mat-label>
+  </button>
   <button
     id="select-all-button"
     mat-flat-button

diff --git a/comixed-web/src/app/library/pages/comic-details/comic-details.component.html b/comixed-web/src/app/library/pages/comic-details/comic-details.component.html
@@ -2,38 +2,35 @@
   <button
     id="previous-comic-button"
     class="cx-toolbar-button"
-    mat-flat-button
-    color="accent"
+    mat-icon-button
+    color="primary"
     [matTooltip]="'comic.tooltip.go-to-previous-comic' | translate"
     [disabled]="!comic.previousIssueId"
     (click)="onPreviousComic()"
   >
-    <mat-label>{{ "button.previous" | translate }}</mat-label>
     <mat-icon>arrow_back</mat-icon>
   </button>
-  <button
-    id="download-comic-button"
-    class="cx-toolbar-button"
-    mat-flat-button
-    color="primary"
-    [matTooltip]="'comic.tooltip.download-comic' | translate"
-  >
-    <mat-label>{{ "button.download" | translate }}</mat-label>
-    <mat-icon>arrow_downward</mat-icon>
-  </button>
   <button
     id="next-comic-button"
     class="cx-toolbar-button"
-    mat-flat-button
+    mat-icon-button
     [disabled]="!comic.nextIssueId"
-    color="accent"
+    color="primary"
     [matTooltip]="'comic.tooltip.go-to-next-comic' | translate"
     (click)="onNextComic()"
   >
-    <mat-label>{{ "button.next" | translate }}</mat-label>
     <mat-icon>arrow_forward</mat-icon>
   </button>
   <div class="cx-spacer"></div>
+  <button
+    id="download-comic-button"
+    class="cx-toolbar-button"
+    mat-icon-button
+    color="primary"
+    [matTooltip]="'comic.tooltip.download-comic' | translate"
+  >
+    <mat-icon>arrow_downward</mat-icon>
+  </button>
   <button
     *ngIf="!isRead"
     id="mark-as-read-button"