Client view with details

2024-08-23 22:29:43 -06:00
parent c3776fb29a
commit 1e1772d3ca
15 changed files with 72 additions and 23 deletions
@@ -45,29 +45,59 @@
        </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>
@@ -19,3 +19,9 @@
    }
  }
 }
+
+.account-overview {
+  color: white;
+  min-width: 85%;
+  margin-left: 10px;
+}
@@ -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) => {
@@ -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ě",
@@ -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",
@@ -617,6 +617,7 @@
            "Weekly": "Weekly",
            "Quarterly": "Quartely",
            "Semi-Annual": "Semi-Annual",
+            "SemiWeeks": "SemiWeeks",
            "Annually": "Annually",
            "Daily Balance": "Daily Balance",
            "% Disbursement Amount": "% Disbursement Amount",
@@ -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",
@@ -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",
@@ -614,6 +614,7 @@
      "Release Amount": "Importo di rilascio",
      "Daily": "Quotidiano",
      "Monthly": "Mensile",
+      "SemiWeeks": "Bisettimanale",
      "Quarterly": "Trimestrale",
      "Semi-Annual": "Semiannuale",
      "Annually": "Annualmente",
@@ -614,6 +614,7 @@
      "Release Amount": "출시 금액",
      "Daily": "일일",
      "Monthly": "월간 간행물",
+      "SemiWeeks": "격주 간행물",
      "Quarterly": "분기별",
      "Semi-Annual": "반년마다",
      "Annually": "매년",
@@ -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",
@@ -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",
@@ -614,6 +614,7 @@
      "Release Amount": "रिलिज रकम",
      "Daily": "दैनिक",
      "Monthly": "मासिक",
+      "SemiWeeks": "द्विसाप्ताहिक",
      "Quarterly": "त्रैमासिक",
      "Semi-Annual": "अर्ध - वार्षिक",
      "Annually": "वार्षिक रूपमा",
@@ -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",
@@ -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",