webapp/src/app/pages/build/settings/project-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 import { Observable } from 'rxjs/Observable';
  21
  22 import { IProject, ProjectService } from '../../../@core-xds/services/project.service';
  23
  24 @Component({
  25   selector: 'xds-project-select-dropdown',
  26   template: `
  27       <div class="form-group">
  28       <label>Project</label>
  29       <select class="form-control" [(ngModel)]="curPrj" (click)="select()">
  30         <option  *ngFor="let prj of projects$ | async" [ngValue]="prj">{{ prj.label }}</option>
  31       </select>
  32     </div>
  33     `,
  34 })
  35 export class ProjectSelectDropdownComponent implements OnInit {
  36
  37   projects$: Observable<IProject[]>;
  38   curPrj: IProject;
  39
  40   constructor(private projectSvr: ProjectService) { }
  41
  42   ngOnInit() {
  43     this.curPrj = this.projectSvr.getCurrent();
  44     this.projects$ = this.projectSvr.projects$;
  45     this.projectSvr.curProject$.subscribe(p => this.curPrj = p);
  46   }
  47
  48   select() {
  49     if (this.curPrj) {
  50       this.projectSvr.setCurrentById(this.curPrj.id);
  51     }
  52   }
  53 }
  54
  55