mirror of
https://github.com/openMF/community-app.git
synced 2026-02-06 15:36:56 +00:00
251 lines
11 KiB
HTML
251 lines
11 KiB
HTML
<div ng-controller="ViewClientController">
|
|
<ul class="breadcrumb">
|
|
<li>
|
|
<img src="../prototype-app/image/blank_avatar.jpg" alt="Avatar" width="40">
|
|
</li>
|
|
<li>
|
|
<h3>
|
|
|
|
{{client.displayName}}
|
|
|
|
<i class="icon-circle {{client.status.value | StatusLookup}}"></i>
|
|
|
|
</h3>
|
|
</li>
|
|
<li><span class="divider">|</span>
|
|
<i class="icon-barcode"></i>
|
|
<small>Uniquely identified with {{client.accountNo}} </small>
|
|
</li>
|
|
<li><span class="divider">|</span>
|
|
<i class="icon-building"></i>
|
|
<small>Belongs to "{{client.officeName}}" office</small>
|
|
</li>
|
|
</ul>
|
|
<div>
|
|
<div>
|
|
<tabset style="margin-bottom: 0px;">
|
|
<tab heading="Accounts">
|
|
<div class="row-fluid">
|
|
<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>
|
|
<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">
|
|
<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 class="row-fluid">
|
|
<br/>
|
|
<table class="table">
|
|
<tr class="graybg">
|
|
<th>Loan Accounts</th>
|
|
<th></th>
|
|
<th>Loan Type</th>
|
|
<th>Status</th>
|
|
<th></th>
|
|
</tr>
|
|
<tr ng-repeat="loanaccount in clientAccounts.loanAccounts | filter:isNotClosed" >
|
|
<td>
|
|
<a href="#/viewloanaccount/{{loanaccount.id}}">
|
|
{{loanaccount.productName}}
|
|
</a>
|
|
</td>
|
|
<td>
|
|
<a href="#/viewloanaccount/{{loanaccount.id}}">
|
|
{{loanaccount.accountNo}}
|
|
</a>
|
|
</td>
|
|
<td>{{loanaccount.loanType.value}}</td>
|
|
<td>{{loanaccount.status.value}}</td>
|
|
<td><i class="icon-stop {{loanaccount.status.code | StatusLookup}}"></i></td>
|
|
</tr>
|
|
<tr><td colspan="5"> </td></tr>
|
|
<tr class="graybg">
|
|
<th>Savings Accounts</th>
|
|
<th></th>
|
|
<th>Balance</th>
|
|
<th>Status</th>
|
|
<th></th>
|
|
</tr>
|
|
<tr ng-repeat="savingaccount in clientAccounts.savingsAccounts">
|
|
<td>
|
|
<a href="#">{{savingaccount.productName}}</a>
|
|
</td>
|
|
<td>{{savingaccount.accountNo}}</td>
|
|
<td>{{savingaccount.accountBalance}}</td>
|
|
<td>{{savingaccount.status.value}}</td>
|
|
<td>
|
|
<i class="icon-stop {{savingaccount.status.code | StatusLookup}}"></i>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</tab>
|
|
<tab heading="Identify Documents">
|
|
<table class="table">
|
|
<thead>
|
|
<th>{{'table.heading.uniqueidentification' | translate}}</th>
|
|
<th>{{'table.heading.description' | translate}}</th>
|
|
<th>{{'table.heading.identitydocuments' | translate}}</th>
|
|
<th>{{'table.heading.actions' | translate}}</th>
|
|
</thead>
|
|
<tbody>
|
|
<tr ng-repeat="document in identitydocuments">
|
|
<td>{{document.documentKey}}</td>
|
|
<td>{{document.description}}</td>
|
|
<td>
|
|
<span ng-repeat="file in document.documents">{{file.fileName}} </span>
|
|
</td>
|
|
<td>
|
|
<i class="icon-cloud-download"></i>
|
|
<i class="icon-edit"></i>
|
|
<i class="icon-remove"></i>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</tab>
|
|
<tab heading="{{clientdatatable.registeredTableName}}" ng-repeat="clientdatatable in clientdatatables" select="dataTableChange(clientdatatable)">
|
|
<div>
|
|
<span ng-show="!datatabledetails.isData || datatabledetails.isMultirow" class="pull-right "><a href="#" class="btn btn-primary"><i class="icon-plus icon-white"></i></a></span></br>
|
|
<table class="table" ng-show="datatabledetails.isMultirow">
|
|
<thead>
|
|
<th ng-repeat="column in datatabledetails.columnHeaders">{{column.columnName}}</th>
|
|
<th>{{'table.heading.actions' | translate}}</th>
|
|
</thead>
|
|
<tbody>
|
|
<tr ng-repeat="data in datatabledetails.data">
|
|
<td ng-repeat="row in data.row">
|
|
{{row}}
|
|
</td>
|
|
<td>
|
|
<i class="icon-edit"></i>
|
|
<i class="icon-remove"></i>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<div ng-show="!datatabledetails.isMultirow">
|
|
<span class="pull-right" ng-show="datatabledetails.isData">
|
|
<i class="icon-edit"></i>
|
|
<i class="icon-remove"></i>
|
|
</span>
|
|
<table ng-show="!datatabledetails.isMultirow" width="100%">
|
|
<tr ng-repeat="column in datatabledetails.columnHeaders">
|
|
<td width="30%">{{column.columnName}}:</td>
|
|
<td width="70%" valign="top">{{column.value}}</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</tab>
|
|
<tab heading="Notes">
|
|
<div ng-repeat="clientNote in clientNotes">
|
|
<div>
|
|
<blockquote>
|
|
<p>{{clientNote.note}}</p>
|
|
<small>Created by : {{clientNote.createdByUsername}}</small>
|
|
<small>Created on : {{clientNote.createdOn}}</small>
|
|
</blockquote>
|
|
</div>
|
|
</div>
|
|
</ul>
|
|
</tab>
|
|
<tab heading="Closed Account">
|
|
<div>
|
|
<p>
|
|
<b>Loan Accounts Overview</b>
|
|
</p>
|
|
<table class="table condensed-table">
|
|
<thead>
|
|
<tr>
|
|
<th>Account No</th>
|
|
<th>Product</th>
|
|
<th>Loan Type</th>
|
|
<th>Status</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr ng-repeat="loanaccount in clientAccounts.loanAccounts | filter:isClosed" >
|
|
<td><a href="#/viewloanaccount/{{loanaccount.id}}"><i class="icon-stop {{loanaccount.status.code | StatusLookup}}"></i> {{loanaccount.accountNo}}</a></td>
|
|
<td><a href="#/viewloanaccount/{{loanaccount.id}}">{{loanaccount.productName}}</a></td>
|
|
<td>{{loanaccount.loanType.value}}</td>
|
|
<td>{{loanaccount.status.value}}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</tab>
|
|
</tabset>
|
|
</div>
|
|
</div>
|
|
</div>
|