WEB-673 Create a Tasks sections just like it was available in the legacy Mifos Community App (#3106)

src/app/core/shell/toolbar/toolbar.component.html

@@ -49,6 +49,16 @@
     </a>
 
     <span class="hide-lt-md">
+      <a
+        #tasks
+        class="tab-link tasks-link"
+        [routerLink]="['/checker-inbox-and-tasks/checker-inbox']"
+        tabindex="0"
+        *mifosxHasPermission="'ALL_FUNCTIONS_READ'"
+      >
+        <fa-icon class="mr-05" icon="check" size="lg"></fa-icon>
+        {{ 'labels.menus.Tasks' | translate }}
+      </a>
       <a
         #accounting
         class="tab-link accounting-link"

src/app/tasks/checker-inbox-and-tasks-tabs/checker-inbox/checker-inbox.component.html

@@ -6,34 +6,43 @@
   file, You can obtain one at http://mozilla.org/MPL/2.0/.
 -->
 
-@if (checkerData) {
-  <div class="tab-container mat-typography">
-    <div class="layout-row align-start-center">
-      <div class="search-box flex-40">
-        <mat-form-field class="flex-fill flex-90">
-          <input
-            matInput
-            placeholder="{{ 'labels.text.Search by user' | translate }}"
-            (keyup)="applyFilter($event.target.value)"
-          />
-        </mat-form-field>
-      </div>
-      <div class="flex-60 gap-8px">
-        <button mat-raised-button color="success" (click)="approveChecker()">
-          <fa-icon icon="check" class="m-r-10"></fa-icon>{{ 'labels.buttons.Approve' | translate }}
-        </button>
-        <button mat-raised-button color="warn" (click)="deleteChecker()">
-          <fa-icon icon="trash" class="m-r-10"></fa-icon>{{ 'labels.buttons.Delete' | translate }}
-        </button>
-        <button mat-raised-button color="reject" (click)="rejectChecker()">
-          <fa-icon icon="times" class="m-r-10"></fa-icon>{{ 'labels.buttons.Reject' | translate }}
-        </button>
-      </div>
-    </div>
+<div class="tab-container mat-typography">
+  <div class="search-row">
+    <mat-form-field class="search-field">
+      <input
+        matInput
+        placeholder="{{ 'labels.text.Search by user' | translate }}"
+        (keyup)="applyFilter($event.target.value)"
+      />
+    </mat-form-field>
+    <button
+      mat-icon-button
+      (click)="toggleAdvancedSearch()"
+      class="icon-button"
+      [attr.aria-label]="
+        showAdvancedSearch
+          ? ('labels.buttons.Hide advanced search' | translate)
+          : ('labels.buttons.Show advanced search' | translate)
+      "
+      [attr.aria-expanded]="showAdvancedSearch"
+    >
+      <mat-icon>{{ showAdvancedSearch ? 'arrow_drop_up' : 'arrow_drop_down' }}</mat-icon>
+    </button>
+    <button mat-raised-button class="action-button btn-success" (click)="approveChecker()">
+      <fa-icon icon="check" class="m-r-10"></fa-icon>{{ 'labels.buttons.Approve' | translate }}
+    </button>
+    <button mat-raised-button color="warn" (click)="deleteChecker()" class="action-button">
+      <fa-icon icon="trash" class="m-r-10"></fa-icon>{{ 'labels.buttons.Delete' | translate }}
+    </button>
+    <button mat-raised-button class="action-button btn-reject" (click)="rejectChecker()">
+      <fa-icon icon="times" class="m-r-10"></fa-icon>{{ 'labels.buttons.Reject' | translate }}
+    </button>
+  </div>
+  @if (showAdvancedSearch) {
     <form [formGroup]="makerCheckerSearchForm">
-      <div class="layout-row-wrap gap-2px responsive-column">
-        <mat-form-field class="flex-fill flex-31" (click)="makerDateTimeFromPicker.open()">
-          <mat-label>{{ 'labels.inputs.From Date' | translate }}</mat-label>
+      <div class="advanced-search-container">
+        <mat-form-field class="search-field" (click)="makerDateTimeFromPicker.open()">
+          <mat-label>{{ 'labels.inputs.From date' | translate }}</mat-label>
           <input
             matInput
             [min]="minDate"
@@ -44,8 +53,8 @@
           <mat-datepicker-toggle matSuffix [for]="makerDateTimeFromPicker"></mat-datepicker-toggle>
           <mat-datepicker #makerDateTimeFromPicker></mat-datepicker>
         </mat-form-field>
-        <mat-form-field class="flex-fill flex-31" (click)="makerDateTimetoPicker.open()">
-          <mat-label>{{ 'labels.inputs.To Date' | translate }}</mat-label>
+        <mat-form-field class="search-field" (click)="makerDateTimetoPicker.open()">
+          <mat-label>{{ 'labels.inputs.To date' | translate }}</mat-label>
           <input
             matInput
             [min]="minDate"
@@ -56,8 +65,8 @@
           <mat-datepicker-toggle matSuffix [for]="makerDateTimetoPicker"></mat-datepicker-toggle>
           <mat-datepicker #makerDateTimetoPicker></mat-datepicker>
         </mat-form-field>
-        <mat-form-field class="flex-31">
-          <mat-label>{{ 'labels.inputs.Action' | translate }}</mat-label>
+        <mat-form-field class="search-field">
+          <mat-label>{{ 'labels.inputs.Select action' | translate }}</mat-label>
           <mat-select formControlName="actionName">
             @for (action of makerCheckerTemplate.actionNames; track action) {
               <mat-option [value]="action">
@@ -66,8 +75,8 @@
             }
           </mat-select>
         </mat-form-field>
-        <mat-form-field class="flex-31">
-          <mat-label>{{ 'labels.inputs.Entity' | translate }}</mat-label>
+        <mat-form-field class="search-field">
+          <mat-label>{{ 'labels.inputs.Select entity' | translate }}</mat-label>
           <mat-select formControlName="entityName">
             @for (entity of makerCheckerTemplate.entityNames; track entity) {
               <mat-option [value]="entity">
@@ -76,86 +85,86 @@
             }
           </mat-select>
         </mat-form-field>
-        <mat-form-field class="flex-31">
-          <mat-label>{{ 'labels.inputs.Resource ID' | translate }}</mat-label>
+        <mat-form-field class="search-field">
+          <mat-label>{{ 'labels.inputs.Resource id' | translate }}</mat-label>
           <input matInput formControlName="resourceId" />
         </mat-form-field>
-        <button mat-raised-button color="primary" id="search-button" (click)="search()">
-          {{ 'labels.buttons.Search' | translate }}
+        <button mat-raised-button color="primary" id="search-button" type="button" (click)="search()">
+          <fa-icon icon="search" class="m-r-10"></fa-icon>{{ 'labels.buttons.Advanced Search' | translate }}
         </button>
       </div>
     </form>
-    @if (!noSearchedData) {
-      <table mat-table [dataSource]="dataSource">
-        <ng-container matColumnDef="select">
-          <th mat-header-cell *matHeaderCellDef>
-            <mat-checkbox
-              (change)="$event ? masterToggle() : null"
-              [checked]="selection.hasValue() && isAllSelected()"
-              [indeterminate]="selection.hasValue() && !isAllSelected()"
-              [aria-label]="checkboxLabel()"
-            >
-            </mat-checkbox>
-          </th>
-          <td mat-cell *matCellDef="let row">
-            <mat-checkbox
-              (click)="$event.stopPropagation()"
-              (change)="$event ? selection.toggle(row) : null"
-              [checked]="selection.isSelected(row)"
-              [aria-label]="checkboxLabel(row)"
-            >
-            </mat-checkbox>
-          </td>
-        </ng-container>
-        <ng-container matColumnDef="id">
-          <th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.ID' | translate }}</th>
-          <td mat-cell *matCellDef="let makerChecker">{{ makerChecker.id }}</td>
-        </ng-container>
-        <ng-container matColumnDef="madeOnDate">
-          <th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Made on Date' | translate }}</th>
-          <td mat-cell *matCellDef="let makerChecker">{{ makerChecker.madeOnDate | dateFormat }}</td>
-        </ng-container>
-        <ng-container matColumnDef="status">
-          <th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Status' | translate }}</th>
-          <td mat-cell *matCellDef="let makerChecker">{{ makerChecker.processingResult }}</td>
-        </ng-container>
-        <ng-container matColumnDef="user">
-          <th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.User' | translate }}</th>
-          <td mat-cell *matCellDef="let makerChecker">{{ makerChecker.maker }}</td>
-        </ng-container>
-        <ng-container matColumnDef="action">
-          <th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Action' | translate }}</th>
-          <td mat-cell *matCellDef="let makerChecker">{{ makerChecker.actionName }}</td>
-        </ng-container>
-        <ng-container matColumnDef="entity">
-          <th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Entity' | translate }}</th>
-          <td mat-cell *matCellDef="let makerChecker">{{ makerChecker.entityName }}</td>
-        </ng-container>
-        <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
-        <tr
-          mat-row
-          *matRowDef="let row; columns: displayedColumns"
-          [routerLink]="[row.id, 'view']"
-          class="select-row"
-        ></tr>
-      </table>
-    }
-    @if (noSearchedData) {
-      <div class="alert">
-        <div class="message">
-          <i class="fa fa-exclamation-circle alert-check fa-2x"></i>
-          {{ 'labels.text.No checker inbox data available for this search' | translate }}
-        </div>
+  }
+  @if (checkerData && !noSearchedData) {
+    <table mat-table [dataSource]="dataSource">
+      <ng-container matColumnDef="select">
+        <th mat-header-cell *matHeaderCellDef>
+          <mat-checkbox
+            (change)="$event ? masterToggle() : null"
+            [checked]="selection.hasValue() && isAllSelected()"
+            [indeterminate]="selection.hasValue() && !isAllSelected()"
+            [aria-label]="checkboxLabel()"
+          >
+          </mat-checkbox>
+        </th>
+        <td mat-cell *matCellDef="let row">
+          <mat-checkbox
+            (click)="$event.stopPropagation()"
+            (change)="$event ? selection.toggle(row) : null"
+            [checked]="selection.isSelected(row)"
+            [aria-label]="checkboxLabel(row)"
+          >
+          </mat-checkbox>
+        </td>
+      </ng-container>
+      <ng-container matColumnDef="id">
+        <th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.ID' | translate }}</th>
+        <td mat-cell *matCellDef="let makerChecker">{{ makerChecker.id }}</td>
+      </ng-container>
+      <ng-container matColumnDef="madeOnDate">
+        <th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Made on Date' | translate }}</th>
+        <td mat-cell *matCellDef="let makerChecker">{{ makerChecker.madeOnDate | dateFormat }}</td>
+      </ng-container>
+      <ng-container matColumnDef="status">
+        <th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Status' | translate }}</th>
+        <td mat-cell *matCellDef="let makerChecker">{{ makerChecker.processingResult }}</td>
+      </ng-container>
+      <ng-container matColumnDef="user">
+        <th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.User' | translate }}</th>
+        <td mat-cell *matCellDef="let makerChecker">{{ makerChecker.maker }}</td>
+      </ng-container>
+      <ng-container matColumnDef="action">
+        <th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Action' | translate }}</th>
+        <td mat-cell *matCellDef="let makerChecker">{{ makerChecker.actionName }}</td>
+      </ng-container>
+      <ng-container matColumnDef="entity">
+        <th mat-header-cell *matHeaderCellDef>{{ 'labels.inputs.Entity' | translate }}</th>
+        <td mat-cell *matCellDef="let makerChecker">{{ makerChecker.entityName }}</td>
+      </ng-container>
+      <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
+      <tr
+        mat-row
+        *matRowDef="let row; columns: displayedColumns"
+        [routerLink]="[row.id, 'view']"
+        class="select-row"
+      ></tr>
+    </table>
+  }
+  @if (checkerData && noSearchedData) {
+    <div class="alert">
+      <div class="message">
+        <i class="fa fa-exclamation-circle alert-check fa-2x"></i>
+        {{ 'labels.text.No checker inbox data available for this search' | translate }}
       </div>
-    }
-  </div>
-}
-
-@if (!checkerData) {
-  <div class="alert">
-    <div class="message">
-      <i class="fa fa-exclamation-circle alert-check fa-2x"></i>
-      {{ 'labels.text.No checker inbox data available for this account' | translate }}
     </div>
-  </div>
-}
+  }
+
+  @if (!checkerData) {
+    <div class="alert">
+      <div class="message">
+        <i class="fa fa-exclamation-circle alert-check fa-2x"></i>
+        {{ 'labels.text.No checker inbox data available for this account' | translate }}
+      </div>
+    </div>
+  }
+</div>

src/app/tasks/checker-inbox-and-tasks-tabs/checker-inbox/checker-inbox.component.scss

@@ -10,14 +10,93 @@
   padding: 1%;
   margin: 1%;
 
-  .mat-raised-button.mat-success {
-    color: #fff;
-    background-color: #008000ab;
+  ::ng-deep mat-form-field {
+    width: 280px;
+    min-width: 280px;
+    max-width: 280px;
+
+    .mat-mdc-form-field-subscript-wrapper {
+      height: 0;
+      min-height: 0;
+    }
+
+    .mat-mdc-text-field-wrapper {
+      margin-bottom: 0;
+      width: 100%;
+    }
+
+    .mat-mdc-form-field-flex {
+      width: 100%;
+    }
+
+    .mat-mdc-form-field-infix {
+      padding-top: 8px;
+      padding-bottom: 8px;
+      min-height: 48px;
+    }
+
+    input {
+      height: 48px;
+      width: 100%;
+    }
   }
 
-  .mat-raised-button.mat-reject {
-    color: #fff;
-    background-color: #ffca00;
+  ::ng-deep .mat-mdc-select {
+    width: 100%;
+  }
+
+  ::ng-deep .mat-mdc-select-trigger {
+    width: 100%;
+    height: 48px;
+    display: flex;
+    align-items: center;
+  }
+
+  button.mat-mdc-raised-button {
+    height: 48px;
+    line-height: 48px;
+    padding: 0 16px;
+    min-height: 48px;
+  }
+
+  button.mat-mdc-icon-button {
+    width: 48px;
+    height: 48px;
+    padding: 0;
+  }
+
+  button.mat-mdc-raised-button.btn-success {
+    color: #000 !important;
+    background-color: #fff !important;
+  }
+
+  button.mat-mdc-raised-button.btn-reject {
+    color: #000 !important;
+    background-color: #fff !important;
+  }
+
+  /* ---------- SEARCH & LAYOUT ---------- */
+  .search-row {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-bottom: 16px;
+  }
+
+  .search-field {
+    width: 280px;
+    min-width: 280px;
+    max-width: 280px;
+    margin: 0;
+    flex: 0 0 280px;
+  }
+
+  .advanced-search-container {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 16px;
+    margin-bottom: 16px;
+    align-items: flex-start;
   }
 
   #search-button {
@@ -25,6 +104,14 @@
     margin-top: 1rem;
   }
 
+  .icon-button {
+    margin: 0;
+  }
+
+  .action-button {
+    margin: 0;
+  }
+
   .view-details {
     cursor: pointer;
   }

src/app/tasks/checker-inbox-and-tasks-tabs/checker-inbox/checker-inbox.component.ts

@@ -25,6 +25,7 @@ import {
   MatRow
 } from '@angular/material/table';
 import { MatDialog } from '@angular/material/dialog';
+import { MatIcon } from '@angular/material/icon';
 
 /** Custom Services */
 import { TasksService } from '../../tasks.service';
@@ -57,7 +58,8 @@ import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
     MatHeaderRow,
     MatRowDef,
     MatRow,
-    DateFormatPipe
+    DateFormatPipe,
+    MatIcon
   ]
 })
 export class CheckerInboxComponent implements OnInit {
@@ -78,6 +80,8 @@ export class CheckerInboxComponent implements OnInit {
   noSearchedData = false;
   /** Checks if there is any checker data */
   checkerData = false;
+  /** Show/hide advanced search form */
+  showAdvancedSearch = false;
   /** Maker Checker Search Form */
   makerCheckerSearchForm: UntypedFormGroup;
   /** Minimum date allowed. */
@@ -138,6 +142,13 @@ export class CheckerInboxComponent implements OnInit {
     });
   }
 
+  /**
+   * Toggle advanced search form visibility.
+   */
+  toggleAdvancedSearch() {
+    this.showAdvancedSearch = !this.showAdvancedSearch;
+  }
+
   search() {
     const dateFormat = this.settingsService.dateFormat;
     const makerCheckerSearchParams = {

src/app/tasks/checker-inbox-and-tasks-tabs/client-approval/client-approval.component.html

@@ -8,21 +8,24 @@
 
 @if (showData) {
   <div class="tab-container mat-typography">
-    <div class="layout-row align-start-center">
-      <div class="search-box flex-40">
-        <mat-form-field class="flex-fill flex-90">
-          <input
-            matInput
-            placeholder="{{ 'labels.text.Filter by name' | translate }}"
-            (keyup)="applyFilter($event.target.value)"
-          />
-        </mat-form-field>
-      </div>
-      <div class="flex-60">
-        <button mat-raised-button color="success" *mifosxHasPermission="'ACTIVATE_CLIENT'" (click)="approveClients()">
-          <fa-icon icon="check" class="m-r-10"></fa-icon>{{ 'labels.buttons.Approve' | translate }}
-        </button>
-      </div>
+    <div class="tasks-header">
+      <mat-form-field class="tasks-search-field">
+        <input
+          #filterInput
+          matInput
+          placeholder="{{ 'labels.text.Filter by name' | translate }}"
+          (keyup)="applyFilter(filterInput.value)"
+        />
+      </mat-form-field>
+      <button
+        mat-raised-button
+        color="success"
+        *mifosxHasPermission="'ACTIVATE_CLIENT'"
+        (click)="approveClients()"
+        class="tasks-action-btn"
+      >
+        <fa-icon icon="check" class="m-r-10"></fa-icon>{{ 'labels.buttons.Approve' | translate }}
+      </button>
     </div>
     @for (client of groupedClients | keyvalue; track client) {
       <h3>{{ client.key }}</h3>

src/app/tasks/checker-inbox-and-tasks-tabs/client-approval/client-approval.component.scss

@@ -10,6 +10,34 @@
   padding: 1%;
   margin: 1%;
 
+  ::ng-deep mat-form-field {
+    .mat-mdc-form-field-subscript-wrapper {
+      height: 0;
+      min-height: 0;
+    }
+
+    .mat-mdc-text-field-wrapper {
+      margin-bottom: 0;
+    }
+
+    .mat-mdc-form-field-infix {
+      padding-top: 8px;
+      padding-bottom: 8px;
+      min-height: 48px;
+    }
+
+    input {
+      height: 48px;
+    }
+  }
+
+  button.mat-mdc-raised-button {
+    height: 48px;
+    line-height: 48px;
+    padding: 0 16px;
+    min-height: 48px;
+  }
+
   .mat-raised-button.mat-success {
     color: #fff;
     background-color: #008000ab;
@@ -18,6 +46,22 @@
   .view-details {
     cursor: pointer;
   }
+
+  .tasks-header {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-bottom: 16px;
+  }
+
+  .tasks-search-field {
+    width: 280px;
+    margin: 0;
+  }
+
+  .tasks-action-btn {
+    margin: 0;
+  }
 }
 
 .alert {

src/app/tasks/checker-inbox-and-tasks-tabs/loan-approval/loan-approval.component.html

@@ -8,21 +8,23 @@
 
 @if (showData) {
   <div class="tab-container mat-typography">
-    <div class="layout-row align-start-center">
-      <div class="search-box flex-40">
-        <mat-form-field class="flex-fill flex-90">
-          <input
-            matInput
-            placeholder="{{ 'labels.text.Filter by name' | translate }}"
-            (keyup)="applyFilter($event.target.value)"
-          />
-        </mat-form-field>
-      </div>
-      <div class="flex-60">
-        <button mat-raised-button color="success" *mifosxHasPermission="'APPROVE_LOAN'" (click)="approveLoan()">
-          <fa-icon icon="check" class="m-r-10"></fa-icon>{{ 'labels.buttons.Approve' | translate }}
-        </button>
-      </div>
+    <div class="tasks-header">
+      <mat-form-field class="tasks-search-field">
+        <input
+          matInput
+          placeholder="{{ 'labels.text.Filter by name' | translate }}"
+          (keyup)="applyFilter($event.target.value)"
+        />
+      </mat-form-field>
+      <button
+        mat-raised-button
+        color="success"
+        *mifosxHasPermission="'APPROVE_LOAN'"
+        (click)="approveLoan()"
+        class="tasks-action-btn"
+      >
+        <fa-icon icon="check" class="m-r-10"></fa-icon>{{ 'labels.buttons.Approve' | translate }}
+      </button>
     </div>
     @for (office of officesArray; track office) {
       <h3 class="mat-h3">{{ office.name }}</h3>

src/app/tasks/checker-inbox-and-tasks-tabs/loan-approval/loan-approval.component.scss

@@ -10,6 +10,34 @@
   padding: 1%;
   margin: 1%;
 
+  ::ng-deep mat-form-field {
+    .mat-mdc-form-field-subscript-wrapper {
+      height: 0;
+      min-height: 0;
+    }
+
+    .mat-mdc-text-field-wrapper {
+      margin-bottom: 0;
+    }
+
+    .mat-mdc-form-field-infix {
+      padding-top: 8px;
+      padding-bottom: 8px;
+      min-height: 48px;
+    }
+
+    input {
+      height: 48px;
+    }
+  }
+
+  button.mat-mdc-raised-button {
+    height: 48px;
+    line-height: 48px;
+    padding: 0 16px;
+    min-height: 48px;
+  }
+
   .mat-raised-button.mat-success {
     color: #fff;
     background-color: #008000ab;
@@ -18,6 +46,22 @@
   .view-details {
     cursor: pointer;
   }
+
+  .tasks-header {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-bottom: 16px;
+  }
+
+  .tasks-search-field {
+    width: 280px;
+    margin: 0;
+  }
+
+  .tasks-action-btn {
+    margin: 0;
+  }
 }
 
 .alert {

src/app/tasks/checker-inbox-and-tasks-tabs/loan-disbursal/loan-disbursal.component.html

@@ -8,21 +8,24 @@
 
 @if (loans && loans.length > 0) {
   <div class="tab-container mat-typography">
-    <div class="layout-row align-start-center">
-      <div class="search-box flex-40">
-        <mat-form-field class="flex-fill flex-90">
-          <input
-            matInput
-            placeholder="{{ 'labels.text.Filter by name' | translate }}"
-            (keyup)="applyFilter($event.target.value)"
-          />
-        </mat-form-field>
-      </div>
-      <div class="flex-60">
-        <button mat-raised-button color="success" *mifosxHasPermission="'APPROVE_LOAN'" (click)="disburseLoan()">
-          <fa-icon icon="check" class="m-r-10"></fa-icon>{{ 'labels.menus.Disburse' | translate }}
-        </button>
-      </div>
+    <div class="tasks-header">
+      <mat-form-field class="tasks-search-field">
+        <input
+          #filterInput
+          matInput
+          placeholder="{{ 'labels.text.Filter by name' | translate }}"
+          (keyup)="applyFilter(filterInput.value)"
+        />
+      </mat-form-field>
+      <button
+        mat-raised-button
+        color="success"
+        *mifosxHasPermission="'APPROVE_LOAN'"
+        (click)="disburseLoan()"
+        class="tasks-action-btn"
+      >
+        <fa-icon icon="check" class="m-r-10"></fa-icon>{{ 'labels.menus.Disburse' | translate }}
+      </button>
     </div>
     <table mat-table [dataSource]="dataSource">
       <ng-container matColumnDef="select">

src/app/tasks/checker-inbox-and-tasks-tabs/loan-disbursal/loan-disbursal.component.scss

@@ -10,6 +10,34 @@
   padding: 1%;
   margin: 1%;
 
+  ::ng-deep mat-form-field {
+    .mat-mdc-form-field-subscript-wrapper {
+      height: 0;
+      min-height: 0;
+    }
+
+    .mat-mdc-text-field-wrapper {
+      margin-bottom: 0;
+    }
+
+    .mat-mdc-form-field-infix {
+      padding-top: 8px;
+      padding-bottom: 8px;
+      min-height: 48px;
+    }
+
+    input {
+      height: 48px;
+    }
+  }
+
+  button.mat-mdc-raised-button {
+    height: 48px;
+    line-height: 48px;
+    padding: 0 16px;
+    min-height: 48px;
+  }
+
   .mat-raised-button.mat-success {
     color: #fff;
     background-color: #008000ab;
@@ -18,6 +46,22 @@
   .view-details {
     cursor: pointer;
   }
+
+  .tasks-header {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-bottom: 16px;
+  }
+
+  .tasks-search-field {
+    width: 280px;
+    margin: 0;
+  }
+
+  .tasks-action-btn {
+    margin: 0;
+  }
 }
 
 .alert {

src/app/tasks/checker-inbox-and-tasks-tabs/reschedule-loan/reschedule-loan.component.html

@@ -8,34 +8,33 @@
 
 @if (loans && loans.length > 0) {
   <div class="tab-container mat-typography">
-    <div class="layout-row align-start-center">
-      <div class="search-box flex-40">
-        <mat-form-field class="flex-90">
-          <input
-            matInput
-            placeholder="{{ 'labels.text.Filter by name' | translate }}"
-            (keyup)="applyFilter($event.target.value)"
-          />
-        </mat-form-field>
-      </div>
-      <div class="flex-60">
-        <button
-          mat-raised-button
-          color="success"
-          *mifosxHasPermission="'APPROVE_LOANRESCHEDULE'"
-          (click)="bulkLoanReschedule('Approve')"
-        >
-          <fa-icon icon="check" class="m-r-10"></fa-icon>{{ 'labels.buttons.Approve' | translate }}
-        </button>
-        <button
-          mat-raised-button
-          color="reject"
-          *mifosxHasPermission="'APPROVE_LOANRESCHEDULE'"
-          (click)="bulkLoanReschedule('Reject')"
-        >
-          <fa-icon icon="times" class="m-r-10"></fa-icon>{{ 'labels.buttons.Reject' | translate }}
-        </button>
-      </div>
+    <div class="tasks-header">
+      <mat-form-field class="tasks-search-field">
+        <input
+          #filterInput
+          matInput
+          placeholder="{{ 'labels.text.Filter by name' | translate }}"
+          (keyup)="applyFilter(filterInput.value)"
+        />
+      </mat-form-field>
+      <button
+        mat-raised-button
+        color="success"
+        *mifosxHasPermission="'APPROVE_LOANRESCHEDULE'"
+        (click)="bulkLoanReschedule('Approve')"
+        class="tasks-action-btn"
+      >
+        <fa-icon icon="check" class="m-r-10"></fa-icon>{{ 'labels.buttons.Approve' | translate }}
+      </button>
+      <button
+        mat-raised-button
+        color="reject"
+        *mifosxHasPermission="'APPROVE_LOANRESCHEDULE'"
+        (click)="bulkLoanReschedule('Reject')"
+        class="tasks-action-btn"
+      >
+        <fa-icon icon="times" class="m-r-10"></fa-icon>{{ 'labels.buttons.Reject' | translate }}
+      </button>
     </div>
     <table mat-table [dataSource]="dataSource">
       <ng-container matColumnDef="select">
@@ -98,7 +97,7 @@
   </div>
 }
 
-@if (loans.length === 0) {
+@if (loans?.length === 0) {
   <div class="alert">
     <div class="message">
       <i class="fa fa-exclamation-circle alert-check"></i>

src/app/tasks/checker-inbox-and-tasks-tabs/reschedule-loan/reschedule-loan.component.scss

@@ -10,6 +10,34 @@
   padding: 1%;
   margin: 1%;
 
+  ::ng-deep mat-form-field {
+    .mat-mdc-form-field-subscript-wrapper {
+      height: 0;
+      min-height: 0;
+    }
+
+    .mat-mdc-text-field-wrapper {
+      margin-bottom: 0;
+    }
+
+    .mat-mdc-form-field-infix {
+      padding-top: 8px;
+      padding-bottom: 8px;
+      min-height: 48px;
+    }
+
+    input {
+      height: 48px;
+    }
+  }
+
+  button.mat-mdc-raised-button {
+    height: 48px;
+    line-height: 48px;
+    padding: 0 16px;
+    min-height: 48px;
+  }
+
   .mat-raised-button.mat-success {
     color: #fff;
     background-color: #008000ab;
@@ -18,6 +46,22 @@
   .view-details {
     cursor: pointer;
   }
+
+  .tasks-header {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-bottom: 16px;
+  }
+
+  .tasks-search-field {
+    width: 280px;
+    margin: 0;
+  }
+
+  .tasks-action-btn {
+    margin: 0;
+  }
 }
 
 .alert {

src/app/tasks/checker-inbox-and-tasks/checker-inbox-and-tasks.component.html

@@ -9,6 +9,8 @@
 <div class="container">
   <mat-card class="tasks-card">
     <mat-card-content>
+      <div class="card-heading">{{ 'labels.heading.Pending Tasks' | translate }}</div>
+      <mat-divider></mat-divider>
       <nav mat-tab-nav-bar class="navigation-tabs" [tabPanel]="tabPanel">
         <a
           mat-tab-link

src/app/tasks/checker-inbox-and-tasks/checker-inbox-and-tasks.component.scss

@@ -5,3 +5,14 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/.
  */
+
+.card-heading {
+  font-size: 20px;
+  font-weight: 500;
+  color: #333;
+  margin-bottom: 16px;
+}
+
+mat-divider {
+  margin-bottom: 16px;
+}

src/app/tasks/checker-inbox-and-tasks/checker-inbox-and-tasks.component.ts

@@ -9,6 +9,7 @@
 /** Angular Imports */
 import { Component } from '@angular/core';
 import { MatTabNav, MatTabLink, MatTabNavPanel } from '@angular/material/tabs';
+import { MatDivider } from '@angular/material/divider';
 import { RouterLinkActive, RouterLink, RouterOutlet } from '@angular/router';
 import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
 
@@ -25,7 +26,8 @@ import { STANDALONE_SHARED_IMPORTS } from 'app/standalone-shared.module';
     MatTabLink,
     RouterLinkActive,
     MatTabNavPanel,
-    RouterOutlet
+    RouterOutlet,
+    MatDivider
   ]
 })
 export class CheckerInboxAndTasksComponent {

src/app/tasks/tasks.service.ts

@@ -44,14 +44,14 @@ export class TasksService {
    * Get Maker Checker Template
    */
   getMakerCheckerTemplate(): Observable<any> {
-    return this.http.get('/makercheckers');
+    return this.http.get('/makercheckers/searchtemplate');
   }
 
   /**
    * Get Grouped Clients Data
    */
   getGroupedClientsData(): Observable<any> {
-    const httpParams = new HttpParams().set('limit', '1000').set('status', 'PENDING');
+    const httpParams = new HttpParams().set('limit', '1000').set('status', 'pending');
     return this.http.get('/clients', { params: httpParams });
   }
 
@@ -66,18 +66,26 @@ export class TasksService {
    * Get all loans to be approved
    */
   getAllLoansToBeApproved(): Observable<any> {
-    const httpParams = new HttpParams().set('limit', '1000').set('status', '100');
+    const httpParams = new HttpParams().set('limit', '1000').set('sqlSearch', 'l.loan_status_id in (100,200)');
     return this.http.get('/loans', { params: httpParams });
   }
 
   /**
-   * Get all loans to be created
+   * Get all loans to be disbursed
    */
   getAllLoansToBeDisbursed(): Observable<any> {
-    const httpParams = new HttpParams().set('limit', '1000').set('status', '200');
+    const httpParams = new HttpParams().set('limit', '1000').set('sqlSearch', 'l.loan_status_id in (200)');
     return this.http.get('/loans', { params: httpParams });
   }
 
+  /**
+   * Get all savings accounts to be approved
+   */
+  getAllSavingsToBeApproved(): Observable<any> {
+    const httpParams = new HttpParams().set('limit', '1000').set('sqlSearch', 's.status_enum in (100,200)');
+    return this.http.get('/savingsaccounts', { params: httpParams });
+  }
+
   /**
    * Get Loans Locked Data using pages and limit
    */

src/assets/translations/cs-CS.json

@@ -555,7 +555,10 @@
       "View Active Charges": "Zobrazit aktivní poplatky",
       "View Inactive Charges": "Zobrazit neaktivní poplatky",
       "Yes": "Ano",
-      "Is Self Service": "Je samoobsluha"
+      "Is Self Service": "Je samoobsluha",
+      "Advanced Search": "Rozšířené vyhledávání",
+      "Show advanced search": "Zobrazit rozšířené vyhledávání",
+      "Hide advanced search": "Skrýt rozšířené vyhledávání"
     },
     "catalogs": {
       "Interest payment waiver": "Prominutí platby úroků",
@@ -1282,7 +1285,8 @@
       "Important Dates": "Důležitá data",
       "Contact Information": "Kontaktní informace",
       "Classification": "Klasifikace",
-      "Status": "Stav"
+      "Status": "Stav",
+      "Pending Tasks": "Čekající úkoly"
     },
     "inputs": {
       "Terms": "Podmínky",
@@ -2648,7 +2652,12 @@
       "Skip Interest Refund Transaction Posting": "Přeskočit zaúčtování vrácení úroků",
       "Available Disbursement Amount (with Over Applied)": "Dostupná částka k výplatě (s přeplatkem)",
       "Overdue": "Po splatnosti",
-      "Overdue Fees": "Poplatky po splatnosti"
+      "Overdue Fees": "Poplatky po splatnosti",
+      "From date": "Datum od",
+      "Resource id": "ID zdroje",
+      "To date": "Datum do",
+      "Select action": "Vybrat akci",
+      "Select entity": "Vybrat entitu"
     },
     "links": {
       "Community": "Společenství",
@@ -2782,7 +2791,8 @@
       "Apply Additional Shares": "Použít další",
       "Redeem Shares": "Uplatnit akcie",
       "Approve Additional Shares": "Schválit další akcie",
-      "Reject Additional Shares": "Odmítnout další akcie"
+      "Reject Additional Shares": "Odmítnout další akcie",
+      "Tasks": "Úkoly"
     },
     "placeholders": {
       "Add new server": "Přidat nový server",

src/assets/translations/de-DE.json

@@ -555,7 +555,10 @@
       "View Active Charges": "Aktive Gebühren anzeigen",
       "View Inactive Charges": "Inaktive Gebühren anzeigen",
       "Yes": "Ja",
-      "Is Self Service": "Ist Selbstbedienung"
+      "Is Self Service": "Ist Selbstbedienung",
+      "Advanced Search": "Erweiterte Suche",
+      "Show advanced search": "Erweiterte Suche anzeigen",
+      "Hide advanced search": "Erweiterte Suche ausblenden"
     },
     "catalogs": {
       "Interest payment waiver": "Zinszahlungsverzicht",
@@ -1283,7 +1286,8 @@
       "Important Dates": "Wichtige Daten",
       "Contact Information": "Kontaktinformationen",
       "Classification": "Klassifizierung",
-      "Status": "Status"
+      "Status": "Status",
+      "Pending Tasks": "Ausstehende Aufgaben"
     },
     "inputs": {
       "Terms": "Bedingungen",
@@ -2649,7 +2653,12 @@
       "Skip Interest Refund Transaction Posting": "Buchung der Zinsrückerstattung überspringen",
       "Available Disbursement Amount (with Over Applied)": "Verfügbarer Auszahlungsbetrag (mit Überzahlung)",
       "Overdue": "Überfällig",
-      "Overdue Fees": "Überfällige Gebühren"
+      "Overdue Fees": "Überfällige Gebühren",
+      "From date": "Von Datum",
+      "Resource id": "Ressourcen-ID",
+      "To date": "Bis Datum",
+      "Select action": "Aktion auswählen",
+      "Select entity": "Entität auswählen"
     },
     "links": {
       "Community": "Gemeinschaft",
@@ -2783,7 +2792,8 @@
       "Apply Additional Shares": "Zusätzlich anwenden",
       "Redeem Shares": "Anteile zurückgeben",
       "Approve Additional Shares": "Genehmigen Sie zusätzliche Freigaben",
-      "Reject Additional Shares": "Zusätzliche Freigaben ablehnen"
+      "Reject Additional Shares": "Zusätzliche Freigaben ablehnen",
+      "Tasks": "Aufgaben"
     },
     "placeholders": {
       "Add new server": "Neuen Server hinzufügen",

src/assets/translations/en-US.json

@@ -339,6 +339,9 @@
       "Add/Edit": "Add/Edit",
       "Adjustment": "Adjustment",
       "Advanced Options": "Advanced Options",
+      "Advanced Search": "Advanced Search",
+      "Show advanced search": "Show advanced search",
+      "Hide advanced search": "Hide advanced search",
       "Allocate Cash": "Allocate Cash",
       "Applications": "Applications",
       "Approve": "Approve",
@@ -1154,6 +1157,7 @@
       "Overdue Charges": "Overdue Charges",
       "Password Preferences": "Password Preferences",
       "Payment Type": "Payment Type",
+      "Pending Tasks": "Pending Tasks",
       "Penalties to Specific Income Accounts": "Penalties to Specific Income Accounts",
       "Performance History": "Performance History",
       "Post Interest": "Post Interest",
@@ -1799,6 +1803,7 @@
       "From Account Type": "From Account Type",
       "From Client": "From Client",
       "From Date": "From Date",
+      "From date": "From date",
       "From Email": "From Email",
       "From Name": "From Name",
       "From loan officer": "From loan officer",
@@ -2354,6 +2359,7 @@
       "Residence Phone": "Residence Phone",
       "Resource": "Resource",
       "Resource ID": "Resource ID",
+      "Resource id": "Resource id",
       "Rest Frequency Date": "Rest Frequency Date",
       "Restricted products": "Restricted products",
       "Reversed": "Reversed",
@@ -2487,6 +2493,7 @@
       "To Account Type": "To Account Type",
       "To Client": "To Client",
       "To Date": "To Date",
+      "To date": "To date",
       "To Loan Officer": "To Loan Officer",
       "To Office": "To Office",
       "To Savings Officer": "To Savings Officer",
@@ -2657,7 +2664,9 @@
       "Available Disbursement Amount (with Over Applied)": "Available Disbursement Amount (with Over Applied)",
       "Waive Penalties": "Waive Penalties",
       "Overdue": "Overdue",
-      "Overdue Fees": "Overdue Fees"
+      "Overdue Fees": "Overdue Fees",
+      "Select action": "Select action",
+      "Select entity": "Select entity"
     },
     "links": {
       "Community": "Community",
@@ -2768,6 +2777,7 @@
       "Sign Out": "Sign Out",
       "System": "System",
       "Task Management": "Task Management",
+      "Tasks": "Tasks",
       "Templates": "Templates",
       "Theme Picker": "Theme Picker",
       "Transfer Funds": "Transfer Funds",

src/assets/translations/es-CL.json

@@ -555,7 +555,10 @@
       "View Active Charges": "Ver Comisiones Activas",
       "View Inactive Charges": "Ver Comisiones inactivas",
       "Yes": "Sí",
-      "Is Self Service": "Es usuario de autoservicio"
+      "Is Self Service": "Es usuario de autoservicio",
+      "Advanced Search": "Advanced Search",
+      "Show advanced search": "Mostrar búsqueda avanzada",
+      "Hide advanced search": "Ocultar búsqueda avanzada"
     },
     "catalogs": {
       "Interest payment waiver": "Exención de pago de intereses",
@@ -1283,7 +1286,8 @@
       "Important Dates": "Fechas Importantes",
       "Contact Information": "Información de Contacto",
       "Classification": "Clasificación",
-      "Status": "Estado"
+      "Status": "Estado",
+      "Pending Tasks": "Pending Tasks"
     },
     "inputs": {
       "Terms": "Términos",
@@ -2648,7 +2652,12 @@
       "Income from Buy down fees": "Ingresos por comisiones de compra inicial",
       "Buy down fee Expense": "Gastos por comisiones de compra inicial",
       "Skip Interest Refund Transaction Posting": "Omitir el registro de la devolución de intereses",
-      "Available Disbursement Amount (with Over Applied)": "Monto disponible para desembolso (con sobreaplicación)"
+      "Available Disbursement Amount (with Over Applied)": "Monto disponible para desembolso (con sobreaplicación)",
+      "From date": "From date",
+      "Resource id": "Resource id",
+      "To date": "To date",
+      "Select action": "Seleccionar acción",
+      "Select entity": "Seleccionar entidad"
     },
     "links": {
       "Community": "Comunidad",
@@ -2782,7 +2791,8 @@
       "Apply Additional Shares": "Adicionar Acciones",
       "Redeem Shares": "Canjear acciones",
       "Approve Additional Shares": "Aprobar acciones adicionales",
-      "Reject Additional Shares": "Rechazar acciones adicionales"
+      "Reject Additional Shares": "Rechazar acciones adicionales",
+      "Tasks": "Tasks"
     },
     "placeholders": {
       "Add new server": "Agregar nuevo servidor",

src/assets/translations/es-MX.json

@@ -555,7 +555,10 @@
       "View Active Charges": "Ver Comisiones Activas",
       "View Inactive Charges": "Ver Comisiones inactivas",
       "Yes": "Sí",
-      "Is Self Service": "Es autoservicio"
+      "Is Self Service": "Es autoservicio",
+      "Advanced Search": "Búsqueda avanzada",
+      "Show advanced search": "Mostrar búsqueda avanzada",
+      "Hide advanced search": "Ocultar búsqueda avanzada"
     },
     "catalogs": {
       "Interest payment waiver": "Exención de pago de intereses",
@@ -870,9 +873,9 @@
       "Must be at least": "Debe ser al menos",
       "Must be less or equal to": "Debe ser menor o igual a",
       "must be after or equal to start date": "debe ser posterior o igual a la fecha de inicio",
-      "No classification data available": "No hay datos de clasificaci\u00f3n disponibles",
+      "No classification data available": "No hay datos de clasificación disponibles",
       "No": "No",
-      "Yes": "S\u00ed"
+      "Yes": "Sí"
     },
     "passwordPreferences": {
       "Password most be at least 1 character and not more that 50 characters long": "La contraseña debe tener al menos 1 carácter y no más de 50 caracteres",
@@ -1275,14 +1278,15 @@
       "Secure & Reliable": "Seguro y Confiable",
       "Community Driven": "Impulsado por la Comunidad",
       "Global Impact": "Impacto Global",
-      "Personal Information": "Informaci\u00f3n Personal",
-      "Account Information": "Informaci\u00f3n de la Cuenta",
+      "Personal Information": "Información Personal",
+      "Account Information": "Información de la Cuenta",
       "Entity Details": "Detalles de la Entidad",
-      "Group Membership": "Membres\u00eda del Grupo",
+      "Group Membership": "Membresía del Grupo",
       "Important Dates": "Fechas Importantes",
-      "Contact Information": "Informaci\u00f3n de Contacto",
-      "Classification": "Clasificaci\u00f3n",
-      "Status": "Estado"
+      "Contact Information": "Información de Contacto",
+      "Classification": "Clasificación",
+      "Status": "Estado",
+      "Pending Tasks": "Tareas pendientes"
     },
     "inputs": {
       "Terms": "Términos",
@@ -2651,7 +2655,12 @@
       "Incorporation Date": "Fecha de Constitución",
       "Available Disbursement Amount (with Over Applied)": "Monto disponible para desembolso (con sobreaplicación)",
       "Overdue": "Vencido",
-      "Overdue Fees": "Cargos vencidos"
+      "Overdue Fees": "Cargos vencidos",
+      "From date": "Desde fecha",
+      "Resource id": "ID de recurso",
+      "To date": "Hasta fecha",
+      "Select action": "Seleccionar acción",
+      "Select entity": "Seleccionar entidad"
     },
     "links": {
       "Community": "Comunidad",
@@ -2785,7 +2794,8 @@
       "Apply Additional Shares": "Adicionar Acciones",
       "Redeem Shares": "Canjear acciones",
       "Approve Additional Shares": "Aprobar acciones adicionales",
-      "Reject Additional Shares": "Rechazar acciones adicionales"
+      "Reject Additional Shares": "Rechazar acciones adicionales",
+      "Tasks": "Tareas"
     },
     "placeholders": {
       "Add new server": "Agregar nuevo servidor",

src/assets/translations/fr-FR.json

@@ -555,7 +555,10 @@
       "View Active Charges": "Afficher les frais actifs",
       "View Inactive Charges": "Afficher les frais inactifs",
       "Yes": "Oui",
-      "Is Self Service": "Est libre-service"
+      "Is Self Service": "Est libre-service",
+      "Advanced Search": "Recherche avancée",
+      "Show advanced search": "Afficher la recherche avancée",
+      "Hide advanced search": "Masquer la recherche avancée"
     },
     "catalogs": {
       "Interest payment waiver": "Renonciation au paiement des intérêts",
@@ -1278,12 +1281,13 @@
       "Global Impact": "Impact mondial",
       "Personal Information": "Informations personnelles",
       "Account Information": "Informations sur le compte",
-      "Entity Details": "D\u00e9tails de l'entit\u00e9",
-      "Group Membership": "Adh\u00e9sion au groupe",
+      "Entity Details": "Détails de l'entité",
+      "Group Membership": "Adhésion au groupe",
       "Important Dates": "Dates importantes",
-      "Contact Information": "Coordonn\u00e9es",
+      "Contact Information": "Coordonnées",
       "Classification": "Classification",
-      "Status": "Statut"
+      "Status": "Statut",
+      "Pending Tasks": "Tâches en attente"
     },
     "inputs": {
       "Terms": "Termes",
@@ -2647,7 +2651,12 @@
       "Income from Buy down fees": "Revenus des commissions de rachat",
       "Buy down fee Expense": "Charges des commissions de rachat",
       "Skip Interest Refund Transaction Posting": "Ignorer la comptabilisation du remboursement des intérêts",
-      "Available Disbursement Amount (with Over Applied)": "Montant de décaissement disponible (avec sur-application)"
+      "Available Disbursement Amount (with Over Applied)": "Montant de décaissement disponible (avec sur-application)",
+      "From date": "Date de début",
+      "Resource id": "Identifiant de ressource",
+      "To date": "Date de fin",
+      "Select action": "Sélectionner une action",
+      "Select entity": "Sélectionner une entité"
     },
     "links": {
       "Community": "Communauté",
@@ -2781,7 +2790,8 @@
       "Apply Additional Shares": "Appliquer supplémentaire",
       "Redeem Shares": "Racheter des actions",
       "Approve Additional Shares": "Approuver des partages supplémentaires",
-      "Reject Additional Shares": "Rejeter les partages supplémentaires"
+      "Reject Additional Shares": "Rejeter les partages supplémentaires",
+      "Tasks": "Tâches"
     },
     "placeholders": {
       "Add new server": "Ajouter un nouveau serveur",

src/assets/translations/it-IT.json

@@ -554,7 +554,10 @@
       "Withdraw": "Ritirare",
       "View Active Charges": "Visualizza gli addebiti attivi",
       "View Inactive Charges": "Visualizza addebiti inattivi",
-      "Yes": "SÌ"
+      "Yes": "SÌ",
+      "Advanced Search": "Advanced Search",
+      "Show advanced search": "Mostra ricerca avanzata",
+      "Hide advanced search": "Nascondi ricerca avanzata"
     },
     "catalogs": {
       "Interest payment waiver": "Rinuncia al pagamento degli interessi",
@@ -1277,12 +1280,13 @@
       "Global Impact": "Impatto globale",
       "Personal Information": "Informazioni personali",
       "Account Information": "Informazioni sull'account",
-      "Entity Details": "Dettagli dell'entit\u00e0",
+      "Entity Details": "Dettagli dell'entità",
       "Group Membership": "Appartenenza al gruppo",
       "Important Dates": "Date importanti",
       "Contact Information": "Informazioni di contatto",
       "Classification": "Classificazione",
-      "Status": "Stato"
+      "Status": "Stato",
+      "Pending Tasks": "Pending Tasks"
     },
     "inputs": {
       "Terms": "Termini",
@@ -2646,7 +2650,12 @@
       "Income from Buy down fees": "Proventi da commissioni di buy down",
       "Buy down fee Expense": "Spese da commissioni di buy down",
       "Skip Interest Refund Transaction Posting": "Salta la registrazione del rimborso degli interessi",
-      "Available Disbursement Amount (with Over Applied)": "Importo di disbrigo disponibile (con sovraapplicazione)"
+      "Available Disbursement Amount (with Over Applied)": "Importo di disbrigo disponibile (con sovraapplicazione)",
+      "From date": "From date",
+      "Resource id": "Resource id",
+      "To date": "To date",
+      "Select action": "Seleziona azione",
+      "Select entity": "Seleziona entità"
     },
     "links": {
       "Community": "Comunità",
@@ -2780,7 +2789,8 @@
       "Apply Additional Shares": "Applicare aggiuntivo",
       "Redeem Shares": "Riscattare azioni",
       "Approve Additional Shares": "Approvare azioni aggiuntive",
-      "Reject Additional Shares": "Rifiutare condivisioni aggiuntive"
+      "Reject Additional Shares": "Rifiutare condivisioni aggiuntive",
+      "Tasks": "Tasks"
     },
     "placeholders": {
       "Add new server": "Aggiungi nuovo server",

src/assets/translations/ko-KO.json

@@ -555,7 +555,10 @@
       "View Active Charges": "활성 요금 보기",
       "View Inactive Charges": "비활성 요금 보기",
       "Yes": "예",
-      "Is Self Service": "셀프 서비스입니다"
+      "Is Self Service": "셀프 서비스입니다",
+      "Advanced Search": "고급 검색",
+      "Show advanced search": "고급 검색 표시",
+      "Hide advanced search": "고급 검색 숨기기"
     },
     "catalogs": {
       "Interest payment waiver": "이자 지급 면제",
@@ -1284,7 +1287,8 @@
       "Important Dates": "중요한 날짜",
       "Contact Information": "연락처 정보",
       "Classification": "분류",
-      "Status": "상태"
+      "Status": "상태",
+      "Pending Tasks": "보류 중인 작업"
     },
     "inputs": {
       "Terms": "약관",
@@ -2648,7 +2652,12 @@
       "Income from Buy down fees": "매입 수수료 수입",
       "Buy down fee Expense": "매입 수수료 비용",
       "Skip Interest Refund Transaction Posting": "이자 환불 거래 게시 건너뛰기",
-      "Available Disbursement Amount (with Over Applied)": "초과 적용 금액을 포함한 사용 가능한 지급 금액"
+      "Available Disbursement Amount (with Over Applied)": "초과 적용 금액을 포함한 사용 가능한 지급 금액",
+      "From date": "시작일",
+      "Resource id": "리소스 ID",
+      "To date": "종료일",
+      "Select action": "작업 선택",
+      "Select entity": "엔티티 선택"
     },
     "links": {
       "Community": "지역 사회",
@@ -2781,7 +2790,8 @@
       "Apply Additional Shares": "추가 신청",
       "Redeem Shares": "주식 상환",
       "Approve Additional Shares": "추가 공유 승인",
-      "Reject Additional Shares": "추가 공유 거부"
+      "Reject Additional Shares": "추가 공유 거부",
+      "Tasks": "작업"
     },
     "placeholders": {
       "Add new server": "새 서버 추가",

src/assets/translations/lt-LT.json

@@ -555,7 +555,10 @@
       "View Active Charges": "Peržiūrėti aktyvius mokesčius",
       "View Inactive Charges": "Peržiūrėkite neaktyvius mokesčius",
       "Yes": "Taip",
-      "Is Self Service": "Savitarna"
+      "Is Self Service": "Savitarna",
+      "Advanced Search": "Išplėstinė paieška",
+      "Show advanced search": "Rodyti išplėstinę paiešką",
+      "Hide advanced search": "Slėpti išplėstinę paiešką"
     },
     "catalogs": {
       "Interest payment waiver": "Palūkanų mokėjimo atsisakymas",
@@ -1281,7 +1284,8 @@
       "Important Dates": "Svarbios datos",
       "Contact Information": "Kontaktinė informacija",
       "Classification": "Klasifikacija",
-      "Status": "Statusas"
+      "Status": "Statusas",
+      "Pending Tasks": "Laukiamos užduotys"
     },
     "inputs": {
       "Terms": "Sąlygos",
@@ -2647,7 +2651,12 @@
       "Available Disbursement Amount (with Over Applied)": "Galimas išmokėjimo kiekis (su pertekliumi)",
       "Waive Penalties": "Atsisakyti delspinigių",
       "Overdue": "Pradelstas",
-      "Overdue Fees": "Delspinigiai"
+      "Overdue Fees": "Vėluojantys mokesčiai",
+      "From date": "Nuo datos",
+      "Resource id": "Resurso identifikatorius",
+      "To date": "Iki datos",
+      "Select action": "Pasirinkite veiksmą",
+      "Select entity": "Pasirinkite objektą"
     },
     "links": {
       "Community": "bendruomenė",
@@ -2781,7 +2790,8 @@
       "Apply Additional Shares": "Taikyti Papildomą",
       "Redeem Shares": "Išpirkti akcijas",
       "Approve Additional Shares": "Patvirtinti papildomas akcijas",
-      "Reject Additional Shares": "Atmesti papildomas akcijas"
+      "Reject Additional Shares": "Atmesti papildomas akcijas",
+      "Tasks": "Užduotys"
     },
     "placeholders": {
       "Add new server": "Pridėti naują serverį",

src/assets/translations/lv-LV.json

@@ -555,7 +555,10 @@
       "View Active Charges": "Skatīt aktīvās maksas",
       "View Inactive Charges": "Skatīt neaktīvās maksas",
       "Yes": "Jā",
-      "Is Self Service": "Ir pašapkalpošanās"
+      "Is Self Service": "Ir pašapkalpošanās",
+      "Advanced Search": "Advanced Search",
+      "Show advanced search": "Rādīt paplašinātu meklēšanu",
+      "Hide advanced search": "Paslēpt paplašinātu meklēšanu"
     },
     "catalogs": {
       "Interest payment waiver": "Atteikšanās no procentu maksājumiem",
@@ -1283,7 +1286,8 @@
       "Important Dates": "Svarīgi datumi",
       "Contact Information": "Kontaktinformācija",
       "Classification": "Klasifikācija",
-      "Status": "Statuss"
+      "Status": "Statuss",
+      "Pending Tasks": "Pending Tasks"
     },
     "inputs": {
       "Terms": "Noteikumi",
@@ -2647,7 +2651,12 @@
       "Income from Buy down fees": "Ienākumi no akciju izpirkšanas komisijas maksām",
       "Buy down fee Expense": "Akciju izpirkšanas komisijas izdevumi",
       "Skip Interest Refund Transaction Posting": "Izlaist procentu atmaksas ierakstu",
-      "Available Disbursement Amount (with Over Applied)": "Pieejamā izmaksas summa (ar pārsniegumu)"
+      "Available Disbursement Amount (with Over Applied)": "Pieejamā izmaksas summa (ar pārsniegumu)",
+      "From date": "From date",
+      "Resource id": "Resource id",
+      "To date": "To date",
+      "Select action": "Izvēlēties darbību",
+      "Select entity": "Izvēlēties vienību"
     },
     "links": {
       "Community": "kopiena",
@@ -2781,7 +2790,8 @@
       "Apply Additional Shares": "Lietot papildu",
       "Redeem Shares": "Izpirkt Akcijas",
       "Approve Additional Shares": "Apstipriniet papildu akcijas",
-      "Reject Additional Shares": "Noraidīt papildu akcijas"
+      "Reject Additional Shares": "Noraidīt papildu akcijas",
+      "Tasks": "Tasks"
     },
     "placeholders": {
       "Add new server": "Pievienot jaunu serveri",

src/assets/translations/ne-NE.json

@@ -555,7 +555,10 @@
       "View Active Charges": "सक्रिय शुल्कहरू हेर्नुहोस्",
       "View Inactive Charges": "निष्क्रिय शुल्कहरू हेर्नुहोस्",
       "Yes": "हो",
-      "Is Self Service": "आत्म सेवा हो"
+      "Is Self Service": "आत्म सेवा हो",
+      "Advanced Search": "उन्नत खोज",
+      "Show advanced search": "उन्नत खोज देखाउनुहोस्",
+      "Hide advanced search": "उन्नत खोज लुकाउनुहोस्"
     },
     "catalogs": {
       "Interest payment waiver": "ब्याज भुक्तानी माफी",
@@ -1281,7 +1284,8 @@
       "Important Dates": "महत्वपूर्ण मितिहरू",
       "Contact Information": "सम्पर्क जानकारी",
       "Classification": "वर्गीकरण",
-      "Status": "स्थिति"
+      "Status": "स्थिति",
+      "Pending Tasks": "बाँकी कार्यहरू"
     },
     "inputs": {
       "Terms": "सर्तहरू",
@@ -2645,7 +2649,12 @@
       "Income from Buy down fees": "खरिद शुल्कबाट हुने आम्दानी",
       "Buy down fee Expense": "खरीद शुल्क खर्च",
       "Skip Interest Refund Transaction Posting": "ब्याज फिर्ता पोस्टिङ्ग छोड्नुहोस्",
-      "Available Disbursement Amount (with Over Applied)": "उपलब्ध भुक्तानी रकम (अधिक लागू रकम सहित)"
+      "Available Disbursement Amount (with Over Applied)": "उपलब्ध भुक्तानी रकम (अधिक लागू रकम सहित)",
+      "From date": "मिति देखि",
+      "Resource id": "स्रोत आईडी",
+      "To date": "मिति सम्म",
+      "Select action": "कार्य चयन गर्नुहोस्",
+      "Select entity": "इकाई चयन गर्नुहोस्"
     },
     "links": {
       "Community": "समुदाय",
@@ -2779,7 +2788,8 @@
       "Apply Additional Shares": "अतिरिक्त लागू गर्नुहोस्",
       "Redeem Shares": "शेयरहरू रिडिम गर्नुहोस्",
       "Approve Additional Shares": "अतिरिक्त शेयरहरू स्वीकृत गर्नुहोस्",
-      "Reject Additional Shares": "अतिरिक्त शेयरहरू अस्वीकार गर्नुहोस्"
+      "Reject Additional Shares": "अतिरिक्त शेयरहरू अस्वीकार गर्नुहोस्",
+      "Tasks": "कार्यहरू"
     },
     "placeholders": {
       "Add new server": "नयाँ सर्भर थप्नुहोस्",

src/assets/translations/pt-PT.json

@@ -555,7 +555,10 @@
       "View Active Charges": "Ver cobranças ativas",
       "View Inactive Charges": "Ver cobranças inativas",
       "Yes": "Sim",
-      "Is Self Service": "É autoatendimento"
+      "Is Self Service": "É autoatendimento",
+      "Advanced Search": "Pesquisa avançada",
+      "Show advanced search": "Mostrar pesquisa avançada",
+      "Hide advanced search": "Ocultar pesquisa avançada"
     },
     "catalogs": {
       "Interest payment waiver": "Isenção de pagamento de juros",
@@ -1282,7 +1285,8 @@
       "Important Dates": "Datas Importantes",
       "Contact Information": "Informações de Contato",
       "Classification": "Classificação",
-      "Status": "Status"
+      "Status": "Status",
+      "Pending Tasks": "Tarefas Pendentes"
     },
     "inputs": {
       "Terms": "Termos",
@@ -2646,7 +2650,12 @@
       "Income from Buy down fees": "Receita com taxas de recompra",
       "Buy down fee Expense": "Despesa com taxas de recompra",
       "Skip Interest Refund Transaction Posting": "Ignorar o lançamento do reembolso de juros",
-      "Available Disbursement Amount (with Over Applied)": "Valor de desembolso disponível (com sobreaplicação)"
+      "Available Disbursement Amount (with Over Applied)": "Valor de desembolso disponível (com sobreaplicação)",
+      "From date": "Data de início",
+      "Resource id": "ID do recurso",
+      "To date": "Data de fim",
+      "Select action": "Selecionar ação",
+      "Select entity": "Selecionar entidade"
     },
     "links": {
       "Community": "Comunidade",
@@ -2780,7 +2789,8 @@
       "Apply Additional Shares": "Aplicar Adicional",
       "Redeem Shares": "Resgatar Ações",
       "Approve Additional Shares": "Aprovar ações adicionais",
-      "Reject Additional Shares": "Rejeitar compartilhamentos adicionais"
+      "Reject Additional Shares": "Rejeitar compartilhamentos adicionais",
+      "Tasks": "Tarefas"
     },
     "placeholders": {
       "Add new server": "Adicionar novo servidor",

src/assets/translations/sw-SW.json

@@ -555,7 +555,10 @@
       "View Active Charges": "Tazama Malipo Yanayotumika",
       "View Inactive Charges": "Tazama Gharama Isiyotumika",
       "Yes": "Ndiyo",
-      "Is Self Service": "Ni huduma binafsi"
+      "Is Self Service": "Ni huduma binafsi",
+      "Advanced Search": "Utafutaji wa Kina",
+      "Show advanced search": "Onyesha utafutaji wa kina",
+      "Hide advanced search": "Ficha utafutaji wa kina"
     },
     "catalogs": {
       "Interest payment waiver": "Msamaha wa Malipo ya Riba",
@@ -1279,7 +1282,8 @@
       "Important Dates": "Tarehe Muhimu",
       "Contact Information": "Maelezo ya Mawasiliano",
       "Classification": "Uainishaji",
-      "Status": "Hali"
+      "Status": "Hali",
+      "Pending Tasks": "Kazi Zinazongoja"
     },
     "inputs": {
       "Terms": "Masharti",
@@ -2643,7 +2647,12 @@
       "Income from Buy down fees": "Mapato kutoka kwa ada ya Kununua",
       "Buy down fee Expense": "Kununua ada ya chini Gharama",
       "Skip Interest Refund Transaction Posting": "Ruka uchapishaji wa muamala wa kurejesha riba",
-      "Available Disbursement Amount (with Over Applied)": "Tillgängligt utbetalningsbelopp (med överbetalning)"
+      "Available Disbursement Amount (with Over Applied)": "Kiasi cha Utoaji Kinachopatikana (pamoja na Matumizi Zaidi)",
+      "From date": "Kutoka tarehe",
+      "Resource id": "Kitambulisho cha rasilimali",
+      "To date": "Hadi tarehe",
+      "Select action": "Chagua kitendo",
+      "Select entity": "Chagua huluki"
     },
     "links": {
       "Community": "Jumuiya",
@@ -2777,7 +2786,8 @@
       "Apply Additional Shares": "Omba Ziada",
       "Redeem Shares": "Komboa Hisa",
       "Approve Additional Shares": "Idhinisha Hisa za Ziada",
-      "Reject Additional Shares": "Kataa Hisa za Ziada"
+      "Reject Additional Shares": "Kataa Hisa za Ziada",
+      "Tasks": "Kazi"
     },
     "placeholders": {
       "Add new server": "Ongeza seva mpya",