mirror of
https://github.com/Alfresco/alfresco-content-app.git
synced 2025-07-24 17:31:52 +00:00
6a5ef73283
* ACS-7768 Style inputs in create from template dialog * ACS-7768 Used globally configured outline appearance for inputs * ACS-7768 Style inputs for profile page * ACS-7768 Style inputs for library metadata form * ACS-7768 Style inputs for folder rules dialog * ACS-7768 Style inputs for manage rules page * ACS-7768 Set outline appearance for input, fix small issue * ACS-7768 Addressed comment
58 lines
2.0 KiB
HTML
58 lines
2.0 KiB
HTML
<h2 mat-dialog-title [innerHTML]="title" class="app-create-from-template-title"></h2>
|
|
<div mat-dialog-content class="app-create-from-template-content">
|
|
<form [formGroup]="form" novalidate>
|
|
<mat-form-field class="app-create-from-template-field">
|
|
<mat-label>{{ 'NODE_FROM_TEMPLATE.FORM.PLACEHOLDER.NAME' | translate }}</mat-label>
|
|
<input
|
|
cdkFocusInitial
|
|
matInput
|
|
formControlName="name"
|
|
required
|
|
/>
|
|
|
|
<mat-error *ngIf="form.controls['name'].errors?.message">
|
|
{{ form.controls['name'].errors?.message | translate }}
|
|
</mat-error>
|
|
</mat-form-field>
|
|
|
|
<mat-form-field class="app-create-from-template-field">
|
|
<mat-label>{{ 'NODE_FROM_TEMPLATE.FORM.PLACEHOLDER.TITLE' | translate }}</mat-label>
|
|
<input
|
|
matInput
|
|
formControlName="title"
|
|
/>
|
|
|
|
<mat-error *ngIf="form.controls['title'].hasError('maxlength')">
|
|
{{ 'NODE_FROM_TEMPLATE.FORM.ERRORS.TITLE_TOO_LONG' | translate }}
|
|
</mat-error>
|
|
</mat-form-field>
|
|
|
|
<mat-form-field class="app-create-from-template-field">
|
|
<mat-label>{{ 'NODE_FROM_TEMPLATE.FORM.PLACEHOLDER.DESCRIPTION' | translate }}</mat-label>
|
|
<textarea
|
|
matInput
|
|
rows="2"
|
|
formControlName="description"
|
|
></textarea>
|
|
|
|
<mat-error *ngIf="form.controls['description'].hasError('maxlength')">
|
|
{{ 'NODE_FROM_TEMPLATE.FORM.ERRORS.DESCRIPTION_TOO_LONG' | translate }}
|
|
</mat-error>
|
|
</mat-form-field>
|
|
</form>
|
|
</div>
|
|
<div mat-dialog-actions class="app-create-from-template-footer">
|
|
<button mat-button mat-dialog-close data-automation-id="create-from-template-dialog-cancel-button">
|
|
{{ 'NODE_FROM_TEMPLATE.CANCEL' | translate }}
|
|
</button>
|
|
<button
|
|
class="app-create-from-template-footer-create-button"
|
|
[disabled]="form.invalid"
|
|
mat-button
|
|
(click)="onSubmit()"
|
|
data-automation-id="create-from-template-dialog-create-button"
|
|
>
|
|
{{ 'NODE_FROM_TEMPLATE.CREATE' | translate }}
|
|
</button>
|
|
</div>
|