add id and name

Author: chriskapp

projects/fusio-sdk/src/lib/component/form/checkbox-list/form-checkbox-list.component.html

@@ -1,13 +1,13 @@
 
 <ng-container *ngIf="useName">
   <div class="form-check" *ngFor="let entry of entries">
-    <input class="form-check-input" type="checkbox" [value]="entry.id" (change)="scopeSelect($event, entry.name)" [checked]="entry.name && data?.includes(entry.name)" [id]="entry.name">
+    <input class="form-check-input" type="checkbox" [id]="name + '-' + entry.id" [name]="name + '-' + entry.id" [value]="entry.id" (change)="scopeSelect($event, entry.name)" [checked]="entry.name && data?.includes(entry.name)">
     <label class="form-check-label" [for]="entry.name">{{entry.name}}</label>
   </div>
 </ng-container>
 <ng-container *ngIf="!useName">
   <div class="form-check" *ngFor="let entry of entries">
-    <input class="form-check-input" type="checkbox" [value]="entry.id" (change)="scopeSelect($event, entry.id)" [checked]="entry.id && data?.includes(entry.id)" [id]="entry.id">
+    <input class="form-check-input" type="checkbox" [id]="name + '-' + entry.id" [name]="name + '-' + entry.id" [value]="entry.id" (change)="scopeSelect($event, entry.id)" [checked]="entry.id && data?.includes(entry.id)">
     <label class="form-check-label" [for]="entry.id">{{entry.name}}</label>
   </div>
 </ng-container>

projects/fusio-sdk/src/lib/component/form/checkbox-list/form-checkbox-list.component.ts

@@ -2,7 +2,7 @@ import {Component, EventEmitter, Input, OnInit, Output} from '@angular/core';
 import {IdAndName, Service} from "../../../abstract/service";
 
 @Component({
-  selector: 'fusio-checkbox-list',
+  selector: 'fusio-form-checkbox-list',
   templateUrl: './form-checkbox-list.component.html',
   styleUrls: ['./form-checkbox-list.component.css']
 })

projects/fusio-sdk/src/lib/component/form/list/form-list.component.html

@@ -2,10 +2,10 @@
 <div class="mb-3 row" *ngFor="let property of local; let i = index">
   <div class="col-sm-12">
     <div class="input-group">
-      <ng-container *ngIf="type !== 'selector'">
+      <ng-container *ngIf="type !== 'autocomplete'">
         <input type="{{type}}" id="{{name}}-{{i}}" name="{{name}}-{{i}}" [ngModel]="property.value" (ngModelChange)="doChange(i, $event)" class="form-control">
       </ng-container>
-      <ng-container *ngIf="type === 'selector' && service">
+      <ng-container *ngIf="type === 'autocomplete' && service">
         <fusio-form-autocomplete id="{{name}}-{{i}}" name="{{name}}-{{i}}" [service]="service" [data]="property.value" (dataChange)="property.value = $event"></fusio-form-autocomplete>
       </ng-container>
       <button class="btn btn-danger" type="button" (click)="doRemove(i)"><i class="bi bi-x"></i></button>

projects/fusio-sdk/src/lib/component/form/map/form-map.component.html

@@ -3,10 +3,10 @@
   <label for="{{name}}-{{property.key}}" class="col-sm-2 col-form-label fw-bold">{{property.key}}</label>
   <div class="col-sm-10">
     <div class="input-group">
-      <ng-container *ngIf="type !== 'selector'">
+      <ng-container *ngIf="type !== 'autocomplete'">
         <input type="{{type}}" id="{{name}}-{{property.key}}" name="{{name}}-{{property.key}}" [ngModel]="property.value" (ngModelChange)="doChange(i, $event)" class="form-control">
       </ng-container>
-      <ng-container *ngIf="type === 'selector' && service">
+      <ng-container *ngIf="type === 'autocomplete' && service">
         <fusio-form-autocomplete id="{{name}}-{{property.key}}" name="{{name}}-{{property.key}}" [service]="service" [data]="property.value" (dataChange)="property.value = $event"></fusio-form-autocomplete>
       </ng-container>
       <button class="btn btn-danger" type="button" (click)="doRemove(i)"><i class="bi bi-x"></i></button>

projects/fusio-sdk/src/lib/component/form/select/form-select.component.ts

@@ -2,7 +2,7 @@ import {Component, EventEmitter, Input, OnInit, Output} from '@angular/core';
 import {IdAndName, Service} from "../../../abstract/service";
 
 @Component({
-  selector: 'fusio-select',
+  selector: 'fusio-form-select',
   templateUrl: './form-select.component.html',
   styleUrls: ['./form-select.component.css']
 })