TBConsoleClient/src/app/app.component.html

<div class="wrapper">
  <mat-card fxFlex="80">
    <mat-card-title>Techblox console</mat-card-title>
    <mat-card-content fxLayout="column">
      <div style="border: 1px solid black; padding: 15px" fxFlex="80">
        <pre>{{ logMessages }}</pre>
      </div>
      <form>
        <mat-form-field>
          <input matInput type="text" placeholder="Enter a command..." [formControl]="commandControl"
                 [autocomplete]="commandCompletion"/>
        </mat-form-field>
        <mat-autocomplete #commandCompletion="matAutocomplete">
          <mat-option [value]="'hmm'">
            Hmm
          </mat-option>
        </mat-autocomplete>
        <button mat-raised-button class="mat-primary" (click)="sendCommand()">Send</button>
      </form>
    </mat-card-content>
  </mat-card>
</div>