generationtux/brizo

import 'rxjs/add/operator/switchMap';
import { Observable } from 'rxjs/Rx';
import { Router, ActivatedRoute, Params } from '@angular/router'
import { Component, EventEmitter, OnInit } from '@angular/core'
import { FormGroup, FormControl, FormBuilder, Validators } from '@angular/forms';

import { Environment } from '../../environments/environment.model';
import { EnvironmentService } from '../../environments/environment.service';
import { Version } from '../version.model';
import { VersionService } from '../version.service';

@Component({
  selector:    'version',
  templateUrl: './version-details.html',
})

export class VersionDetailsComponent implements OnInit {
  private editForm: FormGroup;
  private editing = false;
  private version: Version;
  private environment: any = {application: {}};
  private availableEnvironments: any = [];
  private deployToEnvUUID: string = "";

  constructor(private versionService: VersionService,
              private environmentService: EnvironmentService,
              private route: ActivatedRoute,
              private router: Router,
              private formBuilder: FormBuilder) {}

  ngOnInit() {
    this.editForm = this.formBuilder.group({
      name: ['', [<any>Validators.required, <any>Validators.minLength(1)]],
    });

    // get version
    this.route.params
      .switchMap(
        (params: Params) => this.versionService.getVersion(params['environment-uuid'], params['version-uuid']),
      ).subscribe(
        data => {
          this.version = data;
          this.resetVersionForm(this.version);
        },
        err => console.error('There was an error: ' + err)
      );

    // get environment
    this.route.params
      .switchMap(
        (params: Params) => this.environmentService.getEnvironment(params['environment-uuid']),
      ).subscribe(
        data => {
          this.environment = data;
          this.availableEnvironments = data.application.environments;
        },
        err => console.error('There was an error: ' + err)
      );
  }

  private resetVersionForm(version: Version) {
    (<FormGroup>this.editForm)
      .setValue({
        name: version.name
      }, { onlySelf: true });
  }

  private deployVersion() {
    if (this.deployToEnvUUID == "") {
      return
    }

    this.versionService.deployVersion(this.deployToEnvUUID, this.version).subscribe(
      data => {
        this.router.navigate(['/environments', this.deployToEnvUUID]);
      },
      err => {
        console.log(err);
      }
    );
  }

  private toggleEditing() {
    this.editing = !this.editing;
  }

  private cancelEditing() {
    this.resetVersionForm(this.version);
    this.editing = false;
  }
}