96 lines
5.0 KiB
HTML
96 lines
5.0 KiB
HTML
<!-- The viewport is divided into two parts having max-width 70% and 30% -->
|
||
<div fxLayout="row">
|
||
|
||
<!--
|
||
Content in 70%: (TODO: Allow customization by organization)
|
||
Cover Image
|
||
Organization/Application Name
|
||
Organization/Application Description
|
||
|
||
This content will be hidden for smaller screens.
|
||
-->
|
||
|
||
<div fxFlex="70%" fxLayout="column" fxLayoutAlign="center center" fxHide.lt-md class="cover">
|
||
<div class="cover-content">
|
||
<h1 class="mat-display-1 cover-title">{{ 'APP_NAME' | translate }}</h1>
|
||
<p class="mat-headline cover-description">
|
||
{{ 'APP_NAME' | translate }} is designed by the <a href="http://www.openmf.org" target="_blank" class="cover-link">Mifos Initiative</a>. A <a href="http://mifos.org/resources/community/" target="_blank" class="cover-link">global community</a> that aims to speed the elimination of poverty by enabling Organizations to more effectively and efficiently deliver responsible financial services to the world’s poor and unbanked.
|
||
Sounds interesting? <a href="http://mifos.org/take-action/volunteer/" target="_blank" class="cover-link">Get involved!</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!--
|
||
Content in 30%: (TODO: Allow customization of Name, Logo and Contact Information by organization)
|
||
Language Selector
|
||
Organization/Application Name with Logo
|
||
Form
|
||
Contact Information/Resources
|
||
Footer
|
||
-->
|
||
|
||
<div fxLayout="column" fxFlex.gt-md="1 0 30%" class="login-container">
|
||
|
||
<!-- Language Selector to the extreme right -->
|
||
<div fxLayout="row-reverse" fxFlex="1 0 auto">
|
||
<mifosx-language-selector class="p-r-10 p-t-10"></mifosx-language-selector>
|
||
<div fxFlex></div>
|
||
<mifosx-server-selector class="p-l-10 p-t-10" *ngIf="environment.allowServerSwitch"></mifosx-server-selector>
|
||
</div>
|
||
|
||
<!-- Logo with Organization Name -->
|
||
<div fxLayout="row" fxLayoutAlign="center center" fxFlex="1 0 auto">
|
||
<img src="assets/images/mifos-logo-flat.png" alt="{{ 'APP_NAME' | translate }} Logo" class="img-container">
|
||
</div>
|
||
|
||
<!-- Tenant Identifier Name -->
|
||
<div fxLayout="row" fxLayoutAlign="center center" fxFlex="1 0 auto">
|
||
<mifosx-tenant-selector></mifosx-tenant-selector>
|
||
</div>
|
||
|
||
<!--
|
||
Type of Form:
|
||
Login
|
||
Reset Password
|
||
Two Factor Authentication
|
||
Forgot Password (TODO: Decision to be taken on providing this feature.)
|
||
-->
|
||
<div fxLayout="row" fxFlex="3 0 auto" fxLayoutAlign="center start">
|
||
<mifosx-login-form *ngIf="!resetPassword && !twoFactorAuthenticationRequired"></mifosx-login-form>
|
||
<mifosx-reset-password *ngIf="resetPassword"></mifosx-reset-password>
|
||
<mifosx-two-factor-authentication *ngIf="twoFactorAuthenticationRequired"></mifosx-two-factor-authentication>
|
||
</div>
|
||
|
||
<!-- Contact Information/Resources (hidden on smaller screens) -->
|
||
<mat-list fxHide.lt-lg fxLayout="row" fxFlexAlign="center" fxFlex="3 0 auto" class="information-list">
|
||
<mat-list-item><button mat-button [matMenuTriggerFor]="resourcesMenu">{{ 'labels.links.Resources' | translate }}</button></mat-list-item>
|
||
<mat-list-item><button mat-button [matMenuTriggerFor]="communityMenu">{{ 'labels.links.Community' | translate }}</button></mat-list-item>
|
||
<mat-list-item><button mat-button [matMenuTriggerFor]="contributeMenu">{{ 'labels.links.Contribute' | translate }}</button></mat-list-item>
|
||
</mat-list>
|
||
|
||
<!-- Footer -->
|
||
<mifosx-footer></mifosx-footer>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<!-- Contact Information/Resources Menus -->
|
||
<mat-menu #resourcesMenu="matMenu">
|
||
<a href="https://mifosforge.jira.com/wiki/spaces/docs/pages/52035622/User+Manual" target="_blank" mat-menu-item>{{ 'labels.links.User Manual' | translate }}</a>
|
||
<a href="https://cwiki.apache.org/confluence/display/FINERACT/Apache+Fineract+1.0+Functional+Specifications" target="_blank" mat-menu-item>{{ 'labels.links.Functional Specifications' | translate }}</a>
|
||
<a href="https://cwiki.apache.org/confluence/display/FINERACT/Contributor%27s+Zone" target="_blank" mat-menu-item>{{ 'labels.links.Developer Zone' | translate }}</a>
|
||
</mat-menu>
|
||
|
||
<mat-menu #communityMenu="matMenu">
|
||
<a href="https://groups.google.com/forum/#!forum/mifosusers" target="_blank" mat-menu-item>{{ 'labels.links.User Group' | translate }}</a>
|
||
<a href="https://groups.google.com/forum/#!forum/mifosdeveloper" target="_blank" mat-menu-item>{{ 'labels.links.Developer Group' | translate }}</a>
|
||
<a href="http://mifos.org/resources/community/communications/#mifos-irc" target="_blank" mat-menu-item>{{ 'labels.links.IRC' | translate }}</a>
|
||
</mat-menu>
|
||
|
||
<mat-menu #contributeMenu="matMenu">
|
||
<a href="https://mifosforge.jira.com/wiki/spaces/MDZ/pages/92012624/Key+Design+Principles" target="_blank" mat-menu-item>{{ 'labels.links.Key Design Principles' | translate }}</a>
|
||
<a href="https://sourceforge.net/projects/mifos/" target="_blank" mat-menu-item>{{ 'labels.links.Working with Code' | translate }}</a>
|
||
<a href="http://mifos.org/donate/" target="_blank" mat-menu-item>{{ 'labels.links.Donate' | translate }}</a>
|
||
</mat-menu>
|