<!-- SPDX-License-Identifier: LicenseRef-CSSL-1.0 -->

<!--
/*!
 * \brief: implementation of web interface frontend for oai
 * \utility component used to allow entering parameters before sending a request to the backend
 */
-->
<h3>{{ data.control.cmdname }} command parameters</h3>
<div mat-dialog-content >
 <div>
  <mat-form-field>
    <label for="answer">{{data.control.question![0].display}}</label>
    <input id="answer" type="text" style="width:10vw" [formControl]="data.control.answerFC">
  </mat-form-field>
 </div>
 <div *ngIf="data.control.question!.length > 1" >
  <mat-form-field>
    <label for="answerb">{{data.control.question![1].display}}</label>
    <input id="answerb" type="text" style="width:10vw" [formControl]="data.control.answerbFC">
  </mat-form-field>
 </div>
</div>
<div fxLayoutGap=" 10px" mat-dialog-actions fxLayout="row" fxLayoutAlign="center start">
 <font size="-1" color="#888888"><div [innerHTML]="hlp_question"></div></font>
</div>
<div fxLayoutGap=" 20px" mat-dialog-actions fxLayout="row" fxLayoutAlign="center start">
  <button mat-button [mat-dialog-close]="true" cdkFocusInitial >Ok</button>
  <button mat-button [mat-dialog-close]="false">Cancel</button>
</div>
