inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

Responsive height for login component (#2049)

Browse Source
This commit is contained in:
Popovics András
2017-07-05 19:09:04 +01:00
committed by Eugenio Romano
parent cc42169d14
commit f07876df7e
5 changed files with 18 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
demo-shell-ng2/app/components/login/login-demo.component.css
View File

@@ -16,8 +16,8 @@
} }
.toggle { .toggle {
width: 120px; width: 190px;
margin: 20px; margin: 5px;
padding: 5px; padding: 5px;
} }

14
demo-shell-ng2/app/components/login/login-demo.component.html
View File

@@ -21,6 +21,12 @@
<span class="mdl-switch__label">CSRF</span> <span class="mdl-switch__label">CSRF</span>
</label> </label>
</p> </p>
<p class="toggle">
<label for="switch4" class="mdl-switch mdl-js-switch mdl-js-ripple-effect">
<input type="checkbox" id="switch4" class="mdl-switch__input" [checked]="showFooter" (click)="showFooter = !showFooter">
<span class="mdl-switch__label">Login footer</span>
</label>
</p>
</div> </div>
<!--SETTING BUTTON--> <!--SETTING BUTTON-->
@@ -34,6 +40,8 @@
[providers]="providers" [providers]="providers"
[fieldsValidation]="customValidation" [fieldsValidation]="customValidation"
[disableCsrf]="disableCsrf" [disableCsrf]="disableCsrf"
[showLoginActions]="showFooter"
[showRememberMe]="showFooter"
(onSuccess)="onLogin($event)" (onSuccess)="onLogin($event)"
(onError)="onError($event)"> (onError)="onError($event)">
<div class="mobile-settings"> <div class="mobile-settings">
@@ -57,5 +65,11 @@
<span class="mdl-switch__label">CSRF</span> <span class="mdl-switch__label">CSRF</span>
</label> </label>
</p> </p>
<p>
<label for="switch4-mobile" class="mdl-switch mdl-js-switch mdl-js-ripple-effect">
<input type="checkbox" id="switch4-mobile" class="mdl-switch__input" [checked]="showFooter" (click)="showFooter = !showFooter">
<span class="mdl-switch__label">Login footer</span>
</label>
</p>
</div> </div>
</alfresco-login> </alfresco-login>

1
demo-shell-ng2/app/components/login/login-demo.component.ts
View File

@@ -36,6 +36,7 @@ export class LoginDemoComponent implements OnInit {
disableCsrf: boolean = false; disableCsrf: boolean = false;
isECM: boolean = true; isECM: boolean = true;
isBPM: boolean = false; isBPM: boolean = false;
showFooter: boolean = true;
customMinLenght: number = 2; customMinLenght: number = 2;
constructor(private router: Router, constructor(private router: Router,

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

@@ -42,7 +42,6 @@
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);
width: 450px; width: 450px;
min-width: 350px; min-width: 350px;
min-height: 450px;
padding: 21px 64px 34px 64px; padding: 21px 64px 34px 64px;
box-sizing: border-box; box-sizing: border-box;
} }

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

@@ -85,7 +85,7 @@
<md-checkbox class="rememberme-cb" [checked]="rememberMe" (change)="rememberMe = !rememberMe">{{ 'LOGIN.LABEL.REMEMBER' | translate }}</md-checkbox> <md-checkbox class="rememberme-cb" [checked]="rememberMe" (change)="rememberMe = !rememberMe">{{ 'LOGIN.LABEL.REMEMBER' | translate }}</md-checkbox>
</div> </div>
</div> </div>
<div class="mdl-card__actions mdl-card--border mdl-card__link"> <div *ngIf="footerTemplate || showLoginActions" class="mdl-card__actions mdl-card--border mdl-card__link">
<!--FOOTER TEMPLATE--> <!--FOOTER TEMPLATE-->
<ng-template *ngIf="footerTemplate" <ng-template *ngIf="footerTemplate"