<h1 mat-dialog-title>Editing {{title}}</h1>
<div mat-dialog-content>
    <mat-form-field>
        <mat-label>Add a Name</mat-label>
        <input matInput type="text" [(ngModel)]="data.name" #input required>
    </mat-form-field>
    <br>
    <mat-form-field>
        <mat-label>Add a Description</mat-label>
        <input matInput type="text" [(ngModel)]="data.description" #input required>
    </mat-form-field>
    <br>
    <mat-form-field>
        <mat-label>Select a Transport Type</mat-label>
        <mat-select [(ngModel)]="data.transportType" required>
            <mat-option *ngFor="let option of ['ETHERNET','MILSTD1553_B']" [value]="option">
                {{option}}
            </mat-option>
        </mat-select>
    </mat-form-field>
</div>
<div mat-dialog-actions>
    <button mat-button (click)="onNoClick()">Cancel</button>
    <button mat-raised-button [mat-dialog-close]="data" color="primary" [disabled]="data.name.length===0">Ok</button>
</div>