webapp/src/app/pages/build/settings/sdk-select-dropdown.component.ts

   1 /**
   2 * @license
   3 * Copyright (C) 2017-2018 "IoT.bzh"
   4 * Author Sebastien Douheret <sebastien@iot.bzh>
   5 *
   6 * Licensed under the Apache License, Version 2.0 (the "License");
   7 * you may not use this file except in compliance with the License.
   8 * You may obtain a copy of the License at
   9 *
  10 *   http://www.apache.org/licenses/LICENSE-2.0
  11 *
  12 * Unless required by applicable law or agreed to in writing, software
  13 * distributed under the License is distributed on an "AS IS" BASIS,
  14 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  15 * See the License for the specific language governing permissions and
  16 * limitations under the License.
  17 */
  18
  19 import { Component, OnInit, Input } from '@angular/core';
  20
  21 import { ISdk, SdkService, StatusType } from '../../../@core-xds/services/sdk.service';
  22
  23 @Component({
  24   selector: 'xds-sdk-select-dropdown',
  25   template: `
  26       <div class="form-group">
  27       <label>SDK</label>
  28       <select class="form-control">
  29         <option *ngFor="let sdk of sdks" (click)="select(sdk)">{{sdk.name}}</option>
  30       </select>
  31     </div>
  32     `,
  33 })
  34 export class SdkSelectDropdownComponent implements OnInit {
  35
  36   // FIXME investigate to understand why not working with sdks as input
  37   // <xds-sdk-select-dropdown [sdks]="(sdks$ | async)"></xds-sdk-select-dropdown>
  38   // @Input() sdks: ISdk[];
  39   sdks: ISdk[];
  40
  41   curSdk: ISdk;
  42
  43   constructor(private sdkSvr: SdkService) { }
  44
  45   ngOnInit() {
  46     this.curSdk = this.sdkSvr.getCurrent();
  47     this.sdkSvr.Sdks$.subscribe((s) => {
  48       if (s) {
  49         // Only list installed SDKs
  50         this.sdks = s.filter(ss => ss.status === StatusType.INSTALLED);
  51         if (this.curSdk === null || s.indexOf(this.curSdk) === -1) {
  52           this.sdkSvr.setCurrent(this.curSdk = this.sdks.length ? this.sdks[0] : null);
  53         }
  54       }
  55     });
  56   }
  57
  58   select(s) {
  59     this.sdkSvr.setCurrent(this.curSdk = s);
  60   }
  61 }
  62
  63