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

trim username onBlur #1575 (#1644)

Browse Source
This commit is contained in:
Eugenio Romano 2017-02-21 18:25:17 +00:00 committed by Mario Romano
parent 866c3f91a1
commit 2a257f7b62
3 changed files with 23 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
ng2-components/ng2-alfresco-login/src/components/alfresco-login.component.html
View File

@ -29,6 +29,7 @@
class="center mdl-textfield mdl-js-textfield mdl-textfield--floating-label ">
<label for="username" class="mdl-textfield__label">{{'LOGIN.LABEL.USERNAME' | translate }}</label>
<input
(blur)="trimUsername($event)"
type="text"
class="mdl-textfield__input"
id="username"

10
ng2-components/ng2-alfresco-login/src/components/alfresco-login.component.spec.ts
View File

@ -139,6 +139,16 @@ describe('AlfrescoLogin', () => {
expect(element.querySelector('#password-required').innerText).toEqual('LOGIN.MESSAGES.PASSWORD-REQUIRED');
});
it('should trim the username value', () => {
usernameInput.value = 'username ';
component.form.controls.password.markAsDirty();
usernameInput.dispatchEvent(new Event('blur'));
fixture.detectChanges();
expect(usernameInput.value).toEqual('username');
});
it('should render no validation errors when the username and password are filled', () => {
usernameInput.value = 'fake-username';
passwordInput.value = 'fake-password';

14
ng2-components/ng2-alfresco-login/src/components/alfresco-login.component.ts
View File

@ -26,7 +26,8 @@ declare let componentHandler: any;
selector: 'alfresco-login',
moduleId: module.id,
templateUrl: './alfresco-login.component.html',
styleUrls: ['./alfresco-login.component.css']
styleUrls: ['./alfresco-login.component.css'],
host: {'(blur)': 'onBlur($event)'}
})
export class AlfrescoLoginComponent implements OnInit {
@ -130,7 +131,7 @@ export class AlfrescoLoginComponent implements OnInit {
if (args.defaultPrevented) {
return false;
} else {
this.performeLogin(values);
this.performLogin(values);
}
}
@ -161,7 +162,7 @@ export class AlfrescoLoginComponent implements OnInit {
* Performe the login service
* @param values
*/
private performeLogin(values: any) {
private performLogin(values: any) {
this.authService.login(values.username, values.password)
.subscribe(
(token: any) => {
@ -266,6 +267,13 @@ export class AlfrescoLoginComponent implements OnInit {
return !field.valid && field.dirty && !field.pristine;
}
/**
* Trim username
*/
trimUsername(event: any) {
event.target.value = event.target.value.trim();
}
/**
* Default formError values
*/