Add task list selection system.

src/app/task-lists/task-lists.component.html

@@ -1,6 +1,6 @@
 <div class="task-lists">
   <div *ngFor="let taskList of taskLists" class="task-list-container">
-    <div class="task-list shadowed" (click)="selectActiveTaskList(taskList)">
+    <div class="task-list shadowed" (click)="selectActiveTaskList(taskList)" (contextmenu)="$event.preventDefault(); onRightClick(taskList)">
       <ng-container [ngPlural]="taskList.tasks?.length ?? 0">
         <ng-template ngPluralCase=">1">
           {{taskList.tasks?.length}} tâches
@@ -11,5 +11,8 @@
       </ng-container>
     </div>
     {{taskList.name}}
+    <ng-container *ngIf="isSelectionModeEnabled() && isSelected(taskList)">
+      SELECTED
+    </ng-container>
   </div>
 </div>

src/app/task-lists/task-lists.component.ts

@@ -35,6 +35,22 @@ export class TaskListsComponent implements OnInit, OnDestroy {
   }
 
   selectActiveTaskList(taskList: TaskList): void {
-    this._taskListService.setActive(taskList);
+    if (this.isSelectionModeEnabled()) {
+      this._taskListService.selectTaskList(taskList);
+    } else {
+      this._taskListService.setActive(taskList);
+    }
+  }
+
+  onRightClick(taskList: TaskList): void {
+    this._taskListService.selectTaskList(taskList);
+  }
+
+  isSelected(taskList: TaskList): boolean {
+    return this._taskListService.isSelected(taskList);
+  }
+
+  isSelectionModeEnabled(): boolean {
+    return this._taskListService.isSelectionModeEnabled();
   }
 }