Merge pull request #84 from naturalsolutions/lint/apply-frontend-linting

lint: apply frontend linting
PnX-SI · Aug 30, 2024 · c8dd966 · c8dd966
2 parents 0bc9052 + e74e7a7
commit c8dd966
Show file tree

Hide file tree

Showing 76 changed files with 1,616 additions and 688 deletions.
diff --git a/frontend/_app.module.scss b/frontend/_app.module.scss
@@ -1,5 +1,5 @@
 small.required::after {
-  content: "*";
+  content: '*';
   margin-left: 4px;
   color: red;
 }
@@ -20,7 +20,9 @@ small.required::after {
 
 .table {
   background: #ffffff;
-  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14),
+  box-shadow:
+    0px 3px 1px -2px rgba(0, 0, 0, 0.2),
+    0px 2px 2px rgba(0, 0, 0, 0.14),
     0px 1px 5px rgba(0, 0, 0, 0.12);
   border-bottom: 1px solid #6fcf97;
   border-radius: 4px;

diff --git a/frontend/app/commonComponents/collapse/collapse.component.html b/frontend/app/commonComponents/collapse/collapse.component.html
@@ -1,6 +1,6 @@
 <mat-expansion-panel [expanded]="expanded">
   <mat-expansion-panel-header>
-    <mat-panel-title> {{ title }} </mat-panel-title>
+    <mat-panel-title>{{ title }}</mat-panel-title>
   </mat-expansion-panel-header>
   <ng-content></ng-content>
 </mat-expansion-panel>
diff --git a/frontend/app/commonComponents/collapse/collapse.component.scss b/frontend/app/commonComponents/collapse/collapse.component.scss
@@ -1,4 +1,4 @@
-@import "../../../app.module";
+@import '../../../app.module';
 
 mat-expansion-panel {
   margin: 28px 0 !important;

diff --git a/frontend/app/commonComponents/delete-modal/delete-modal.component.html b/frontend/app/commonComponents/delete-modal/delete-modal.component.html
@@ -5,7 +5,12 @@ <h5 class="modal-title"><i class="fa fa-trash"></i></h5>
   <ng-content></ng-content>
 </div>
 <div class="modal-footer">
-  <button type="button" mat-raised-button class="mr-1 uppercase" (click)="onCancelClicked()">
+  <button
+    type="button"
+    mat-raised-button
+    class="mr-1 uppercase"
+    (click)="onCancelClicked()"
+  >
     Annuler
   </button>
   <button

diff --git a/frontend/app/commonComponents/delete-modal/delete-modal.component.scss b/frontend/app/commonComponents/delete-modal/delete-modal.component.scss
@@ -1,4 +1,4 @@
-@import "../../../app.module";
+@import '../../../app.module';
 
 .modal-body {
   padding: 20px;

diff --git a/frontend/app/commonComponents/imageTable/image-table.component.html b/frontend/app/commonComponents/imageTable/image-table.component.html
@@ -4,7 +4,12 @@
       <th class="photo-principale">Photo principale</th>
       <th class="image">Photo</th>
       <!-- size can be provided in the columns object -->
-      <th *ngFor="let col of tableCols" [style.width]="col.size">{{ col.label }}</th>
+      <th
+        *ngFor="let col of tableCols"
+        [style.width]="col.size"
+      >
+        {{ col.label }}
+      </th>
       <th *ngIf="editable || deletable || downloadable"></th>
     </tr>
   </thead>
@@ -28,12 +33,18 @@
           </div>
         </td>
         <td>
-          <img *ngIf="item.image" [src]="item.image" />
+          <img
+            *ngIf="item.image"
+            [src]="item.image"
+          />
         </td>
         <td *ngFor="let col of tableCols">
-          {{ item[col.name] !== "null" ? item[col.name] : "" }}
+          {{ item[col.name] !== 'null' ? item[col.name] : '' }}
         </td>
-        <td class="tab-buttons" *ngIf="editable || deletable || downloadable">
+        <td
+          class="tab-buttons"
+          *ngIf="editable || deletable || downloadable"
+        >
           <ng-container *ngIf="editable">
             <button
               mat-icon-button
@@ -75,8 +86,15 @@
     </tr>
   </tbody>
 </table>
-<ng-template #content let-c="close" let-d="dismiss">
-  <zh-delete-modal (onCancel)="d()" (onDelete)="c()">
+<ng-template
+  #content
+  let-c="close"
+  let-d="dismiss"
+>
+  <zh-delete-modal
+    (onCancel)="d()"
+    (onDelete)="c()"
+  >
     <p>Etes-vous sûr de vouloir supprimer cette image ?</p>
   </zh-delete-modal>
 </ng-template>
diff --git a/frontend/app/commonComponents/imageTable/image-table.component.scss b/frontend/app/commonComponents/imageTable/image-table.component.scss
@@ -1,4 +1,4 @@
-@import "../../../app.module";
+@import '../../../app.module';
 
 .item {
   list-style: none;

diff --git a/frontend/app/commonComponents/label/label.component.scss b/frontend/app/commonComponents/label/label.component.scss
@@ -1,4 +1,4 @@
-@import "../../../app.module";
+@import '../../../app.module';
 
 .label {
   font-weight: 600;

diff --git a/frontend/app/commonComponents/table/table.component.html b/frontend/app/commonComponents/table/table.component.html
@@ -2,7 +2,12 @@
   <thead class="thead-inverse table-header">
     <tr>
       <!-- size can be provided in the columns object -->
-      <th *ngFor="let col of tableCols" [style.width]="col.size">{{ col.label }}</th>
+      <th
+        *ngFor="let col of tableCols"
+        [style.width]="col.size"
+      >
+        {{ col.label }}
+      </th>
       <th *ngIf="editable || deletable || downloadable"></th>
     </tr>
   </thead>
@@ -17,7 +22,10 @@
         <td *ngFor="let col of tableCols">
           <ng-container *ngIf="col.subcell; else elseBlockSub">
             <ul *ngIf="isArray(item[col.name][col.subcell.key]); else elseBlockSubArr">
-              <li class="item" *ngFor="let item of item[col.name][col.subcell.key]">
+              <li
+                class="item"
+                *ngFor="let item of item[col.name][col.subcell.key]"
+              >
                 {{ item[col.subcell.name] }}
               </li>
             </ul>
@@ -28,32 +36,41 @@
           <ng-template #elseBlockSub>
             <ul *ngIf="isArray(item[col.name]); else elseBlockSub2">
               <ng-container *ngIf="col.subarr; else elseNotSubname">
-                <li class="item" *ngFor="let subitem of item[col.name]">
+                <li
+                  class="item"
+                  *ngFor="let subitem of item[col.name]"
+                >
                   {{ subitem[col.subarr.name] }}
                 </li>
               </ng-container>
               <ng-template #elseNotSubname>
-                <li class="item" *ngFor="let subitem of item[col.name]">
+                <li
+                  class="item"
+                  *ngFor="let subitem of item[col.name]"
+                >
                   {{ subitem }}
                 </li>
               </ng-template>
             </ul>
             <ng-template #elseBlockSub2>
-              <b *ngIf="bold_row_values.includes(item['name']); else italic">{{
-                item[col.name]
-              }}</b>
+              <b *ngIf="bold_row_values.includes(item['name']); else italic">
+                {{ item[col.name] }}
+              </b>
               <ng-template #italic>
-                <i *ngIf="italic_row_values.includes(item['name']); else normal">{{
-                  item[col.name]
-                }}</i>
+                <i *ngIf="italic_row_values.includes(item['name']); else normal">
+                  {{ item[col.name] }}
+                </i>
               </ng-template>
               <ng-template #normal>
                 {{ item[col.name] }}
               </ng-template>
             </ng-template>
           </ng-template>
         </td>
-        <td class="tab-buttons" *ngIf="editable || deletable || downloadable">
+        <td
+          class="tab-buttons"
+          *ngIf="editable || deletable || downloadable"
+        >
           <ng-container *ngIf="editable">
             <button
               mat-icon-button
@@ -95,8 +112,15 @@
     </tr>
   </tbody>
 </table>
-<ng-template #content let-c="close" let-d="dismiss">
-  <zh-delete-modal (onCancel)="d()" (onDelete)="c()">
+<ng-template
+  #content
+  let-c="close"
+  let-d="dismiss"
+>
+  <zh-delete-modal
+    (onCancel)="d()"
+    (onDelete)="c()"
+  >
     <p>Etes-vous sûr de vouloir supprimer cette ligne ?</p>
   </zh-delete-modal>
 </ng-template>
diff --git a/frontend/app/commonComponents/table/table.component.scss b/frontend/app/commonComponents/table/table.component.scss
@@ -1,4 +1,4 @@
-@import "../../../app.module";
+@import '../../../app.module';
 
 .item {
   list-style: none;

diff --git a/frontend/app/commonComponents/zh-multiselect/zh-multiselect.component.html b/frontend/app/commonComponents/zh-multiselect/zh-multiselect.component.html
@@ -1,65 +1,78 @@
 <small>{{ label }}</small>
-<ng-select class="Multiselect"
-           #zhMultiselect
-           [ngClass]="{'Multiselect--multiple': multiple, 'Multiselect--hightlightValue': hightlightValue}"
-           [items]="values"
-           [bindLabel]="keyLabel"
-           [bindValue]="keyValue"
-           [placeholder]="placeholder"
-           [multiple]="multiple"
-           [clearable]="true"
-           [virtualScroll]="true"
-           [formControl]="parentFormControl"
-           (add)="onChange.emit($event)"
-           (remove)="onDelete.emit($event)"
-           (open)="onOpen.emit($event)"
-           [closeOnSelect]="!multiple"
-           [groupBy]="groupBy"
-           [selectableGroup]="true"
-           [selectableGroupAsModel]="false"
-           >
-    <ng-template ng-header-tmp>
-        <div class="MultiselectHeader">
-            <input type="text"
-                   class="MultiselectHeader__search"
-                   id="inputValidation"
-                   placeholder="Search"
-                   (input)="zhMultiselect.filter($event.target.value)" />
-            <button *ngIf="zhMultiselect.multiple"
-                    class="MultiselectHeader__selectAll"
-                    mat-flat-button
-                    color="#219653"
-                    (click)="selectAllFiltered(zhMultiselect)">
-                Select all
-            </button>
-        </div>
-    </ng-template>
-    <ng-template ng-optgroup-tmp
-                let-item="item"
-                let-item$="item$"
-                let-index="index"
-                class="MultiselectOption">
-        <div class="MultiselectOptionItem">
-            <input class="MultiselectOptionItem__checkbox"
-                id="item-{{index}}"
-                type="checkbox"
-                [ngModel]="item$.selected"
-                [ngModelOptions]="{standalone: true}" />
-            <div class="MultiselectOptionItem__text">{{ item[groupBy] }}</div>
-        </div>
-    </ng-template>
-    <ng-template ng-option-tmp
-                 let-item="item"
-                 let-item$="item$"
-                 let-index="index"
-                 class="MultiselectOption">
-        <div class="MultiselectOptionItem">
-            <input class="MultiselectOptionItem__checkbox"
-                   id="item-{{index}}"
-                   type="checkbox"
-                   [ngModel]="item$.selected"
-                   [ngModelOptions]="{standalone: true}" />
-            <div class="MultiselectOptionItem__text">{{ item[keyLabel] }}</div>
-        </div>
-    </ng-template>
-</ng-select>
+<ng-select
+  class="Multiselect"
+  #zhMultiselect
+  [ngClass]="{ 'Multiselect--multiple': multiple, 'Multiselect--hightlightValue': hightlightValue }"
+  [items]="values"
+  [bindLabel]="keyLabel"
+  [bindValue]="keyValue"
+  [placeholder]="placeholder"
+  [multiple]="multiple"
+  [clearable]="true"
+  [virtualScroll]="true"
+  [formControl]="parentFormControl"
+  (add)="onChange.emit($event)"
+  (remove)="onDelete.emit($event)"
+  (open)="onOpen.emit($event)"
+  [closeOnSelect]="!multiple"
+  [groupBy]="groupBy"
+  [selectableGroup]="true"
+  [selectableGroupAsModel]="false"
+>
+  <ng-template ng-header-tmp>
+    <div class="MultiselectHeader">
+      <input
+        type="text"
+        class="MultiselectHeader__search"
+        id="inputValidation"
+        placeholder="Search"
+        (input)="zhMultiselect.filter($event.target.value)"
+      />
+      <button
+        *ngIf="zhMultiselect.multiple"
+        class="MultiselectHeader__selectAll"
+        mat-flat-button
+        color="#219653"
+        (click)="selectAllFiltered(zhMultiselect)"
+      >
+        Select all
+      </button>
+    </div>
+  </ng-template>
+  <ng-template
+    ng-optgroup-tmp
+    let-item="item"
+    let-item$="item$"
+    let-index="index"
+    class="MultiselectOption"
+  >
+    <div class="MultiselectOptionItem">
+      <input
+        class="MultiselectOptionItem__checkbox"
+        id="item-{{ index }}"
+        type="checkbox"
+        [ngModel]="item$.selected"
+        [ngModelOptions]="{ standalone: true }"
+      />
+      <div class="MultiselectOptionItem__text">{{ item[groupBy] }}</div>
+    </div>
+  </ng-template>
+  <ng-template
+    ng-option-tmp
+    let-item="item"
+    let-item$="item$"
+    let-index="index"
+    class="MultiselectOption"
+  >
+    <div class="MultiselectOptionItem">
+      <input
+        class="MultiselectOptionItem__checkbox"
+        id="item-{{ index }}"
+        type="checkbox"
+        [ngModel]="item$.selected"
+        [ngModelOptions]="{ standalone: true }"
+      />
+      <div class="MultiselectOptionItem__text">{{ item[keyLabel] }}</div>
+    </div>
+  </ng-template>
+</ng-select>