add disabled

Author: chriskapp

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

@@ -1,12 +1,12 @@
 
 <div class="input-group">
   <ng-container *ngIf="useName">
-    <select [id]="name" [name]="name" [ngModel]="data" (ngModelChange)="changeValue($event)" class="form-select">
+    <select [id]="name" [name]="name" [ngModel]="data" (ngModelChange)="changeValue($event)" [disabled]="disabled" class="form-select">
       <option *ngFor="let entry of entries" [ngValue]="entry.name">{{entry.name}}</option>
     </select>
   </ng-container>
   <ng-container *ngIf="!useName">
-    <select [id]="name" [name]="name" [ngModel]="data" (ngModelChange)="changeValue($event)" class="form-select">
+    <select [id]="name" [name]="name" [ngModel]="data" (ngModelChange)="changeValue($event)" [disabled]="disabled" class="form-select">
       <option *ngFor="let entry of entries" [ngValue]="entry.id">{{entry.name}}</option>
     </select>
   </ng-container>

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

@@ -11,7 +11,7 @@
         <label for="name" class="col-sm-2 col-form-label fw-bold">Name</label>
         <div class="col-sm-10">
           <div class="input-group">
-            <input type="text" id="name" name="name" [(ngModel)]="entity.name" class="form-control">
+            <input type="text" id="name" name="name" [(ngModel)]="entity.name" [disabled]="mode === 3" class="form-control">
             <button class="btn btn-outline-secondary" type="button" [ngbPopover]="nameHelp"><i class="bi bi-question"></i></button>
             <ng-template #nameHelp>The name of the webhook</ng-template>
           </div>
@@ -20,14 +20,14 @@
       <div class="mb-3 row">
         <label for="event" class="col-sm-2 col-form-label fw-bold">Event</label>
         <div class="col-sm-10">
-          <fusio-select id="event" name="event" [service]="event" [data]="entity.event" (dataChange)="entity.event = $event"></fusio-select>
+          <fusio-select id="event" name="event" [service]="event" [data]="entity.event" (dataChange)="entity.event = $event" [disabled]="mode === 3"></fusio-select>
         </div>
       </div>
       <div class="mb-3 row">
         <label for="endpoint" class="col-sm-2 col-form-label fw-bold">Endpoint</label>
         <div class="col-sm-10">
           <div class="input-group">
-            <input type="url" id="endpoint" name="endpoint" [(ngModel)]="entity.endpoint" class="form-control">
+            <input type="url" id="endpoint" name="endpoint" [(ngModel)]="entity.endpoint" [disabled]="mode === 3" class="form-control">
             <button class="btn btn-outline-secondary" type="button" [ngbPopover]="endpointHelp"><i class="bi bi-question"></i></button>
             <ng-template #endpointHelp>The endpoint which receives the webhook</ng-template>
           </div>