inspec/www/tutorial/app/app.component.ts

import { Component, OnInit } from '@angular/core';
import { Http, Response } from '@angular/http';
import { Observable } from 'rxjs/Rx';
import { HTTP_PROVIDERS } from '@angular/http';
import { XtermTerminalComponent } from './xterm-terminal/xterm-terminal.component';

@Component({
  selector: 'my-app',
  templateUrl: 'app/app.component.html',
  styleUrls: ['app/app.component.css'],
  providers: [ HTTP_PROVIDERS ],
  directives: [ XtermTerminalComponent ]
})

export class AppComponent implements OnInit {
  instructions: any;
  instructionsArray: any;
  responsesArray: any;
  counter: number = 0;
  response: string;
  shell: string;

  constructor(private http: Http) { }

  ngOnInit() {
    this.getInstructions();
    this.getResponses();
  }

  updateInstructions(step) {
    let totalSteps = this.instructionsArray.length - 1;
    let originalCounter = this.counter;
    let error = Math.random();
    if (step === 'next') {
      if (originalCounter === totalSteps) {
        // if the user has reached the end of the demo, send
        // a unique response to back to ensure correct handling in ui
        this.response = 'Message: ' + error + ': you have reached the end of the demo';
      } else {
        this.counter += 1;
        this.response = 'moving forward to step ' + this.counter;
      }
    } else if (step === 'prev') {
      this.counter -= 1;
      if (this.counter < 0) {
        this.counter = 0;
        this.response = 'Message: ' + error + ': you have reached the beginning of the demo';
      } else {
        this.response = 'moving back to step ' + this.counter;
      }
    }
    this.instructions = this.instructionsArray[this.counter]['_body'];
  }

  evalCommand(command) {
    // play with inspec shell
    if (this.shell === 'inspec-shell') {
      this.parseInspecShell(command);
    }
    // match on various commands or print inspec help
    else {
      if (command === 'inspec shell') {
        this.shell = 'inspec-shell'
        this.response = 'Welcome to the InSpec Shell\n To find out how to use it, type: help\n';
      }
      // TODO: cat readme.md less readme.md  "Only a few commands are implemented in this terminal."
      else if (command.match(/^inspec\s*exec\s*.*/)) {
        this.parseInspecExec(command);
      }
      else if (command.match(/^inspec\s*version\s*/)) {
        this.response = this.responsesArray[4]['_body'];
      }
      else if (command.match(/^next\s*/)) {
        this.updateInstructions('next');
      }
      else if (command.match(/^prev\s*/)) {
        this.updateInstructions('prev');
      }
      else if (command.match(/^ls\s*/)) {
        this.response = this.responsesArray[1]['_body'];
      }
      else if (command.match(/^pwd\s*/)) {
        this.response = this.responsesArray[2]['_body'];
      }
      else {
        this.response = this.responsesArray[0]['_body'];
      }
    }
  }

  parseInspecExec(command) {
    let target = command.match(/^inspec exec\s*(.*)/);
    if (target[1] === 'examples/profile') {
      this.response = this.responsesArray[3]['_body'];
    } else {
      this.response = "Could not fetch inspec profile in '" + target[1] + "' ";
    }
  }

  parseInspecShell(command) {
    // exit inspec shell
    if (command.match(/^exit\s*/))  {
      this.shell = '';
      this.response = '';
    }
    else if (command.match(/^ls\s*/)) {
      this.response = this.responsesArray[5]['_body'];
    }
    // TODO: functionality for inspec Shell
    else {
      this.response = 'soon this will work, but not yet :) '
    }
  }

  getInstructions() {
    Observable.forkJoin(
        this.http.get('/app/instructions/step0.txt'),
        this.http.get('/app/instructions/step1.txt'),
        this.http.get('/app/instructions/step2.txt')
    ).subscribe(
      data => {
        this.instructionsArray = data;
        this.updateInstructions(0);
      },
      err => console.error(err)
    );
  }

  getResponses() {
    Observable.forkJoin(
        this.http.get('/app/responses/help.txt'), // 0
        this.http.get('/app/responses/ls.txt'), // 1
        this.http.get('/app/responses/pwd.txt'), // 2
        this.http.get('/app/responses/inspec_exec.txt'), // 3
        this.http.get('/app/responses/inspec_version.txt'), // 4
        this.http.get('/app/responses/pwd_inspec_shell.txt') // 5
    ).subscribe(
      data => {
        this.responsesArray = data;
      },
      err => console.error(err)
    );
  }
}