inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-05-26 17:24:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

[ADF-4915][Form] FormField: When required is set to true, asterisk apppears in placeholder text (#7399)

Browse Source 
* [ADF-4915][Form] FormField: When required is set to true, asterix appears in placeholder text

* [ADF-4915][Form] FormField: When required is set to true, asterix appears in placeholder text
This commit is contained in:
Dharan 2021-11-30 22:05:49 +05:30 committed by GitHub
parent ee4efeb290
commit 2b25b50720
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
7 changed files with 7 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
lib/core/form/components/widgets/amount/amount.widget.html
View File

@ -3,7 +3,7 @@
[class.adf-readonly]="field.readOnly"> [class.adf-readonly]="field.readOnly">
<label class="adf-label" <label class="adf-label"
[attr.for]="field.id">{{field.name | translate }}<span *ngIf="isRequired()">*</span></label> [attr.for]="field.id">{{field.name | translate }}<span *ngIf="isRequired()">*</span></label>
<mat-form-field class="adf-amount-widget__input"> <mat-form-field class="adf-amount-widget__input" [hideRequiredMarker]="true">
<span matPrefix class="adf-amount-widget__prefix-spacing">{{ currency }} &nbsp;</span> <span matPrefix class="adf-amount-widget__prefix-spacing">{{ currency }} &nbsp;</span>
<input matInput <input matInput
[matTooltip]="field.tooltip" [matTooltip]="field.tooltip"

4
lib/core/form/components/widgets/amount/amount.widget.spec.ts
View File

@ -119,10 +119,8 @@ describe('AmountWidgetComponent - rendering', () => {
fixture.detectChanges(); fixture.detectChanges();
await fixture.whenStable(); await fixture.whenStable();
const requiredAsteriscElement = fixture.nativeElement.querySelector('.mat-placeholder-required');
expect(requiredAsteriscElement.textContent).toContain('*');
const widgetPlaceholder = fixture.nativeElement.querySelector('label.mat-form-field-label'); const widgetPlaceholder = fixture.nativeElement.querySelector('label.mat-form-field-label');
expect(widgetPlaceholder.textContent).toBe('Check Placeholder Text *'); expect(widgetPlaceholder.textContent).toBe('Check Placeholder Text');
const widgetLabel = fixture.nativeElement.querySelector('label.adf-label'); const widgetLabel = fixture.nativeElement.querySelector('label.adf-label');
expect(widgetLabel.textContent).toBe('Test Amount*'); expect(widgetLabel.textContent).toBe('Test Amount*');
const widgetPrefix = fixture.nativeElement.querySelector('div.mat-form-field-prefix'); const widgetPrefix = fixture.nativeElement.querySelector('div.mat-form-field-prefix');

2
lib/core/form/components/widgets/date-time/date-time.widget.html
View File

@ -1,5 +1,5 @@
<div class="{{field.className}}" id="data-time-widget" [class.adf-invalid]="!field.isValid"> <div class="{{field.className}}" id="data-time-widget" [class.adf-invalid]="!field.isValid">
<mat-form-field class="adf-date-time-widget"> <mat-form-field class="adf-date-time-widget" [hideRequiredMarker]="true">
<label class="adf-label" [attr.for]="field.id">{{field.name | translate }} ({{field.dateDisplayFormat}})<span *ngIf="isRequired()">*</span></label> <label class="adf-label" [attr.for]="field.id">{{field.name | translate }} ({{field.dateDisplayFormat}})<span *ngIf="isRequired()">*</span></label>
<input matInput <input matInput
[id]="field.id" [id]="field.id"

2
lib/core/form/components/widgets/date/date.widget.html
View File

@ -1,5 +1,5 @@
<div class="{{field.className}}" id="data-widget" [class.adf-invalid]="!field.isValid"> <div class="{{field.className}}" id="data-widget" [class.adf-invalid]="!field.isValid">
<mat-form-field class="adf-date-widget"> <mat-form-field class="adf-date-widget" [hideRequiredMarker]="true">
<label class="adf-label" [attr.for]="field.id">{{field.name | translate }} ({{field.dateDisplayFormat}})<span *ngIf="isRequired()">*</span></label> <label class="adf-label" [attr.for]="field.id">{{field.name | translate }} ({{field.dateDisplayFormat}})<span *ngIf="isRequired()">*</span></label>
<input matInput <input matInput
[id]="field.id" [id]="field.id"

2
lib/core/form/components/widgets/multiline-text/multiline-text.widget.html
View File

@ -1,6 +1,6 @@
<div class="adf-multiline-text-widget {{field.className}}" <div class="adf-multiline-text-widget {{field.className}}"
[class.adf-invalid]="!field.isValid" [class.adf-readonly]="field.readOnly"> [class.adf-invalid]="!field.isValid" [class.adf-readonly]="field.readOnly">
<mat-form-field floatPlaceholder="never"> <mat-form-field floatPlaceholder="never" [hideRequiredMarker]="true">
<label class="adf-label" [attr.for]="field.id">{{field.name | translate }}<span *ngIf="isRequired()">*</span></label> <label class="adf-label" [attr.for]="field.id">{{field.name | translate }}<span *ngIf="isRequired()">*</span></label>
<textarea matInput class="adf-input" <textarea matInput class="adf-input"
[matTextareaAutosize]="true" [matTextareaAutosize]="true"

2
lib/core/form/components/widgets/number/number.widget.html
View File

@ -1,6 +1,6 @@
<div class="adf-textfield adf-number-widget {{field.className}}" <div class="adf-textfield adf-number-widget {{field.className}}"
[class.adf-invalid]="!field.isValid" [class.adf-readonly]="field.readOnly"> [class.adf-invalid]="!field.isValid" [class.adf-readonly]="field.readOnly">
<mat-form-field> <mat-form-field [hideRequiredMarker]="true">
<label class="adf-label" [attr.for]="field.id">{{field.name | translate }}<span *ngIf="isRequired()">*</span></label> <label class="adf-label" [attr.for]="field.id">{{field.name | translate }}<span *ngIf="isRequired()">*</span></label>
<input matInput <input matInput
class="adf-input" class="adf-input"

2
lib/core/form/components/widgets/text/text.widget.html
View File

@ -1,6 +1,6 @@
<div class="adf-textfield adf-text-widget {{field.className}}" <div class="adf-textfield adf-text-widget {{field.className}}"
[class.adf-invalid]="!field.isValid" [class.adf-readonly]="field.readOnly"> [class.adf-invalid]="!field.isValid" [class.adf-readonly]="field.readOnly">
<mat-form-field> <mat-form-field [hideRequiredMarker]="true">
<label class="adf-label" [attr.for]="field.id">{{field.name | translate }}<span *ngIf="isRequired()">*</span></label> <label class="adf-label" [attr.for]="field.id">{{field.name | translate }}<span *ngIf="isRequired()">*</span></label>
<input matInput <input matInput
class="adf-input" class="adf-input"