Required filed should have an asterisk inside the label (#1776)

This commit is contained in:
Maurizio Vitale 2017-03-28 09:07:26 +01:00 committed by Denys Vuika
parent 6888164f83
commit a58dcca269
9 changed files with 9 additions and 9 deletions

View File

@ -1,6 +1,6 @@
<div class="mdl-textfield mdl-js-textfield amount-widget {{field.className}}"
[class.amount-widget__invalid]="!field.isValid">
<label [attr.for]="field.id">{{field.name}}, {{currency}}</label>
<label [attr.for]="field.id">{{field.name}}, {{currency}}<span *ngIf="isRequired()">*</span></label>
<input class="mdl-textfield__input"
type="text"
[attr.id]="field.id"

View File

@ -1,5 +1,5 @@
<div class="attach-widget {{field.className}}">
<label [attr.for]="field.id">{{field.name}}</label>
<label [attr.for]="field.id">{{field.name}}<span *ngIf="isRequired()">*</span></label>
<div>
<span *ngIf="hasFile()" class="attach-widget__file mdl-chip"><span class="mdl-chip__text">{{getLinkedFileName()}}</span></span>
<button #browseFile (click)="showDialog();" class="mdl-button mdl-js-button mdl-js-ripple-effect attach-widget__browser">

View File

@ -2,7 +2,7 @@
<div class="mdl-cell mdl-cell--11-col">
<div class="mdl-textfield mdl-js-textfield date-widget"
[class.date-widget__invalid]="!field.isValid">
<label [attr.for]="field.id">{{field.name}} ({{field.dateDisplayFormat}})</label>
<label [attr.for]="field.id">{{field.name}} ({{field.dateDisplayFormat}})<span *ngIf="isRequired()">*</span></label>
<input class="mdl-textfield__input mdl-date__input"
type="text"
[attr.id]="field.id"

View File

@ -1,6 +1,6 @@
<div class="dropdown-widget {{field.className}}"
[class.dropdown-widget__invalid]="!field.isValid" *ngIf="field?.isVisible">
<label class="dropdown-widget__label" [attr.for]="field.id">{{field.name}}</label>
<label class="dropdown-widget__label" [attr.for]="field.id">{{field.name}}<span *ngIf="isRequired()">*</span></label>
<select class="dropdown-widget__select"
[attr.id]="field.id"
[(ngModel)]="field.value"

View File

@ -1,6 +1,6 @@
<div class="mdl-textfield mdl-js-textfield multiline-text-widget {{field.className}}"
[class.multiline-text-widget__invalid]="!field.isValid">
<label [attr.for]="field.id">{{field.name}}</label>
<label [attr.for]="field.id">{{field.name}}<span *ngIf="isRequired()">*</span></label>
<textarea class="mdl-textfield__input"
type="text"
rows= "3"

View File

@ -1,6 +1,6 @@
<div class="mdl-textfield mdl-js-textfield number-widget {{field.className}}"
[class.number-widget__invalid]="!field.isValid">
<label [attr.for]="field.id">{{field.name}}</label>
<label [attr.for]="field.id">{{field.name}}<span *ngIf="isRequired()">*</span></label>
<input class="mdl-textfield__input"
type="text"
pattern="-?[0-9]*(\.[0-9]+)?"

View File

@ -1,6 +1,6 @@
<div class="mdl-textfield mdl-js-textfield people-widget {{field.className}}"
[class.people-widget__invalid]="!field.isValid">
<label [attr.for]="field.id">{{field.name}}</label>
<label [attr.for]="field.id">{{field.name}}<span *ngIf="isRequired()">*</span></label>
<input class="mdl-textfield__input"
type="text"
[attr.id]="field.id"

View File

@ -1,6 +1,6 @@
<div class="radio-buttons-widget {{field.className}}"
[class.radio-buttons-widget__invalid]="!field.isValid" [id]="field.id" *ngIf="field?.isVisible">
<label class="radio-buttons-widget__label" [attr.for]="field.id">{{field.name}}</label>
<label class="radio-buttons-widget__label" [attr.for]="field.id">{{field.name}}<span *ngIf="isRequired()">*</span></label>
<div *ngFor="let opt of field.options">
<label [id]="opt.id" [attr.for]="field.id + '-' + opt.id" class="mdl-radio mdl-js-radio">
<input type="radio"

View File

@ -1,6 +1,6 @@
<div class="mdl-textfield mdl-js-textfield text-widget {{field.className}}"
[class.text-widget__invalid]="!field.isValid">
<label [attr.for]="field.id">{{field.name}}</label>
<label [attr.for]="field.id">{{field.name}}<span *ngIf="isRequired()">*</span></label>
<input class="mdl-textfield__input"
type="text"
[attr.id]="field.id"