matsen-tool-fe/matsen-tool/src/app/postings/new-comment/new-comment.component.html

<h2 *ngIf="!comment.id">{{'basic.new-comment' | translate}}</h2>
<h2 *ngIf="comment.id">{{'basic.edit-comment' | translate}}</h2>
<div class="spt-form">
    <form [formGroup]="commentForm" (ngSubmit)="onSubmit()">
        <div class="mb-3">
            <label for="message" class="form-label">{{'form.comment' | translate}}:</label>
            <input type="text" class="form-control" id="message" formControlName="message" />
            <div class="form-text" *ngIf="commentForm.get('message')?.invalid && commentForm.get('message')?.touched">
                {{'form.comment' | translate}} {{'form.mandatory' | translate}}.
            </div>
        </div>

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