fix(search) : fix label checkbox + fake data

src/app/structure-list/components/search/search.component.html

@@ -65,8 +65,8 @@
                     (change)="onCheckboxChange($event, c.name)"
                   />
                   <span class="customCheck"></span>
+                  <div class="label">{{ module.text }}</div>
                 </label>
-                <div class="label">{{ module.text }}</div>
               </div>
             </li>
             <span class="nbResult">{{ module.count ? module.count : '0' }}</span>
@@ -86,8 +86,8 @@
       <label>
         <input type="checkbox" />
         <span class="customCheck"></span>
+        <div class="label">Pass numérique</div>
       </label>
-      <div class="label">Pass numérique</div>
     </div>
   </div>
   <a href="">Ajouter une structure</a>

src/app/structure-list/components/search/search.component.scss

@@ -174,6 +174,7 @@
       @include cn-bold-14;
       display: flex;
       align-items: center;
+      text-decoration: underline;
     }
     height: 32px;
     button {
@@ -193,11 +194,11 @@
 }
 .checkbox {
   .checkboxItem {
-    position: relative;
+    /*position: relative;
     display: inline-grid;
     align-items: center;
     grid-template-columns: min-content auto;
-    min-height: 25px;
+    min-height: 25px;*/
   }
   list-style-type: none;
   input {
@@ -212,7 +213,11 @@
     }
   }
   label {
+    //display: inline-grid;
+    align-items: center;
+    grid-template-columns: min-content auto;
     display: inline-grid;
+    cursor: pointer;
   }
   .label {
     padding-left: 8px;
@@ -257,5 +262,6 @@
   a {
     @include cn-bold-14;
     font-weight: bold;
+    text-decoration: underline;
   }
 }

src/app/structure-list/components/search/search.component.ts

@@ -89,6 +89,9 @@ export class SearchComponent implements OnInit {
 
   // Return index of a specific module in array modules
   public getIndex(id: number, categ: string): number {
+    console.log(this.checkedModules);
+    console.log(id);
+    console.log(categ);
     return this.checkedModules.findIndex((m: Module) => m.id === id && m.text === categ);
   }
 
@@ -122,7 +125,7 @@ export class SearchComponent implements OnInit {
     m.name = titre;
     m.modules = [];
     for (let i = 0; i < nbCateg; i++) {
-      m.modules.push(new Module(categ.id, categ.name + i));
+      m.modules.push(new Module(categ.id + i, categ.name + i));
     }
     module.push(m);
   }
@@ -130,7 +133,7 @@ export class SearchComponent implements OnInit {
   // Fake data
   private fakeData(option: string): void {
     if (option === this.modalType[0]) {
-      this.mockService(this.categories, 'Accompagnement des démarches', { name: 'CAF', id: '' }, 7);
+      this.mockService(this.categories, 'Accompagnement des démarches', { name: 'CAF', id: 5 }, 7);
     } else if (option === this.modalType[1]) {
       this.searchService.getCategories().subscribe((categories: Category[]) => {
         this.searchService
@@ -143,13 +146,18 @@ export class SearchComponent implements OnInit {
           });
       });
     } else if (option === this.modalType[2]) {
-      this.mockService(this.categories, 'Équipements', 'Accès à des revues ou livres infoirmatiques numériques', 8);
-      this.mockService(this.categories, "Modalité d'accueil", 'Matériel mis à dispostion', 6);
-
-      this.mockService(this.categories, "Type d'acteurs", 'Lieux de médiation (Pimms, assos...)', 5);
-      this.mockService(this.categories, 'Publics', 'Langues étrangères autres qu’anglais', 12);
-      this.mockService(this.categories, 'Labelisation', 'Prescripteur du Pass Numérique', 6);
-      this.mockService(this.categories, 'Type de structure', 'Espace de co-working', 6);
+      this.mockService(
+        this.categories,
+        'Équipements',
+        { name: 'Accès à des revues ou livres infoirmatiques numériques', id: 1 },
+        8
+      );
+      this.mockService(this.categories, "Modalité d'accueil", { name: 'Matériel mis à dispostion', id: 2 }, 6);
+
+      this.mockService(this.categories, "Type d'acteurs", { name: 'Lieux de médiation (Pimms, assos...)', id: 3 }, 5);
+      this.mockService(this.categories, 'Publics', { name: 'Langues étrangères autres qu’anglais', id: 4 }, 12);
+      this.mockService(this.categories, 'Labelisation', { name: 'Prescripteur du Pass Numérique', id: 5 }, 6);
+      this.mockService(this.categories, 'Type de structure', { name: 'Espace de co-working', id: 6 }, 6);
     }
   }
 }