Add 'select all' when batch tagging whyboris#446

i18n/en.json

@@ -369,6 +369,7 @@
     "batchModeButton": "Batch mode",
     "clickTagToAdd": "Click any tag in the tray to add the tag to all selected videos",
     "clickVideoToSelect": "Click videos to select",
+    "selectAllButton": "Select all visible",
     "closeTagTray": "Close tag tray",
     "delete": "delete mode",
     "filterList": "Containing",

src/app/components/home.component.html

@@ -942,6 +942,7 @@
 <app-tag-tray
   (closeTagsTray)="closeTagsTray()"
   (toggleBatchTaggingMode)="toggleBatchTaggingMode()"
+  (selectAll)="selectAllVisible()"
   (handleTagWordClicked)="handleTagWordClicked($event.tag.name, $event.event)"
   [batchTaggingMode]="batchTaggingMode"
   [settingsButtons]="settingsButtons"

src/app/components/home.component.ts

@@ -2296,7 +2296,14 @@ export class HomeComponent implements OnInit, AfterViewInit {
         element.selected = false;
       });
     }
-    this.batchTaggingMode = !this.batchTaggingMode
+    this.batchTaggingMode = !this.batchTaggingMode;
+  }
+
+  /**
+   * Select all visible videos for batch tagging
+   */
+  selectAllVisible(): void {
+    this.pipeSideEffectService.selectAll();
   }
 
   /**

src/app/components/tag-tray/tag-tray.component.html

@@ -47,6 +47,12 @@
       <span class="manual-tag-tray-label" style="line-height: 24px">
         {{ 'TAGS.clickTagToAdd' | translate }}
       </span>
+      <button
+      class="wizard-button wizard-button-small"
+      (click)="selectAll.emit()"
+    >
+      {{ 'TAGS.selectAllButton' | translate }}
+    </button>
     </div>
   </ng-template>
 

src/app/components/tag-tray/tag-tray.component.ts

@@ -19,6 +19,7 @@ export class TagTrayComponent {
 
   @Output() closeTagsTray = new EventEmitter<any>();
   @Output() toggleBatchTaggingMode = new EventEmitter<any>();
+  @Output() selectAll = new EventEmitter<any>();
   @Output() handleTagWordClicked= new EventEmitter<TagEmit>();
 
   @Input() batchTaggingMode;

src/app/pipes/pipe-side-effect.service.ts

@@ -28,6 +28,15 @@ export class PipeSideEffectService {
 
   }
 
+  /**
+   * Set all displayed videos to selected
+   */
+  selectAll(): void {
+    this.galleryShowing.forEach((element: ImageElement) => {
+      element.selected = true;
+    });
+  }
+
   /**
    * If pipe has an
    * @param error