plugins/org.eclipse.osee.web/src/app/ple/messaging/message-interface/components/message-table/add-message-dialog/add-message-dialog.component.html

<h1 mat-dialog-title>Create New Message</h1>
<mat-dialog-content>
    <mat-form-field>
        <label>Name</label>
        <input matInput type="text" [(ngModel)]="data.name" #input required>
    </mat-form-field>
    <br>
    <mat-form-field>
        <label>Description</label>
        <input matInput type="text" [(ngModel)]="data.description" #input required>
    </mat-form-field>
    <br>
    <mat-form-field>
        <label>Rate</label>
        <!-- <input matInput type="text" [(ngModel)]="data.interfaceMessageRate" #input required> -->
        <mat-select [(ngModel)]="data.interfaceMessageRate" required>
            <mat-option *ngFor="let option of (rates|async)" [value]="option" >
                {{option}} Hz
            </mat-option>
        </mat-select>
    </mat-form-field>
    <br>
    <mat-form-field>
        <label>Periodicity</label>
        <!-- <input matInput type="text" [(ngModel)]="data.interfaceMessagePeriodicity" #input required> -->
        <mat-select [(ngModel)]="data.interfaceMessagePeriodicity" required>
            <mat-option *ngFor="let option of (periodicities|async)" [value]="option" >
                {{option}}
            </mat-option>
        </mat-select>
    </mat-form-field>
    <br>
    <!-- <mat-form-field>
        <label>Read/Write</label>
        <input matInput type="text" [(ngModel)]="data.interfaceMessageWriteAccess" #input required>
    </mat-form-field> -->
    <mat-slide-toggle [(ngModel)]="data.interfaceMessageWriteAccess" [labelPosition]='data.interfaceMessageWriteAccess? "after":"before"'>
        <ng-container *ngIf="data.interfaceMessageWriteAccess;else read">
            Writable
        </ng-container>
        <ng-template #read>
            Read Only
        </ng-template>
    </mat-slide-toggle>
    <br>
    <mat-form-field>
        <label>Type</label>
        <!-- <input matInput type="text" [(ngModel)]="data.interfaceMessageType" #input required> -->
        <mat-select [(ngModel)]="data.interfaceMessageType" required>
            <mat-option *ngFor="let option of (types|async)" [value]="option" >
                {{option}}
            </mat-option>
        </mat-select>
    </mat-form-field>
    <br>
    <mat-form-field>
        <label>Message Number</label>
        <input matInput type="text" [(ngModel)]="data.interfaceMessageNumber" #input required>
    </mat-form-field>
    <br>
</mat-dialog-content>
<mat-dialog-actions align="end">
    <button mat-button (click)="onNoClick()">
        Cancel
    </button>
    <button mat-raised-button [mat-dialog-close]="data" color="primary" [disabled]="data.name.length===0||
    data.description.length===0||
    data.interfaceMessageNumber.length===0||
    data.interfaceMessagePeriodicity.length===0||
    data.interfaceMessageType.length===0||
    data.interfaceMessageWriteAccess.length===0||
    data.interfaceMessageRate.length===0">
        Ok
    </button>
</mat-dialog-actions>