Client view with details

openMF · Aug 24, 2024 · 1e1772d · 1e1772d
1 parent c3776fb
commit 1e1772d
Show file tree

Hide file tree

Showing 15 changed files with 72 additions and 23 deletions.
diff --git a/src/app/clients/clients-view/clients-view.component.html b/src/app/clients/clients-view/clients-view.component.html
@@ -45,29 +45,59 @@ <h3 fxFlex="95%">
         </mat-card-title>
 
         <mat-card-subtitle>
-          <p>
-            <b>{{"labels.inputs.Office" | translate}} :</b><mifosx-entity-name entityName="{{clientViewData.officeName}}"></mifosx-entity-name><br />
-            <b>{{"labels.inputs.Client" | translate}} :</b> <mifosx-account-number accountNo="{{clientViewData.accountNo}}"></mifosx-account-number><br />
-            <b>{{"labels.inputs.External Id" | translate}}:</b><mifosx-external-identifier externalId="{{clientViewData.externalId}}" completed="true"></mifosx-external-identifier><br />
-            <span *ngIf="clientViewData.staffName"><b>{{"labels.inputs.Staff" | translate}} :</b> {{clientViewData.staffName ||
-              'Unassigned'}}<br /></span>
-            <span *ngIf="clientViewData.activationDate"><b>{{"labels.inputs.Activation Date" | translate}} :</b> {{clientViewData.activationDate |
-              dateFormat}}<br /></span>
-            <span *ngIf="clientViewData.groups.length > 0">
-              {{"labels.inputs.Member Of" | translate}} :
-              <span *ngFor="let group of clientViewData.groups">
-                <a>{{group.name}}</a>&nbsp;
-              </span>
-            </span>
-            <br />
-            <span *ngIf="clientViewData.mobileNo">
-              <b>{{"labels.inputs.Mobile Number" | translate}}:</b><mifosx-external-identifier externalId="{{clientViewData.mobileNo}}" completed="true"></mifosx-external-identifier><br />
-            </span>
-            <span *ngIf="clientViewData.emailAddress">
-              <b>{{"labels.inputs.Email" | translate}}:</b><mifosx-external-identifier externalId="{{clientViewData.emailAddress}}" completed="true"></mifosx-external-identifier><br />
-            </span>
-            <br />
-          </p>
+          <div fxLayout="row" fxLayout.lt-md="column">
+            <div fxFlex="50%">
+              <table class="account-overview">
+                <tbody>
+                  <tr>
+                    <td><b>{{"labels.inputs.Office" | translate}}</b></td>
+                    <td><mifosx-entity-name entityName="{{clientViewData.officeName}}"></mifosx-entity-name></td>
+                  </tr>
+                  <tr>
+                    <td><b>{{"labels.inputs.Client" | translate}}</b></td>
+                    <td><mifosx-account-number accountNo="{{clientViewData.accountNo}}"></mifosx-account-number></td>
+                  </tr>
+                  <tr>
+                    <td><b>{{"labels.inputs.External Id" | translate}}</b></td>
+                    <td><mifosx-external-identifier externalId="{{clientViewData.externalId}}" completed="true"></mifosx-external-identifier></td>
+                  </tr>
+                  <tr *ngIf="clientViewData.activationDate">
+                    <td><b>{{"labels.inputs.Activation Date" | translate}}</b></td>
+                    <td>{{clientViewData.activationDate | dateFormat}}</td>
+                  </tr>
+                  <tr>
+                    <td><b>{{"labels.inputs.Staff" | translate}}</b></td>
+                    <td *ngIf="clientViewData.staffName">{{clientViewData.staffName}}</td>
+                    <td *ngIf="!clientViewData.staffName">{{'labels.inputs.Unassigned' | translate}}</td>
+                  </tr>
+                </tbody>
+              </table> 
+            </div>
+            <div fxFlex="50%">
+              <table class="account-overview">
+                <tbody>
+                  <tr *ngIf="clientViewData.groups.length > 0">
+                    <td><b>{{"labels.inputs.Member Of" | translate}}</b></td>
+                    <td><span *ngFor="let group of clientViewData.groups">
+                      <span class="m-r-3">{{group.name}}</span>
+                    </span></td>
+                  </tr>
+                  <tr>
+                    <td><b>{{"labels.inputs.Client Type" | translate}}</b></td>
+                    <td>{{clientViewData.clientType.name}}</td>
+                  </tr>
+                  <tr>
+                    <td><b>{{"labels.inputs.Mobile Number" | translate}}</b></td>
+                    <td><mifosx-external-identifier externalId="{{clientViewData.mobileNo}}" completed="true"></mifosx-external-identifier></td>
+                  </tr>
+                  <tr>
+                    <td><b>{{"labels.inputs.Email" | translate}}</b></td>
+                    <td><mifosx-external-identifier externalId="{{clientViewData.emailAddress}}" completed="true"></mifosx-external-identifier></td>
+                  </tr>
+                </tbody>
+              </table> 
+            </div>
+          </div>
         </mat-card-subtitle>
 
       </div>

diff --git a/src/app/clients/clients-view/clients-view.component.scss b/src/app/clients/clients-view/clients-view.component.scss
@@ -19,3 +19,9 @@
     }
   }
 }
+
+.account-overview {
+  color: white;
+  min-width: 85%;
+  margin-left: 10px;
+}
diff --git a/src/app/products/loan-products/common/loan-product-summary/loan-product-summary.component.ts b/src/app/products/loan-products/common/loan-product-summary/loan-product-summary.component.ts
@@ -98,6 +98,7 @@ export class LoanProductSummaryComponent implements OnInit, OnChanges {
           'overpaymentLiabilityAccount': this.glAccountLookUp(this.loanProduct.overpaymentLiabilityAccountId, liabilityAccountData),
         };
 
+        this.paymentChannelToFundSourceMappings = [];
         if (this.loanProduct.paymentChannelToFundSourceMappings?.length > 0) {
           const paymentTypesData = this.loanProductsTemplate.paymentTypeOptions || [];
           this.loanProduct.paymentChannelToFundSourceMappings.forEach((m: any) => {

diff --git a/src/assets/translations/cs-CS.json b/src/assets/translations/cs-CS.json
@@ -614,6 +614,7 @@
       "Release Amount": "Částka uvolnění",
       "Daily": "Denně",
       "Monthly": "Měsíční",
+      "SemiWeeks": "Dvoutýdenní",
       "Quarterly": "Čtvrtletně",
       "Semi-Annual": "Pololetní",
       "Annually": "Každoročně",

diff --git a/src/assets/translations/de-DE.json b/src/assets/translations/de-DE.json
@@ -614,6 +614,7 @@
       "Release Amount": "Freigabebetrag",
       "Daily": "Täglich",
       "Monthly": "Monatlich",
+      "SemiWeeks": "Zweiwöchentlich",
       "Quarterly": "Vierteljährlich",
       "Semi-Annual": "Halbjährlich",
       "Annually": "Jährlich",

diff --git a/src/assets/translations/en-US.json b/src/assets/translations/en-US.json
@@ -617,6 +617,7 @@
             "Weekly": "Weekly",
             "Quarterly": "Quartely",
             "Semi-Annual": "Semi-Annual",
+            "SemiWeeks": "SemiWeeks",
             "Annually": "Annually",
             "Daily Balance": "Daily Balance",
             "% Disbursement Amount": "% Disbursement Amount",

diff --git a/src/assets/translations/es-MX.json b/src/assets/translations/es-MX.json
@@ -1882,6 +1882,7 @@
             "Mobile Number for SMS": "Número de móvil para SMS",
             "Monday": "Lunes",
             "Monthly": "Mensual",
+            "SemiWeeks": "Quincenal",
             "Moratorium": "Moratoria",
             "Multi Row": "Varias filas",
             "Multiple Credit Entries Allowed": "Se permiten múltiples entradas de crédito",

diff --git a/src/assets/translations/fr-FR.json b/src/assets/translations/fr-FR.json
@@ -614,6 +614,7 @@
       "Release Amount": "Montant de la libération",
       "Daily": "Tous les jours",
       "Monthly": "Mensuel",
+      "SemiWeeks": "Bihebdomadaire",
       "Weekly": "Hebdomadaire",
       "Quarterly": "Trimestriel",
       "Semi-Annual": "Semestriel",

diff --git a/src/assets/translations/it-IT.json b/src/assets/translations/it-IT.json
@@ -614,6 +614,7 @@
       "Release Amount": "Importo di rilascio",
       "Daily": "Quotidiano",
       "Monthly": "Mensile",
+      "SemiWeeks": "Bisettimanale",
       "Quarterly": "Trimestrale",
       "Semi-Annual": "Semiannuale",
       "Annually": "Annualmente",

diff --git a/src/assets/translations/ko-KO.json b/src/assets/translations/ko-KO.json
@@ -614,6 +614,7 @@
       "Release Amount": "출시 금액",
       "Daily": "일일",
       "Monthly": "월간 간행물",
+      "SemiWeeks": "격주 간행물",
       "Quarterly": "분기별",
       "Semi-Annual": "반년마다",
       "Annually": "매년",

diff --git a/src/assets/translations/lt-LT.json b/src/assets/translations/lt-LT.json
@@ -614,6 +614,7 @@
       "Release Amount": "Išleidimo suma",
       "Daily": "Kasdien",
       "Monthly": "Kas mėnesį",
+      "SemiWeeks": "Kas dvi savaites",
       "Quarterly": "Kas ketvirtį",
       "Semi-Annual": "Pusmetis",
       "Annually": "Kasmet",

diff --git a/src/assets/translations/lv-LV.json b/src/assets/translations/lv-LV.json
@@ -614,6 +614,7 @@
       "Release Amount": "Izlaiduma summa",
       "Daily": "Ikdienas",
       "Monthly": "Ikmēneša",
+      "SemiWeeks": "Reizi divās nedēļās",
       "Quarterly": "Ceturkšņa",
       "Semi-Annual": "Pusgada",
       "Annually": "Ik gadu",

diff --git a/src/assets/translations/ne-NE.json b/src/assets/translations/ne-NE.json
@@ -614,6 +614,7 @@
       "Release Amount": "रिलिज रकम",
       "Daily": "दैनिक",
       "Monthly": "मासिक",
+      "SemiWeeks": "द्विसाप्ताहिक",
       "Quarterly": "त्रैमासिक",
       "Semi-Annual": "अर्ध - वार्षिक",
       "Annually": "वार्षिक रूपमा",

diff --git a/src/assets/translations/pt-PT.json b/src/assets/translations/pt-PT.json
@@ -614,6 +614,7 @@
       "Release Amount": "Valor de liberação",
       "Daily": "Diário",
       "Monthly": "Por mês",
+      "SemiWeeks": "Quinzenal",
       "Quarterly": "Trimestralmente",
       "Semi-Annual": "Semestral",
       "Annually": "Anualmente",

diff --git a/src/assets/translations/sw-SW.json b/src/assets/translations/sw-SW.json
@@ -614,6 +614,7 @@
       "Release Amount": "Kiasi cha Kutolewa",
       "Daily": "Kila siku",
       "Monthly": "Kila mwezi",
+      "SemiWeeks": "Kila wiki",
       "Quarterly": "Kila robo",
       "Semi-Annual": "Nusu ya Mwaka",
       "Annually": "Kila mwaka",