New dashboard look & feel
[src/xds/xds-agent.git] / webapp / src / app / pages / build / settings / sdk-select-dropdown.component.ts
@@ -1,21 +1,17 @@
 import { Component, OnInit, Input } from '@angular/core';
 
-import { ISdk, SdkService } from '../services/sdk.service';
+import { ISdk, SdkService } from '../../../@core-xds/services/sdk.service';
 
 @Component({
     selector: 'xds-sdk-select-dropdown',
     template: `
-        <div class="btn-group" dropdown *ngIf="curSdk" >
-            <button dropdownToggle type="button" class="btn btn-primary dropdown-toggle" style="width: 20em;">
-                {{curSdk.name}} <span class="caret" style="float: right; margin-top: 8px;"></span>
-            </button>
-            <ul *dropdownMenu class="dropdown-menu" role="menu">
-                <li role="menuitem"><a class="dropdown-item" *ngFor="let sdk of sdks" (click)="select(sdk)">
-                    {{sdk.name}}</a>
-                </li>
-            </ul>
-        </div>
-    `
+      <div class="form-group">
+      <label>SDK</label>
+      <select class="form-control">
+        <option *ngFor="let sdk of sdks" (click)="select(sdk)">{{sdk.name}}</option>
+      </select>
+    </div>
+    `,
 })
 export class SdkSelectDropdownComponent implements OnInit {