editor: fix toggle wrapper if many

When there are many toggle wrappers on the same page, the 'click'
behavior is wrong: whatever switch button is clicked, only the first
element is toggled. This pull request fixes it.

Co-Authored-by: Renaud Michotte <renaud.michotte@gmail.com>

projects/rero/ng-core/src/lib/record/editor/wrappers/toggle-wrapper/toggle-wrappers.component.ts

@@ -24,8 +24,10 @@ import { isEmpty, removeEmptyValues } from '../../utils';
     <div class='toggle-wrapper'>
       <div class='form-group'>
         <div class="custom-control custom-switch">
-          <input class="custom-control-input" type="checkbox" id="toggle-switch" (change)="toggle($event)" [checked]="tsOptions.enabled">
-          <label class="custom-control-label" for="toggle-switch" [tooltip]="tsOptions.description">{{ tsOptions.label }}</label>
+          <input class="custom-control-input" type="checkbox" id="toggle-switch-{{ field.id }}" \
+                 (change)="toggle($event)" [checked]="tsOptions.enabled">
+          <label class="custom-control-label" for="toggle-switch-{{ field.id }}" \
+                 [tooltip]="tsOptions.description">{{ tsOptions.label }}</label>
         </div>
       </div>
       <ng-container *ngIf="tsOptions.enabled" #fieldComponent></ng-container>