inspec/www/tutorial/app/app.component.html

<div class="terminal-nav">
  <span (click)="updateInstructions('prev')"> < </span>
  <span (click)="updateInstructions('next')"> > </span>
  <span> x </span>
</div>

<div class="guide" *ngIf="counter === 0">
  Welcome to the interactive InSpec demo!
  <p>
    This tutorial is great for getting familiar with InSpec. There are 3 sections:
  </p>
  <ol>
    <!--TODO: give these real links-->
    <li><a href="...">InSpec commandline interface</a></li>
    <li><a href="...">InSpec interactive shell</a></li>
    <li><a href="...">Create test and compliance profile</a></li>
  </ol>
  <p>Use the command "next" to move forward or "prev" to move backwards.</p>
</div>

<div class="guide" *ngIf="counter > 0">
  <pre> {{ instructions }} </pre>
</div>

<div class="cli">
  <xterm-terminal (command)="evalCommand(command=$event)" [responsesArray]="responsesArray" [response]="response" [shell]="shell"></xterm-terminal>
</div>