add supplementary-role select in supplementary-role sider-piece

src/app/sider-pieces/supplementary-task/supplementary-task.component.html

@@ -2,8 +2,14 @@
     <div class="piece-form">
         <div class="piece-title">Tâche liée au rôle supplémentaire</div>
         <div class="piece-form-checkbox">
-            <input type="checkbox"/>
+            <input type="checkbox" [(ngModel)]="checkbox"/>
             <label>Oui</label>
         </div>
+        <div class="piece-form-select" *ngIf="checkbox">
+            <label>Rôle</label>
+            <select>
+                <option>Rôle 1</option>
+            </select>
+        </div>
     </div>
 </div>
\ No newline at end of file

src/app/sider-pieces/supplementary-task/supplementary-task.component.scss

@@ -21,5 +21,20 @@
             border: none;
             border-radius: 10px;
         }
+
+        &-select {
+            margin-top: 5px;
+            margin-left: 10px;
+            width: 100%;
+
+            select {
+                border-radius: 10px;
+                border: none;
+                background-color: white;
+                height: 25px;
+                margin-left: 10px;
+                width: 200px;
+            }
+        }
     }
 }
\ No newline at end of file

src/app/sider-pieces/supplementary-task/supplementary-task.component.ts

@@ -12,4 +12,6 @@ export class SupplementaryTaskComponent implements OnInit {
   ngOnInit(): void {
   }
 
+  checkbox: boolean = false;
+
 }