[ADF - 950] - disabling date button on readonly form (#2032)

This commit is contained in:
Vito 2017-06-30 14:25:03 -07:00 committed by Eugenio Romano
parent 98598f03b2
commit 9b5e90c400
2 changed files with 16 additions and 0 deletions

View File

@ -18,6 +18,8 @@
</div> </div>
<div class="mdl-cell mdl-cell--1-col"> <div class="mdl-cell mdl-cell--1-col">
<button <button
[attr.id]="field.id+'-button'"
[disabled]="field.readOnly"
class="mdl-button mdl-js-button mdl-button--icon" class="mdl-button mdl-js-button mdl-button--icon"
(click)="datePicker.toggle()"> (click)="datePicker.toggle()">
<i class="material-icons">date_range</i> <i class="material-icons">date_range</i>

View File

@ -274,5 +274,19 @@ describe('DateWidget', () => {
}); });
widget.checkVisibility(widget.field); widget.checkVisibility(widget.field);
})); }));
it('should disable date button when is readonly', async(() => {
widget.field.readOnly = false;
fixture.detectChanges();
let dateButton = <HTMLButtonElement> element.querySelector('#date-field-id-button');
expect(dateButton.disabled).toBeFalsy();
widget.field.readOnly = true;
fixture.detectChanges();
dateButton = <HTMLButtonElement> element.querySelector('#date-field-id-button');
expect(dateButton.disabled).toBeTruthy();
}));
}); });
}); });