highlight tables in clients,groups and centers

app/scripts/controllers/centers/ViewCenterController.js

@@ -8,6 +8,12 @@
                 scope.staffData.staffId = data.staffId;
                 scope.meeting = data.collectionMeetingCalendar;
             });
+            scope.routeTo = function(id){
+                location.path('/viewsavingaccount/' + id);
+            };
+            scope.routeToGroup = function(id){
+                location.path('/viewgroup/' + id);
+            }
             resourceFactory.runReportsResource.get({reportSource: 'GroupSummaryCounts',genericResultSet: 'false',R_groupId: routeParams.id} , function(data) {
                 scope.summary = data[0];
             });

app/scripts/controllers/client/ViewClientController.js

@@ -6,6 +6,12 @@
         scope.buttons = [];
         scope.clientdocuments = [];
         scope.staffData = {};
+        scope.routeToLoan = function(id){
+          location.path('/viewloanaccount/' + id);
+        };
+        scope.routeToSaving = function(id){
+            location.path('/viewsavingaccount/' + id);
+        };
         scope.haveFile = [];
         resourceFactory.clientResource.get({clientId: routeParams.id} , function(data) {
             scope.client = data;

app/scripts/controllers/groups/ViewGroupController.js

@@ -5,6 +5,15 @@
             scope.template = [];
             scope.choice = 0;
             scope.staffData = {};
+            scope.routeToLoan = function(id){
+                location.path('/viewloanaccount/' + id);
+            };
+            scope.routeToSaving = function(id){
+                location.path('/viewsavingaccount/' + id);
+            };
+            scope.routeToMem = function(id){
+                location.path('/viewclient/' + id);
+            };
            resourceFactory.groupResource.get({groupId: routeParams.id,associations:'all'} , function(data) {
                scope.group = data;
                scope.staffData.staffId = data.staffId;

app/views/centers/viewcenter.html

@@ -147,7 +147,7 @@
         <br/>
         <div data-ng-show="accounts.savingsAccounts">
             <h3>{{ 'label.heading.savingsaccoverview' | translate }}</h3>
-            <table class="table table-striped" width="100%" style="margin-top: -20px;">
+            <table class="table" width="100%" style="margin-top: -20px;">
                 <thead>
                     <tr><td colspan="5">&nbsp;</td></tr>
                     <tr class="graybg">
@@ -158,11 +158,11 @@
                     </tr>
                 </thead>
                 <tbody>
-                    <tr ng-repeat="savingaccount in accounts.savingsAccounts | orderBy:'productName':reverse">
-                        <td><a href="#/viewsavingaccount/{{savingaccount.id}}">{{savingaccount.productName}}</a></td>
-                        <td><a href="#/">{{savingaccount.accountNo}}</a></td>
-                        <td>{{savingaccount.accountBalance}}</td>
-                        <td><i class="icon-stop {{savingaccount.status.code | StatusLookup}}"></i>{{savingaccount.status.value}}</td>
+                    <tr class="pointer-main" ng-repeat="savingaccount in accounts.savingsAccounts | orderBy:'productName':reverse">
+                        <td class="pointer" data-ng-click="routeTo(savingaccount.id)">{{savingaccount.productName}}</td>
+                        <td class="pointer" data-ng-click="routeTo(savingaccount.id)">{{savingaccount.accountNo}}</td>
+                        <td class="pointer" data-ng-click="routeTo(savingaccount.id)">{{savingaccount.accountBalance}}</td>
+                        <td class="pointer" data-ng-click="routeTo(savingaccount.id)"><i class="icon-stop {{savingaccount.status.code | StatusLookup}}"></i>{{savingaccount.status.value}}</td>
                     </tr>
                 </tbody>
             </table>
@@ -177,17 +177,17 @@
 
         </div>
     </div>
-    <table class="table table-striped" width="100%">
+    <table class="table" width="100%">
         <thead>
         <th>{{'label.heading.name' | translate}}</th>
         <th>{{'label.heading.office' | translate}}</th>
         <th>{{ 'label.heading.status' | translate }}</th>
         </thead>
         <tbody>
-        <tr ng-repeat="group in center.groupMembers">
-            <td><a href="#/viewgroup/{{group.id}}">{{group.name}}</a></td>
-            <td><a href="#/viewgroup/{{group.id}}">{{group.officeName}}</a></td>
-            <td> <i class="icon-stop {{group.status.code | StatusLookup}}"></i>{{group.status.value}}</td>
+        <tr class="pointer-main" ng-repeat="group in center.groupMembers">
+            <td class="pointer" data-ng-click="routeToGroup(group.id)">{{group.name}}</td>
+            <td class="pointer" data-ng-click="routeToGroup(group.id)">{{group.officeName}}</td>
+            <td class="pointer" data-ng-click="routeToGroup(group.id)"> <i class="icon-stop {{group.status.code | StatusLookup}}"></i>{{group.status.value}}</td>
         </tr>
         </tbody>
     </table>

app/views/clients/viewclient.html

@@ -170,19 +170,19 @@
                       <th>{{'label.heading.type' | translate}}</th>
                       <th>{{'label.heading.status' | translate}}</th>
                   </tr>
-                  <tr ng-repeat="loanaccount in clientAccounts.loanAccounts | orderBy:'productName':reverse | filter:isLoanNotClosed" >
-                    <td>
-                      <a href="#/viewloanaccount/{{loanaccount.id}}">
+                  <tr class="pointer-main" ng-repeat="loanaccount in clientAccounts.loanAccounts | orderBy:'productName':reverse | filter:isLoanNotClosed" >
+                    <td class="pointer" data-ng-click="routeToLoan(loanaccount.id)">
+
                         {{loanaccount.productName}}
-                      </a>
+
                     </td>
-                    <td>
-                      <a href="#/viewloanaccount/{{loanaccount.id}}">
+                    <td class="pointer" data-ng-click="routeToLoan(loanaccount.id)">
+
                         {{loanaccount.accountNo}}
-                      </a>
+
                     </td>
-                    <td>{{loanaccount.loanType.value}}</td>
-                    <td><i class="icon-stop {{loanaccount.status.code | StatusLookup}}"></i>&nbsp;&nbsp;{{loanaccount.status.value}}</td>
+                    <td class="pointer" data-ng-click="routeToLoan(loanaccount.id)">{{loanaccount.loanType.value}}</td>
+                    <td class="pointer" data-ng-click="routeToLoan(loanaccount.id)"><i class="icon-stop {{loanaccount.status.code | StatusLookup}}"></i>&nbsp;&nbsp;{{loanaccount.status.value}}</td>
                   </tr>
                   <tr><td colspan="5">&nbsp;</td></tr>
               </table>
@@ -198,11 +198,11 @@
                   <th>{{'label.heading.balance' | translate}}</th>
                   <th>{{'label.heading.status' | translate}}</th>
                 </tr>
-                <tr ng-repeat="savingaccount in clientAccounts.savingsAccounts| orderBy:'productName':reverse | filter:isSavingNotClosed">
-                  <td><a href="#/viewsavingaccount/{{savingaccount.id}}">{{savingaccount.productName}}</a></td>
-                  <td><a href="#/viewsavingaccount/{{savingaccount.id}}">{{savingaccount.accountNo}}</a></td>
-                  <td>{{savingaccount.accountBalance}}</td>         
-                  <td><i class="icon-stop {{savingaccount.status.code | StatusLookup}}"></i>&nbsp;&nbsp;{{savingaccount.status.value}}</td>
+                <tr class="pointer-main" ng-repeat="savingaccount in clientAccounts.savingsAccounts| orderBy:'productName':reverse | filter:isSavingNotClosed">
+                  <td class="pointer" data-ng-click="routeToSaving(savingaccount.id)">{{savingaccount.productName}}</td>
+                  <td class="pointer" data-ng-click="routeToSaving(savingaccount.id)">{{savingaccount.accountNo}}</td>
+                  <td class="pointer" data-ng-click="routeToSaving(savingaccount.id)">{{savingaccount.accountBalance}}</td>
+                  <td class="pointer" data-ng-click="routeToSaving(savingaccount.id)"><i class="icon-stop {{savingaccount.status.code | StatusLookup}}"></i>&nbsp;&nbsp;{{savingaccount.status.value}}</td>
                 </tr>
              </table>
             </div>

app/views/groups/viewgroup.html

@@ -155,7 +155,7 @@
             <h3>{{ 'label.heading.loanaccoverview' | translate }}</h3>
             <br/>
             <a href="#/groupclosedloanaccount/{{group.id}}" class="pull-right">{{ 'label.button.viewclosedloans' | translate }}</a>
-            <table class="table table-striped" width="100%">
+            <table class="table" width="100%">
                   <thead>
                     <tr class="graybg">
                         <th>{{ 'label.heading.products' | translate }}</th>
@@ -164,18 +164,10 @@
                     </tr>
                 </thead>
                 <tbody>
-                    <tr ng-repeat="loanaccount in groupAccounts.loanAccounts| orderBy:'productName':reverse | filter:isLoanNotClosed" >
-                        <td>
-                            <a href="#/viewloanaccount/{{loanaccount.id}}">
-                                {{loanaccount.productName}}
-                            </a>
-                        </td>
-                        <td>
-                            <a href="#/viewloanaccount/{{loanaccount.id}}">
-                                {{loanaccount.accountNo}}
-                            </a>
-                        </td>
-                        <td><i class="icon-stop {{loanaccount.status.code | StatusLookup}}"></i>{{loanaccount.status.value}}</td>
+                    <tr class="pointer-main" ng-repeat="loanaccount in groupAccounts.loanAccounts| orderBy:'productName':reverse | filter:isLoanNotClosed" >
+                        <td class="pointer" data-ng-click="routeToLoan(loanaccount.id)"> {{loanaccount.productName}}</td>
+                        <td class="pointer" data-ng-click="routeToLoan(loanaccount.id)">{{loanaccount.accountNo}}</td>
+                        <td class="pointer" data-ng-click="routeToLoan(loanaccount.id)"><i class="icon-stop {{loanaccount.status.code | StatusLookup}}"></i>{{loanaccount.status.value}}</td>
                     </tr>
                     <tr><td colspan="5">&nbsp;</td></tr>
                 </tbody>
@@ -184,7 +176,7 @@
           <div data-ng-show="groupAccounts.savingsAccounts">
             <h3>{{'label.heading.savingsaccoverview' | translate }}</h3>
             <a href="#/groupclosedsavingaccount/{{group.id}}" class="pull-right">{{ 'label.button.viewclosedsavings' | translate }}</a>
-            <table class="table table-striped" width="100%">
+            <table class="table" width="100%">
               <thead>
                 <tr class="graybg">
                     <th>{{ 'label.heading.products' | translate }}</th>
@@ -194,11 +186,11 @@
                 </tr>
               </thead>
               <tbody>
-                <tr ng-repeat="savingaccount in groupAccounts.savingsAccounts |orderBy:'productName':reverse | filter:isSavingNotClosed">
-                    <td><a href="#/viewsavingaccount/{{savingaccount.id}}">{{savingaccount.productName}}</a></td>
-                    <td><a href="#/viewsavingaccount/{{savingaccount.id}}">{{savingaccount.accountNo}}</a></td>
-                    <td>{{savingaccount.accountBalance}}</td>
-                    <td><i class="icon-stop {{savingaccount.status.code | StatusLookup}}"></i>{{savingaccount.status.value}}</td>
+                <tr class="pointer-main" ng-repeat="savingaccount in groupAccounts.savingsAccounts |orderBy:'productName':reverse | filter:isSavingNotClosed">
+                    <td class="pointer" data-ng-click="routeToSaving(savingaccount.id)">{{savingaccount.productName}}</td>
+                    <td class="pointer" data-ng-click="routeToSaving(savingaccount.id)">{{savingaccount.accountNo}}</td>
+                    <td class="pointer" data-ng-click="routeToSaving(savingaccount.id)">{{savingaccount.accountBalance}}</td>
+                    <td class="pointer" data-ng-click="routeToSaving(savingaccount.id)"><i class="icon-stop {{savingaccount.status.code | StatusLookup}}"></i>{{savingaccount.status.value}}</td>
                 </tr>
               </tbody>
             </table>
@@ -215,17 +207,17 @@
                 <a href="#/transferclients/{{group.id}}" class="btn btn-primary pull-right">{{ 'label.button.transferclients' | translate }}</a>
             </div>
         </div>
-        <table class="table table-striped" width="100%">
+        <table class="table" width="100%">
             <thead>
                  <th>{{'label.heading.accnum' | translate}}</th>
                  <th>{{'label.heading.name' | translate}}</th>
                  <th>{{ 'label.heading.status' | translate }}</th>
             </thead>
             <tbody>
-               <tr ng-repeat="member in group.clientMembers">
-                <td><a href="#/viewclient/{{member.id}}">{{member.accountNo}}</a></td>
-                <td><a href="#/viewclient/{{member.id}}">{{member.displayName}}</a></td>
-                <td> <i class="icon-stop {{member.status.code | StatusLookup}}"></i>{{member.status.value}}</td>
+               <tr class="pointer-main" ng-repeat="member in group.clientMembers">
+                <td class="pointer" data-ng-click="routeToMem(member.id)">{{member.accountNo}}</td>
+                <td class="pointer" data-ng-click="routeToMem(member.id)">{{member.displayName}}</td>
+                <td class="pointer" data-ng-click="routeToMem(member.id)"> <i class="icon-stop {{member.status.code | StatusLookup}}"></i>{{member.status.value}}</td>
                </tr>
             </tbody>
         </table>