Possible resolution to web-100 - 'no account' messages

Provides possible resolution to web-100.  'No account' messages are displayed in whichever language is required.

Now includes modified en-US.json file.

Made an alteration to the Lithuanian json file, as the translation on line 3527, was from English to Latvian and not Lithuanian.

Modified the Lithuanian, Italian, Czech, English and French .json translations files, as recommended by Coderabbit.

Updated the main functionality - now filters empty/non-empty account types correctly.

Further improvements to the translations files.

html file now includes updated format and functionality

Author: mjpugh811

src/app/clients/clients-view/general-tab/general-tab.component.html

@@ -1,3 +1,5 @@
+<!--Version improved formatting and functionality, 29 October 2025-->
+
 <div class="tab-container mat-typography">
   <h3>{{ 'labels.heading.Performance History' | translate }}</h3>
   <div class="layout-row gap-32px performance-history-container">
@@ -112,6 +114,10 @@ <h3>{{ 'labels.heading.Upcoming Charges' | translate }}</h3>
     <div class="layout-column flex-50">
       <div class="heading-name">
         <h3>{{ 'labels.heading.Loan Accounts' | translate }}</h3>
+        <!-- No Loan Accounts Message -->
+        <div class="no-account-message" *ngIf="!loanAccounts?.length">
+          <h1>{{ 'labels.text.No loan accounts' | translate }}</h1>
+        </div>
       </div>
     </div>
     <div class="layout-column flex-50">
@@ -302,6 +308,13 @@ <h3>{{ 'labels.heading.Loan Accounts' | translate }}</h3>
     <div class="layout-column flex-50">
       <div class="heading-name">
         <h3>{{ 'labels.heading.Saving Accounts' | translate }}</h3>
+        <!-- No Saving Account message   -->
+        <div
+          class="no-account-message"
+          *ngIf="!(savingAccounts | accountsFilter: 'saving' : 'open' : 'isSavings')?.length"
+        >
+          <h1>{{ 'labels.text.No saving accounts' | translate }}</h1>
+        </div>
       </div>
     </div>
     <div class="layout-column flex-50">
@@ -439,11 +452,38 @@ <h3>{{ 'labels.heading.Saving Accounts' | translate }}</h3>
     ></tr>
   </table>
 
+  <!-- loans accounts overview table
+  <div class="heading-content">
+    <div class="layout-column flex-50">
+      <div class="heading-name">
+        <h3>{{ 'labels.heading.Loan Accounts' | translate }}</h3>
+            No Loan Accounts Message
+        <div class="no-account-message" *ngIf="!loanAccounts?.length">
+          <h1>{{ 'labels.text.No loan accounts' | translate }}</h1>
+        </div>
+      </div>
+    </div>
+    <div class="layout-column flex-50">
+      <div class="layout-row align-flex-end">
+        <button mat-raised-button class="f-right" color="primary" (click)="toggleLoanAccountsOverview()">
+          {{ viewAccountsLabel(showClosedLoanAccounts) | translate }}
+        </button>
+      </div>
+    </div>
+  </div> -->
+
   <!-- Fixed Deposit Table -->
   <div class="heading-content">
     <div class="layout-column flex-50">
       <div class="heading-name">
         <h3>{{ 'labels.heading.Fixed Deposit Accounts' | translate }}</h3>
+        <!-- No Fixed Deposit accounts message -->
+        <div
+          class="no-account-message"
+          *ngIf="!(savingAccounts | accountsFilter: 'saving' : 'open' : 'isFixed')?.length"
+        >
+          <h1>{{ 'labels.text.No deposit accounts' | translate }}</h1>
+        </div>
       </div>
     </div>
     <div class="layout-column flex-50">
@@ -565,6 +605,13 @@ <h3>{{ 'labels.heading.Fixed Deposit Accounts' | translate }}</h3>
     <div class="layout-column flex-50">
       <div class="heading-name">
         <h3>{{ 'labels.heading.Recurring Deposit Accounts' | translate }}</h3>
+        <!-- No Recurring Deposit Accounts message -->
+        <div
+          class="no-account-message"
+          *ngIf="!(savingAccounts | accountsFilter: 'saving' : 'open' : 'isRecurring')?.length"
+        >
+          <h1>{{ 'labels.text.No recurring accounts' | translate }}</h1>
+        </div>
       </div>
     </div>
     <div class="layout-column flex-50">
@@ -689,11 +736,35 @@ <h3>{{ 'labels.heading.Recurring Deposit Accounts' | translate }}</h3>
     ></tr>
   </table>
 
+  <!-- loans accounts overview table
+  <div class="heading-content">
+    <div class="layout-column flex-50">
+      <div class="heading-name">
+        <h3>{{ 'labels.heading.Loan Accounts' | translate }}</h3>
+            No Loan Accounts Message
+        <div class="no-account-message" *ngIf="!loanAccounts?.length">
+          <h1>{{ 'labels.text.No loan accounts' | translate }}</h1>
+        </div>
+      </div>
+    </div>
+    <div class="layout-column flex-50">
+      <div class="layout-row align-flex-end">
+        <button mat-raised-button class="f-right" color="primary" (click)="toggleLoanAccountsOverview()">
+          {{ viewAccountsLabel(showClosedLoanAccounts) | translate }}
+        </button>
+      </div>
+    </div>
+  </div> -->
+
   <!-- Shares overview Table -->
   <div class="heading-content">
     <div class="layout-column flex-50">
       <div class="heading-name">
         <h3>{{ 'labels.inputs.Shares Accounts' | translate }}</h3>
+        <!-- No shares account message -->
+        <div class="no-account-message" *ngIf="!shareAccounts?.length">
+          <h1>{{ 'labels.text.No shares accounts' | translate }}</h1>
+        </div>
       </div>
     </div>
     <div class="layout-column flex-50">

src/app/clients/clients-view/general-tab/general-tab.component.scss

@@ -1,3 +1,5 @@
+//Version 4
+
 .tab-container {
   padding: 1%;
   margin: 1%;
@@ -48,3 +50,8 @@
   align-items: center; /* Ensure buttons are vertically aligned */
   gap: 0.5rem; /* Add spacing between buttons if needed */
 }
+
+// New class for ‘no account available’ message.
+.no-account-message {
+  color: blue;
+}