mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-19 17:14:57 +00:00
Fix test responsiveness login component
This commit is contained in:
parent
c89b3a4c83
commit
eb9b90aaad
@ -15,10 +15,10 @@
|
||||
},
|
||||
"BUTTON": {
|
||||
"LOGIN": "Accedi"
|
||||
},
|
||||
"ACTION": {
|
||||
"HELP": "BISOGNO DI AIUTO?",
|
||||
"REGISTER": "REGISTRATI"
|
||||
}
|
||||
},
|
||||
"ACTION": {
|
||||
"HELP": "BISOGNO DI AIUTO?",
|
||||
"REGISTER": "REGISTRATI"
|
||||
}
|
||||
}
|
@ -1,7 +1,7 @@
|
||||
{
|
||||
"name": "ng2-alfresco-login",
|
||||
"description": "Alfresco Angular2 Login Component",
|
||||
"version": "0.1.19",
|
||||
"version": "0.1.20",
|
||||
"author": "Alfresco Software, Ltd.",
|
||||
"scripts": {
|
||||
"clean": "rm -rf dist node_modules typings",
|
||||
|
File diff suppressed because one or more lines are too long
@ -5,8 +5,9 @@
|
||||
<img class="center" [src]="baseComponentPath + '/../assets/images/logo_for_light_bg_28.png'">
|
||||
</div>
|
||||
<div class="mdl-card__supporting-text">
|
||||
<div class="error">
|
||||
<div *ngIf="error" id="login-error" data-automation-id="login-error" class="mdl-card__supporting-text" style="color: red;">{{'LOGIN.MESSAGES.LOGIN-ERROR' | translate }}</div>
|
||||
<div>
|
||||
<div *ngIf="error" id="login-error" data-automation-id="login-error"
|
||||
class="error mdl-card__supporting-text">{{'LOGIN.MESSAGES.LOGIN-ERROR' | translate }}</div>
|
||||
<div *ngIf="success" id="login-success" data-automation-id="login-success" class="mdl-card__supporting-text" style="color: blue;">{{'LOGIN.MESSAGES.LOGIN-SUCCESS' | translate }}</div>
|
||||
</div>
|
||||
<div [ngClass]="{'is-invalid': isErrorStyle(form.controls.username)}"
|
||||
@ -39,11 +40,11 @@
|
||||
</span>
|
||||
</div>
|
||||
<br>
|
||||
<button style="margin-top: 10px;" type="submit"
|
||||
<button type="submit"
|
||||
class="center mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--colored"
|
||||
data-automation-id="login-button" [disabled]="!form.valid">{{'LOGIN.BUTTON.LOGIN' | translate }}</button>
|
||||
<br>
|
||||
<div style="margin-top: 10px;" class="center" style="margin-left: 50px;">
|
||||
<div class="center">
|
||||
<label class=" mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect" for="remember">
|
||||
<input type="checkbox" id="remember" class="center mdl-checkbox__input">
|
||||
<span class="mdl-checkbox__label">{{'LOGIN.LABEL.REMEMBER' | translate }}</span>
|
||||
@ -52,8 +53,8 @@
|
||||
</div>
|
||||
<div class="mdl-card__actions mdl-card--border mdl-card__link">
|
||||
<div class="login-action">
|
||||
<div class="login-action-left" style="margin-left: 40px;"> <a href="">{{'LOGIN.ACTION.HELP' | translate }}</a> </div>
|
||||
<div class="login-action-right" style="margin-right: 40px;"> <a href="">{{'LOGIN.ACTION.REGISTER' | translate }}</a>
|
||||
<div class="login-action-left"> <a href="">{{'LOGIN.ACTION.HELP' | translate }}</a> </div>
|
||||
<div class="login-action-right"> <a href="">{{'LOGIN.ACTION.REGISTER' | translate }}</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -127,6 +127,7 @@ export class AlfrescoLoginComponent {
|
||||
* @param data
|
||||
*/
|
||||
onValueChanged(data: any) {
|
||||
this.error = false;
|
||||
for (let field in this.formError) {
|
||||
if (field) {
|
||||
this.formError[field] = '';
|
||||
|
Loading…
x
Reference in New Issue
Block a user