75 lines
4.3 KiB
HTML
75 lines
4.3 KiB
HTML
<div *ngIf="formGroup" class="container-fluid css-colors">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="row">
|
|
|
|
<mat-form-field class="col-12 col-md-6">
|
|
<mat-label>{{'TENANT-CONFIGURATION-EDITOR.FIELDS.PRIMARY-COLOR' | translate}}</mat-label>
|
|
<input matInput [formControl]="formGroup.get('cssColors')?.get('primaryColorInput')" required />
|
|
<ngx-colors
|
|
class="suffix"
|
|
matSuffix
|
|
ngx-colors-trigger
|
|
[overlayClassName]="mr-1"
|
|
[formControl]="formGroup.get('cssColors')?.get('primaryColor')"
|
|
></ngx-colors>
|
|
<mat-error *ngIf="formGroup.get('cssColors')?.get('primaryColor')?.hasError('backendError')">{{formGroup.get('cssColors')?.get('primaryColor')?.getError('backendError').message}}</mat-error>
|
|
<mat-error *ngIf="formGroup.get('cssColors')?.get('primaryColor')?.hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
|
|
<mat-error *ngIf="formGroup.get('cssColors')?.get('primaryColor')?.hasError('invalidColor')">{{'GENERAL.VALIDATION.INVALID-COLOR' | translate}}</mat-error>
|
|
</mat-form-field>
|
|
<mat-form-field class="col-12 col-md-6">
|
|
<mat-label>{{'TENANT-CONFIGURATION-EDITOR.FIELDS.PRIMARY-COLOR-2' | translate}}</mat-label>
|
|
<input matInput [formControl]="formGroup.get('cssColors')?.get('primaryColor2Input')" required />
|
|
<ngx-colors
|
|
class="suffix"
|
|
matSuffix
|
|
ngx-colors-trigger
|
|
[formControl]="formGroup.get('cssColors')?.get('primaryColor2')"
|
|
></ngx-colors>
|
|
<mat-error *ngIf="formGroup.get('cssColors')?.get('primaryColor2')?.hasError('backendError')">{{formGroup.get('cssColors')?.get('primaryColor2')?.getError('backendError').message}}</mat-error>
|
|
<mat-error *ngIf="formGroup.get('cssColors')?.get('primaryColor2')?.hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
|
|
<mat-error *ngIf="formGroup.get('cssColors')?.get('primaryColor2')?.hasError('invalidColor')">{{'GENERAL.VALIDATION.INVALID-COLOR' | translate}}</mat-error>
|
|
</mat-form-field>
|
|
<mat-form-field class="col-12 col-md-6">
|
|
<mat-label>{{'TENANT-CONFIGURATION-EDITOR.FIELDS.PRIMARY-COLOR-3' | translate}}</mat-label>
|
|
<input matInput [formControl]="formGroup.get('cssColors')?.get('primaryColor3Input')" required />
|
|
<ngx-colors
|
|
class="suffix"
|
|
matSuffix
|
|
ngx-colors-trigger
|
|
[formControl]="formGroup.get('cssColors')?.get('primaryColor3')"
|
|
></ngx-colors>
|
|
<mat-error *ngIf="formGroup.get('cssColors')?.get('primaryColor3')?.hasError('backendError')">{{formGroup.get('cssColors')?.get('primaryColor3')?.getError('backendError').message}}</mat-error>
|
|
<mat-error *ngIf="formGroup.get('cssColors')?.get('primaryColor3')?.hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
|
|
<mat-error *ngIf="formGroup.get('cssColors')?.get('primaryColor3')?.hasError('invalidColor')">{{'GENERAL.VALIDATION.INVALID-COLOR' | translate}}</mat-error>
|
|
</mat-form-field>
|
|
<mat-form-field class="col-12 col-md-6">
|
|
<mat-label>{{'TENANT-CONFIGURATION-EDITOR.FIELDS.SECONDARY-COLOR' | translate}}</mat-label>
|
|
<input matInput [formControl]="formGroup.get('cssColors')?.get('secondaryColorInput')" required />
|
|
<ngx-colors
|
|
class="suffix"
|
|
matSuffix
|
|
ngx-colors-trigger
|
|
[formControl]="formGroup.get('cssColors')?.get('secondaryColor')"
|
|
></ngx-colors>
|
|
<mat-error *ngIf="formGroup.get('cssColors')?.get('secondaryColor')?.hasError('backendError')">{{formGroup.get('cssColors')?.get('secondaryColor')?.getError('backendError').message}}</mat-error>
|
|
<mat-error *ngIf="formGroup.get('cssColors')?.get('secondaryColor')?.hasError('required')">{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
|
|
<mat-error *ngIf="formGroup.get('cssColors')?.get('secondaryColor')?.hasError('invalidColor')">{{'GENERAL.VALIDATION.INVALID-COLOR' | translate}}</mat-error>
|
|
</mat-form-field>
|
|
</div>
|
|
</div>
|
|
<div class="col-12">
|
|
<div class="row actions-row">
|
|
<div class="ml-auto col-auto" *ngIf="editorModel.id"><button class="normal-btn-sm" (click)="delete()">
|
|
{{'TENANT-CONFIGURATION-EDITOR.ACTIONS.RESET-TO-DEFAULT' | translate}}
|
|
</button>
|
|
</div>
|
|
<div class="ml-auto col-auto"><button class="normal-btn-sm" (click)="formSubmit()">
|
|
{{'TENANT-CONFIGURATION-EDITOR.ACTIONS.SAVE' | translate}}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|