feature(wysiwyg): fix lint

Author: k-belov

apps/codelab/src/app/admin/content/presentation-editor/reducer.ts

@@ -35,7 +35,9 @@ export function reducer(
       getPresentation().slides.filter(({ id }) => id !== payload.id);
       return presentations;
     case 'deleteSlides':
-      getPresentation().slides = getPresentation().slides.filter((slide, index) => !payload.selections.includes(index));
+      getPresentation().slides = getPresentation().slides.filter(
+        (slide, index) => !payload.selections.includes(index)
+      );
 
       return presentations;
     case 'reorderSlides':
@@ -58,14 +60,16 @@ export function reducer(
         const moveValues = normalizedIndexes.map(moveIndex => array[moveIndex]);
 
         const dontMoveValues = array.filter(
-          (item, index) => normalizedIndexes.indexOf(index) === -1,
+          (item, index) => normalizedIndexes.indexOf(index) === -1
         );
 
         dontMoveValues.splice(normalizedToIndex, 0, ...moveValues);
         return dontMoveValues;
       };
 
-      getPresentation().slides = [...arrayMoveByIndex(slides, selections, toIndex)];
+      getPresentation().slides = [
+        ...arrayMoveByIndex(slides, selections, toIndex)
+      ];
 
       return presentations;
 

apps/codelab/src/app/admin/content/presentation-editor/side-panel/multi-selection.service.ts

@@ -12,14 +12,12 @@ export function isShiftEvent(event: MouseEvent) {
 
 @Injectable()
 export class MultiSelectionService {
-
   public selections$ = new BehaviorSubject<number[]>([]);
   public selections: number[] = [];
 
   public lastSingleSelection: number | null = null;
 
-  constructor() {
-  }
+  constructor() {}
 
   isAlreadySelected(index: number): boolean {
     return this.selections.indexOf(index) >= 0;
@@ -45,51 +43,47 @@ export class MultiSelectionService {
   }
 
   select(event: MouseEvent, selectedIndex: number) {
-    const shiftSelect = isShiftEvent(event) &&
+    const shiftSelect =
+      isShiftEvent(event) &&
       (this.lastSingleSelection || this.lastSingleSelection === 0) &&
       this.lastSingleSelection !== selectedIndex;
 
     if (this.isSelectionEmpty()) {
-
       this.setSelections([selectedIndex]);
       this.lastSingleSelection = selectedIndex;
-
     } else if (isCtrlEvent(event)) {
-
       const alreadySelected = this.isAlreadySelected(selectedIndex);
 
       if (alreadySelected) {
-        const selectionsWithoutSelectedIndex = this.selections.filter((index) => index !== selectedIndex);
+        const selectionsWithoutSelectedIndex = this.selections.filter(
+          index => index !== selectedIndex
+        );
 
         if (selectionsWithoutSelectedIndex.length > 0) {
           this.setSelections(selectionsWithoutSelectedIndex);
-        } else  {
+        } else {
           this.setSelections([selectedIndex]);
           this.lastSingleSelection = selectedIndex;
         }
       } else {
         this.setSelections([...this.selections, selectedIndex]);
         this.lastSingleSelection = selectedIndex;
       }
-
     } else if (shiftSelect) {
-
       const newSelectionBefore = selectedIndex < this.lastSingleSelection;
-      const count = (
-        newSelectionBefore
-          ? this.lastSingleSelection - (selectedIndex - 1)
-          : (selectedIndex + 1) - this.lastSingleSelection
-      );
+      const count = newSelectionBefore
+        ? this.lastSingleSelection - (selectedIndex - 1)
+        : selectedIndex + 1 - this.lastSingleSelection;
 
       const shiftSelection = new Array(count)
         .fill(0)
-        .map((_, index) => newSelectionBefore
-          ? this.lastSingleSelection - index
-          : this.lastSingleSelection + index
+        .map((_, index) =>
+          newSelectionBefore
+            ? this.lastSingleSelection - index
+            : this.lastSingleSelection + index
         );
 
       this.setSelections([...shiftSelection]);
-
     } else {
       this.resetSelection(selectedIndex);
     }
@@ -104,5 +98,4 @@ export class MultiSelectionService {
   selectAll(indexes: number[]) {
     this.setSelections(indexes);
   }
-
 }

apps/codelab/src/app/admin/content/presentation-editor/side-panel/side-panel.component.html

@@ -1,13 +1,17 @@
 <div class="slides-wrapper">
   <button (click)="addSlide()">Add</button>
 
-  <div (cdkDropListDropped)="droppedIntoList($event)" [class.dragging]="dragging" cdkDropList>
+  <div
+    (cdkDropListDropped)="droppedIntoList($event)"
+    [class.dragging]="dragging"
+    cdkDropList
+  >
     <div
       (cdkDragDropped)="dropped()"
       (cdkDragEnded)="dragEnded()"
       (cdkDragStarted)="dragStarted($event)"
       (click)="select($event, index)"
-      *ngFor="let slide of slides; let index = index; trackBy: trackBySlideId;"
+      *ngFor="let slide of slides; let index = index; trackBy: trackBySlideId"
       [class.selected]="multiSelectionService.selections.includes(index)"
       [class.current]="index == currentSlideIndex"
       cdkDragLockAxis="y"
@@ -19,7 +23,9 @@
         <div *ngFor="let sel of multiSelectionService.selections"></div>
       </div>
       <div *cdkDragPlaceholder>
-        <div style="background: #00a4ff; height: 1px; width: 100%; margin: 2px 0"></div>
+        <div
+          style="background: #00a4ff; height: 1px; width: 100%; margin: 2px 0"
+        ></div>
       </div>
 
       <div class="slide">

apps/codelab/src/app/admin/content/presentation-editor/side-panel/side-panel.component.ts

@@ -1,12 +1,22 @@
-import { Component, ElementRef, HostListener, Input, OnInit } from '@angular/core';
+import {
+  Component,
+  ElementRef,
+  HostListener,
+  Input,
+  OnInit
+} from '@angular/core';
 import { Location } from '@angular/common';
 import { CdkDragDrop, CdkDragStart, DragRef } from '@angular/cdk/drag-drop';
 import { ActivatedRoute, Router } from '@angular/router';
 
 import { ContentService } from '../services/content.service';
 import { NavigationService } from '../services/navigation.service';
 import { ContentSlide } from '../types';
-import { isCtrlEvent, isShiftEvent, MultiSelectionService } from './multi-selection.service';
+import {
+  isCtrlEvent,
+  isShiftEvent,
+  MultiSelectionService
+} from './multi-selection.service';
 
 @Component({
   selector: 'slides-side-panel',
@@ -32,7 +42,7 @@ export class SidePanelComponent implements OnInit {
   ) {}
 
   ngOnInit() {
-    this.multiSelectionService.selections$.subscribe((selections) => {
+    this.multiSelectionService.selections$.subscribe(selections => {
       console.log({ selections });
     });
 
@@ -81,7 +91,10 @@ export class SidePanelComponent implements OnInit {
 
       event.preventDefault();
     } else if (event.key === 'Delete') {
-      this.contentService.deleteSlides(this.presentationId, this.multiSelectionService.selections);
+      this.contentService.deleteSlides(
+        this.presentationId,
+        this.multiSelectionService.selections
+      );
       this.multiSelectionService.resetSelection(this.currentSlideIndex);
 
       event.preventDefault();
@@ -126,5 +139,4 @@ export class SidePanelComponent implements OnInit {
       this.navigationService.goToSlide(this.presentationId, index);
     }
   }
-
 }