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

Fix test responsiveness login component

Browse Source
This commit is contained in:
mauriziovitale84 2016-06-20 11:21:04 +01:00
parent c89b3a4c83
commit eb9b90aaad
5 changed files with 123 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ng2-components/ng2-alfresco-login/i18n/it.json
View File

@ -15,10 +15,10 @@
}, },
"BUTTON": { "BUTTON": {
"LOGIN": "Accedi" "LOGIN": "Accedi"
}
}, },
"ACTION": { "ACTION": {
"HELP": "BISOGNO DI AIUTO?", "HELP": "BISOGNO DI AIUTO?",
"REGISTER": "REGISTRATI" "REGISTER": "REGISTRATI"
} }
} }
}

2
ng2-components/ng2-alfresco-login/package.json
View File

@ -1,7 +1,7 @@
{ {
"name": "ng2-alfresco-login", "name": "ng2-alfresco-login",
"description": "Alfresco Angular2 Login Component", "description": "Alfresco Angular2 Login Component",
"version": "0.1.19", "version": "0.1.20",
"author": "Alfresco Software, Ltd.", "author": "Alfresco Software, Ltd.",
"scripts": { "scripts": {
"clean": "rm -rf dist node_modules typings", "clean": "rm -rf dist node_modules typings",

120
ng2-components/ng2-alfresco-login/src/components/alfresco-login.component.css
View File

File diff suppressed because one or more lines are too long

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

@ -5,8 +5,9 @@
<img class="center" [src]="baseComponentPath + '/../assets/images/logo_for_light_bg_28.png'"> <img class="center" [src]="baseComponentPath + '/../assets/images/logo_for_light_bg_28.png'">
</div> </div>
<div class="mdl-card__supporting-text"> <div class="mdl-card__supporting-text">
<div class="error"> <div>
<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 *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 *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>
<div [ngClass]="{'is-invalid': isErrorStyle(form.controls.username)}" <div [ngClass]="{'is-invalid': isErrorStyle(form.controls.username)}"
@ -39,11 +40,11 @@
</span> </span>
</div> </div>
<br> <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" 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> data-automation-id="login-button" [disabled]="!form.valid">{{'LOGIN.BUTTON.LOGIN' | translate }}</button>
<br> <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"> <label class=" mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect" for="remember">
<input type="checkbox" id="remember" class="center mdl-checkbox__input"> <input type="checkbox" id="remember" class="center mdl-checkbox__input">
<span class="mdl-checkbox__label">{{'LOGIN.LABEL.REMEMBER' | translate }}</span> <span class="mdl-checkbox__label">{{'LOGIN.LABEL.REMEMBER' | translate }}</span>
@ -52,8 +53,8 @@
</div> </div>
<div class="mdl-card__actions mdl-card--border mdl-card__link"> <div class="mdl-card__actions mdl-card--border mdl-card__link">
<div class="login-action"> <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-left"> <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-right"> <a href="">{{'LOGIN.ACTION.REGISTER' | translate }}</a>
</div> </div>
</div> </div>
</div> </div>

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

@ -127,6 +127,7 @@ export class AlfrescoLoginComponent {
* @param data * @param data
*/ */
onValueChanged(data: any) { onValueChanged(data: any) {
this.error = false;
for (let field in this.formError) { for (let field in this.formError) {
if (field) { if (field) {
this.formError[field] = ''; this.formError[field] = '';