33 lines
1.8 KiB
HTML
33 lines
1.8 KiB
HTML
<form class="form" [formGroup]="data">
|
|
<div class="row d-flex flex-row">
|
|
<div mat-dialog-title class="col-auto">
|
|
{{'CONTACT.SUPPORT.SUBTITLE' | translate}}
|
|
</div>
|
|
<div class="col-auto ml-auto close-btn" (click)="close()">
|
|
<mat-icon>close</mat-icon>
|
|
</div>
|
|
</div>
|
|
<div mat-dialog-content class="row">
|
|
<mat-form-field class="full-width">
|
|
<!-- <input matInput placeholder="{{'CONTACT.SUPPORT.SUBJECT' | translate}}" [(ngModel)]="data.subject" name="contactSupportSubject" required> -->
|
|
<input matInput placeholder="{{'CONTACT.SUPPORT.SUBJECT' | translate}}" type="text" name="subject" formControlName="subject" required>
|
|
<mat-error *ngIf="data.get('subject').hasError('backendError')">
|
|
{{data.get('subject').getError('backendError').message}}</mat-error>
|
|
<mat-error *ngIf="data.get('subject').hasError('required')">
|
|
{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
|
|
</mat-form-field>
|
|
|
|
<mat-form-field class="full-width">
|
|
<textarea matInput placeholder="{{'CONTACT.SUPPORT.DESCRIPTION' | translate}}" type="text" name="description" formControlName="description" required></textarea>
|
|
<mat-error *ngIf="data.get('description').hasError('backendError')">
|
|
{{data.get('description').getError('backendError').message}}</mat-error>
|
|
<mat-error *ngIf="data.get('description').hasError('required')">
|
|
{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
|
|
</mat-form-field>
|
|
</div>
|
|
<div mat-dialog-actions class="row">
|
|
<div class="ml-auto col-auto"><button mat-raised-button type="button" mat-dialog-close (click)="cancel()">{{'CONTACT.SUPPORT.CANCEL' | translate}}</button></div>
|
|
<div class="col-auto"><button mat-raised-button color="primary" type="button" [disabled]="!data.valid" (click)="send()"><i class="fa fa-paper-plane pr-2"></i>{{'CONTACT.SUPPORT.SEND' | translate}}</button></div>
|
|
</div>
|
|
</form>
|