matsen-tool-fe/matsen-tool/src/app/_views/tasks/new-task-note/new-task-note.component.html

<h2 *ngIf="!taskNote.id">{{ 'basic.new-task-note' | translate }}</h2>
<h2 *ngIf="taskNote.id">{{ 'basic.edit-task-note' | translate }}</h2>
<div class="spt-form">
    <form [formGroup]="taskNoteForm" (ngSubmit)="onSubmit()">
        <div class="mb-3">
            <label for="message" class="form-label">{{ 'form.comment' | translate }}:</label>
            <textarea class="form-control" id="message" formControlName="message" cols="50" rows="5"></textarea>
        </div>

        <div class="mb-3">
            <label for="contactType" class="form-label">{{ 'form.contactType' | translate }}:</label>
            <select class="form-control" id="contactType" formControlName="contactType">
                <option *ngFor="let type of contactTypes" [value]="type">
                    {{ getTranslationKey(type) | translate }}
                </option>
            </select>
        </div>

        <button type="submit" class="btn btn-primary" [disabled]="taskNoteForm.invalid">{{ 'form.send' | translate }}
        </button>
    </form>
</div>