Merge pull request #606 from liimaorg/appserver_autocomplete_605

angular deployment view: use ng-select for appserver and release
liimaorg · May 7, 2021 · fd2df3a · fd2df3a
2 parents 9412d02 + 4703df7
commit fd2df3a
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 12 deletions.
diff --git a/AMW_angular/io/src/app/deployment/deployment.component.html b/AMW_angular/io/src/app/deployment/deployment.component.html
@@ -20,16 +20,15 @@
           >Applicationserver</label
         >
         <div class="col-sm-10 col-md-5">
-          <select
+          <ng-select
             id="selectApplicationserver"
-            class="form-control input-sm"
+            [items]="appservers"
+            bindLabel="name"
+            placeholder=""
             [(ngModel)]="selectedAppserver"
             (ngModelChange)="onChangeAppserver()"
           >
-            <option [ngValue]="server" *ngFor="let server of appservers">{{
-              server.name
-            }}</option>
-          </select>
+          </ng-select>
         </div>
       </div>
 
@@ -52,17 +51,16 @@
           >Release</label
         >
         <div class="col-sm-10 col-md-5">
-          <select
+          <ng-select
             *ngIf="selectedAppserver"
             id="selectRelease"
-            class="form-control input-sm"
+            [items]="releases"
+            bindLabel="release"
+            placeholder=""
             [(ngModel)]="selectedRelease"
             (ngModelChange)="onChangeRelease()"
           >
-            <option [ngValue]="release" *ngFor="let release of releases">{{
-              release.release
-            }}</option>
-          </select>
+          </ng-select>
         </div>
       </div>
 

diff --git a/AMW_angular/io/src/app/deployment/deployment.module.ts b/AMW_angular/io/src/app/deployment/deployment.module.ts
@@ -7,6 +7,7 @@ import { EnvironmentService } from './environment.service';
 import { DeploymentRoutingModule } from './deployment-routing.module';
 import { SharedModule } from '../shared/shared.module';
 import { NgbDatepickerModule } from '@ng-bootstrap/ng-bootstrap';
+import { NgSelectModule } from '@ng-select/ng-select';
 
 @NgModule({
   imports: [
@@ -15,6 +16,7 @@ import { NgbDatepickerModule } from '@ng-bootstrap/ng-bootstrap';
     DeploymentRoutingModule,
     SharedModule,
     NgbDatepickerModule,
+    NgSelectModule
   ],
   declarations: [DeploymentComponent],
   providers: [DeploymentService, EnvironmentService],