From 8d3b7fa1c4449c6c91756e301d0ad64757cf4ecf Mon Sep 17 00:00:00 2001
From: Florian THIERRY <florian.thierry72@gmail.com>
Date: Sun, 6 Mar 2022 12:24:03 +0100
Subject: [PATCH] Add selection actions bar.

---
 src/app/core/components/header/header.component.html |  3 ---
 src/app/task-lists/task-lists.component.html         |  7 ++++---
 src/app/task-lists/task-lists.component.scss         | 12 ++++++++++++
 3 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/src/app/core/components/header/header.component.html b/src/app/core/components/header/header.component.html
index 85348c4..cd3b83f 100644
--- a/src/app/core/components/header/header.component.html
+++ b/src/app/core/components/header/header.component.html
@@ -16,9 +16,6 @@
       matTooltip="Retourner aux task-lists">
     <mat-icon>chevron_left</mat-icon>
   </button>
-  <!-- <div *ngIf="activeTaskList">
-    Liste active : {{activeTaskList.name}}
-  </div> -->
 </nav>
 <nav *ngIf="selectionMode" class="selectionMode">
   <div></div>
diff --git a/src/app/task-lists/task-lists.component.html b/src/app/task-lists/task-lists.component.html
index cd33302..cbaed9c 100644
--- a/src/app/task-lists/task-lists.component.html
+++ b/src/app/task-lists/task-lists.component.html
@@ -19,8 +19,9 @@
       <mat-icon *ngIf="isSelectionModeEnabled() && isSelected(taskList)" class="selection-icon">done</mat-icon>
     </div>
     {{taskList.name}}
-    <ng-container >
-      SELECTED
-    </ng-container>
   </div>
 </div>
+<div class="selection-actions" *ngIf="isSelectionModeEnabled()">
+  <button class="raised">Renommer</button>
+  <button class="raised alert">Supprimer</button>
+</div>
\ No newline at end of file
diff --git a/src/app/task-lists/task-lists.component.scss b/src/app/task-lists/task-lists.component.scss
index f4bfb29..21aaa5a 100644
--- a/src/app/task-lists/task-lists.component.scss
+++ b/src/app/task-lists/task-lists.component.scss
@@ -34,3 +34,15 @@
     }
   }
 }
+
+.selection-actions {
+  padding: .5rem;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  display: flex;
+  flex-grow: 1;
+  justify-content: space-between;
+  border-top: 1px solid #444;
+}
\ No newline at end of file