mirror of
https://github.com/openMF/community-app.git
synced 2026-02-06 13:17:04 +00:00
Merge pull request #89 from Nayan/clientprofile
client profile as per UI mockups
This commit is contained in:
Nayan Ambali
commit
f2d100020e
@ -87,12 +87,14 @@
|
||||
"label.office.externalid":"External Id:",
|
||||
|
||||
"#view client":"",
|
||||
"label.firstname":"First Name:",
|
||||
"label.lastname":"Last Name:",
|
||||
"label.accountno":"Account No:",
|
||||
"label.numofloancycle":"Loan Cycle #:",
|
||||
"label.lastloanamount":"Last Loan:",
|
||||
"label.numofactiveloans":"# of loans:",
|
||||
"label.totalsavings":"Total Savings:",
|
||||
"label.numofactivesavings":"# of savings:",
|
||||
"label.lastloanamount":"Last loan amount:",
|
||||
"label.numofactiveloans":"# of active loans:",
|
||||
"label.totalsavings":"Total savings amount:",
|
||||
"label.numofactivesavings":"# of active savings:",
|
||||
"label.activationdate":"Activation Date:",
|
||||
"label.officename":"Office Name:",
|
||||
"label.memberof":"Member Of:",
|
||||
|
||||
@ -26,33 +26,81 @@
|
||||
<tabset style="margin-bottom: 0px;">
|
||||
<tab heading="Accounts">
|
||||
<div class="row-fluid">
|
||||
<div class="paddedbottom20">
|
||||
<div class="row-fluid">
|
||||
<div class="btn-group">
|
||||
<div class="row-fluid primarydiv">
|
||||
<div class="btn-group pull-right">
|
||||
<a href="#/editclient/{{client.id}}" class="btn btn-primary"><i class="icon-edit icon-white"></i> Edit</a>
|
||||
<a href="#" class="btn btn-primary"><i class="icon-plus icon-white"></i> New Loan</a>
|
||||
<a href="#" class="btn btn-primary"><i class="icon-list-ul icon-white"></i> Add Note</a>
|
||||
<a href="#" class="btn btn-primary"><i class="icon-trash icon-white"></i> Close</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span8">
|
||||
<div class="row-fluid">
|
||||
<div class="span3">
|
||||
<span>{{ 'label.accountno' | translate }}</span>
|
||||
<span>{{ 'label.activationdate' | translate }}</span>
|
||||
<span>{{ 'label.officename' | translate }}</span>
|
||||
<span>{{ 'label.loanofficer' | translate }}</span>
|
||||
<span>{{ 'label.memberof' | translate }}</span>
|
||||
<br/>
|
||||
<div class="row-fluid">
|
||||
<div class="span7">
|
||||
<table width="100%" >
|
||||
<tr>
|
||||
<td width="35%">{{'label.firstname' | translate}}</td>
|
||||
<td width="65%">{{client.firstname}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{'label.lastname' | translate}}</td>
|
||||
<td>{{client.lastname}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{ 'label.accountno' | translate }}</td>
|
||||
<td>{{client.accountNo}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{ 'label.activationdate' | translate }}</td>
|
||||
<td valign="top">{{client.activationDate}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{ 'label.officename' | translate }}</td>
|
||||
<td>{{client.officeName}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{ 'label.loanofficer' | translate }}</td>
|
||||
<td>{{client.ClientSummary.totalSavings}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{client.staffName}}</td>
|
||||
<td>
|
||||
<span ng-repeat="group in client.groups" > {{group.name}} | </span>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="span5">
|
||||
<span>{{client.accountNo}}</span><br/>
|
||||
<span>{{client.activationDate}}</span><br/>
|
||||
<span>{{client.officeName}}</span><br/>
|
||||
<span>{{client.staffName}}</span><br/>
|
||||
<span ng-repeat="group in client.groups" > {{group.name}} </span>
|
||||
<table class="table table-striped" width="100%" >
|
||||
<thead>
|
||||
<tr class="graybg">
|
||||
<th colspan="2">Performance History</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tr>
|
||||
<td width="60%">{{ 'label.numofloancycle' | translate }}</td>
|
||||
<td width="40%">{{client.ClientSummary.loanCycle}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{ 'label.lastloanamount' | translate }}</td>
|
||||
<td valign="top">{{client.ClientSummary.lastLoanAmount}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{ 'label.numofactiveloans' | translate }}</td>
|
||||
<td>{{client.ClientSummary.activeLoans}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{ 'label.totalsavings' | translate }}</td>
|
||||
<td>{{client.ClientSummary.totalSavings}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{ 'label.numofactivesavings' | translate }}</td>
|
||||
<td>{{client.ClientSummary.activeSavings}}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row-fluid">
|
||||
<br/>
|
||||
<table class="table">
|
||||
<tr class="graybg">
|
||||
@ -98,37 +146,6 @@
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<div class="paddedleft">
|
||||
<table class="table table-striped" width="100%" >
|
||||
<thead>
|
||||
<tr class="graybg">
|
||||
<th colspan="2">Performance History</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tr>
|
||||
<td width="60%">{{ 'label.numofloancycle' | translate }}</td>
|
||||
<td width="40%">{{client.ClientSummary.loanCycle}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{ 'label.lastloanamount' | translate }}</td>
|
||||
<td valign="top">{{client.ClientSummary.lastLoanAmount}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{ 'label.numofactiveloans' | translate }}</td>
|
||||
<td>{{client.ClientSummary.activeLoans}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{ 'label.totalsavings' | translate }}</td>
|
||||
<td>{{client.ClientSummary.totalSavings}}</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>{{ 'label.numofactivesavings' | translate }}</td>
|
||||
<td>{{client.ClientSummary.activeSavings}}</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</tab>
|
||||
<tab heading="Identify Documents">
|
||||
|
||||
@ -95,14 +95,14 @@
|
||||
<div data-ng-hide="currentSession.user == null">
|
||||
<div class="navbar navbar-fixed-top">
|
||||
<div class="pull-left">
|
||||
<a class="brand" ng-click="leftnav = !leftnav"><i class="icon-chevron-right"></i></a>
|
||||
<a class="brand" ng-click="leftnav = !leftnav"><i class="icon-double-angle-right"></i></a>
|
||||
</div>
|
||||
<div class="navbar-inner">
|
||||
<div class="container">
|
||||
<a class="brand" href="../">Mifos <strong>X</strong></a>
|
||||
<a class="brand" href="#/home">Mifos <strong>X</strong></a>
|
||||
<div class="nav-collapse collapse" id="main-menu">
|
||||
<ul class="nav" id="main-menu-left">
|
||||
<li><a href="#"><i class="icon-home icon-white"></i>{{ 'link.home' | translate }}</a></li>
|
||||
<li><a href="#/home"><i class="icon-home icon-white"></i>{{ 'link.home' | translate }}</a></li>
|
||||
<li class="dropdown">
|
||||
<a class="dropdown-toggle" data-toggle="dropdown" href="#"><i class="icon-group"></i>{{ 'link.clients' | translate }}<b class="caret"></b></a>
|
||||
<ul class="dropdown-menu" id="swatch-menu">
|
||||
@ -144,7 +144,7 @@
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
<form ng-submit="search()" class="navbar-search pull-right">
|
||||
<form ng-submit="search()" class="navbar-search pull-right ng-pristine ng-valid">
|
||||
<input data-ng-model="search.query" type="text" placeholder="Search" class="search-query span2">
|
||||
</form>
|
||||
</div>
|
||||
|
||||
4
stylesheets/bootstrap-combined.min.css
vendored
4
stylesheets/bootstrap-combined.min.css
vendored
@ -4518,6 +4518,10 @@ input[type="submit"].btn.btn-mini {
|
||||
}
|
||||
|
||||
.navbar-search .search-query {
|
||||
background-color: #727272;
|
||||
border: 1px solid #626262;
|
||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.15);
|
||||
color: #FFFFFF;
|
||||
padding: 4px 14px;
|
||||
margin-bottom: 0;
|
||||
font-family: "Open Sans", Calibri, Candara, Arial, sans-serif;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user