diff options
author | Sebastien Douheret <sebastien.douheret@iot.bzh> | 2017-11-20 17:23:04 +0100 |
---|---|---|
committer | Sebastien Douheret <sebastien.douheret@iot.bzh> | 2017-11-20 23:35:27 +0100 |
commit | 38c0c21a969e621c725245ce91c78e77076c5ce7 (patch) | |
tree | 0fbc61c45dc97836ca77c1426b31764a8ff158f0 /webapp/src/app/pages/build/settings/sdk-select-dropdown.component.ts | |
parent | b0d130807fb9bf36f5ac1abe21cbd558eb86d5cc (diff) |
New dashboard look & feel
Dashboard is a fork of ngx-admin release v2.0.1 (sha be7649a9a2da835)
Signed-off-by: Sebastien Douheret <sebastien.douheret@iot.bzh>
Diffstat (limited to 'webapp/src/app/pages/build/settings/sdk-select-dropdown.component.ts')
-rw-r--r-- | webapp/src/app/pages/build/settings/sdk-select-dropdown.component.ts | 44 |
1 files changed, 44 insertions, 0 deletions
diff --git a/webapp/src/app/pages/build/settings/sdk-select-dropdown.component.ts b/webapp/src/app/pages/build/settings/sdk-select-dropdown.component.ts new file mode 100644 index 0000000..562386d --- /dev/null +++ b/webapp/src/app/pages/build/settings/sdk-select-dropdown.component.ts @@ -0,0 +1,44 @@ +import { Component, OnInit, Input } from '@angular/core'; + +import { ISdk, SdkService } from '../../../@core-xds/services/sdk.service'; + +@Component({ + selector: 'xds-sdk-select-dropdown', + template: ` + <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 { + + // FIXME investigate to understand why not working with sdks as input + // <xds-sdk-select-dropdown [sdks]="(sdks$ | async)"></xds-sdk-select-dropdown> + // @Input() sdks: ISdk[]; + sdks: ISdk[]; + + curSdk: ISdk; + + constructor(private sdkSvr: SdkService) { } + + ngOnInit() { + this.curSdk = this.sdkSvr.getCurrent(); + this.sdkSvr.Sdks$.subscribe((s) => { + if (s) { + this.sdks = s; + if (this.curSdk === null || s.indexOf(this.curSdk) === -1) { + this.sdkSvr.setCurrent(this.curSdk = s.length ? s[0] : null); + } + } + }); + } + + select(s) { + this.sdkSvr.setCurrent(this.curSdk = s); + } +} + + |