99 lines
4.1 KiB
HTML
99 lines
4.1 KiB
HTML
<div class="row description-template-type-editor">
|
|
<div class="col-md-8 offset-md-2 colums-gapped">
|
|
|
|
<div class="row justify-content-between align-items-center">
|
|
<div class="col">
|
|
<!-- <h3 *ngIf="isNew">{{'DESCRIPTION-TEMPLATE-TYPE-EDITOR.NEW' | translate}}</h3> -->
|
|
<app-navigation-breadcrumb />
|
|
</div>
|
|
|
|
<div class="col-auto">
|
|
<button mat-button class="action-btn" (click)="cancel()" type="button">{{'DESCRIPTION-TEMPLATE-TYPE-EDITOR.ACTIONS.CANCEL' | translate}}</button>
|
|
</div>
|
|
<div class="col-auto" *ngIf="canDelete">
|
|
<button mat-button (click)="delete()" class="action-btn" type="button">
|
|
<mat-icon>delete</mat-icon>
|
|
{{'DESCRIPTION-TEMPLATE-TYPE-EDITOR.ACTIONS.DELETE' | translate}}
|
|
</button>
|
|
</div>
|
|
<div class="col-auto" *ngIf="canFinalize">
|
|
<button mat-button class="action-btn" (click)="finalize(); formSubmit()">
|
|
<mat-icon>save</mat-icon>
|
|
{{'DESCRIPTION-TEMPLATE-TYPE-EDITOR.ACTIONS.FINALIZE' | translate}}
|
|
</button>
|
|
</div>
|
|
<div class="col-auto" *ngIf="canSave">
|
|
<button mat-button class="action-btn" (click)="save(); formSubmit()">
|
|
<mat-icon>save</mat-icon>
|
|
{{'DESCRIPTION-TEMPLATE-TYPE-EDITOR.ACTIONS.SAVE' | translate}}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<mat-card appearance="outlined">
|
|
<mat-card-header>
|
|
<mat-card-title *ngIf="isNew">{{'DESCRIPTION-TEMPLATE-TYPE-EDITOR.NEW' | translate}}</mat-card-title>
|
|
<!-- <mat-card-title *ngIf="!isNew">{{formGroup.get('name').value}}</mat-card-title> -->
|
|
</mat-card-header>
|
|
<mat-card-content>
|
|
<form (ngSubmit)="formSubmit()" [formGroup]="formGroup" *ngIf="formGroup">
|
|
<div class="info-grid">
|
|
<div class="info-grid-label">
|
|
<span>
|
|
{{'DESCRIPTION-TEMPLATE-TYPE-EDITOR.FIELDS.NAME' | translate}}
|
|
</span>
|
|
</div>
|
|
<div class="info-grid-value">
|
|
<mat-form-field class="col-lg-6">
|
|
<input matInput placeholder="{{'DESCRIPTION-TEMPLATE-TYPE-EDITOR.FIELDS.NAME' | translate}}" type="text" name="name" [formControl]="formGroup.get('name')" required>
|
|
<mat-error *ngIf="formGroup.get('name').hasError('backendError')">
|
|
{{formGroup.get('name').getError('backendError').message}}</mat-error>
|
|
<mat-error *ngIf="formGroup.get('name').hasError('required')">
|
|
{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
|
|
</mat-form-field>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</mat-card-content>
|
|
</mat-card>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- <div class="main-content">
|
|
<div class="container-fluid description-type-editor">
|
|
<div class="row align-items-center mb-4" *ngIf="formGroup">
|
|
<div class="col-auto">
|
|
<h3>{{'DESCRIPTION-TYPE-EDITOR.NEW' | translate}}</h3>
|
|
</div>
|
|
</div>
|
|
<form *ngIf="formGroup" (ngSubmit)="formSubmit()" [formGroup]="formGroup">
|
|
<mat-card style="padding: 2em;">
|
|
<mat-card-content>
|
|
<div class="row" style="gap:1em">
|
|
<mat-form-field class="col-lg-6">
|
|
<input matInput placeholder="{{'DESCRIPTION-TYPE-EDITOR.FIELDS.LABEL' | translate}}" type="text" name="name" formControlName="name"
|
|
required>
|
|
<mat-error *ngIf="formGroup.get('name').hasError('backendError')">
|
|
{{formGroup.get('name').getError('backendError').message}}</mat-error>
|
|
<mat-error *ngIf="formGroup.get('name').hasError('required')">
|
|
{{'GENERAL.VALIDATION.REQUIRED' | translate}}</mat-error>
|
|
</mat-form-field>
|
|
</div>
|
|
<div class="row mt-4">
|
|
<div class="col-auto">
|
|
<button mat-button class="action-btn" (click)="cancel()" type="button">{{'DESCRIPTION-TYPE-EDITOR.ACTIONS.CANCEL' | translate}}</button>
|
|
</div>
|
|
<div class="col"></div>
|
|
<div class="col-auto">
|
|
<button mat-button *ngIf="formGroup.get('status').value!=1" class="action-btn" (click)="finalize()"
|
|
[disabled]="!this.isFormValid()" type="button">{{'DESCRIPTION-TYPE-EDITOR.ACTIONS.FINALIZE' | translate }}</button>
|
|
<button mat-button class="action-btn ml-3" type="submit" [disabled]="!this.isFormValid() || viewOnly">
|
|
{{'DESCRIPTION-TYPE-EDITOR.ACTIONS.SAVE' | translate}}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</mat-card-content>
|
|
</mat-card>
|
|
</form>
|
|
</div>
|
|
</div> --> |