Use of filter in the GL Account dropdown menus

src/app/accounting/chart-of-accounts/create-gl-account/create-gl-account.component.html

@@ -52,14 +52,13 @@
             </mat-error>
           </mat-form-field>
 
-          <mat-form-field fxFlex="48%">
-            <mat-label>{{"labels.inputs.Parent" | translate}}</mat-label>
-            <mat-select formControlName="parentId">
-              <mat-option *ngFor="let parent of parentData" [value]="parent.id">
-                ({{ parent.glCode }}) {{ parent.name }}
-              </mat-option>
-            </mat-select>
-          </mat-form-field>
+          <mifosx-gl-account-selector fxFlex="48%"
+            [inputFormControl]="glAccountForm.controls.parentId"
+            [glAccountList]="parentData"
+            [required]="false"
+            [inputLabel]="'Parent'"
+          >
+          </mifosx-gl-account-selector>
 
           <mat-form-field fxFlex="28%">
             <mat-label>{{"labels.inputs.Tag" | translate}}</mat-label>
@@ -114,4 +113,4 @@
     <button mat-raised-button color="primary" (click)="popover.close();nextStep()">{{"labels.buttons.Next" |
       translate}}</button>
   </div>
-</ng-template>
+</ng-template>

src/app/accounting/chart-of-accounts/create-gl-account/create-gl-account.component.ts

@@ -11,6 +11,7 @@ import { ConfigurationWizardService } from '../../../configuration-wizard/config
 
 /** Custom Dialog Component */
 import { ContinueSetupDialogComponent } from '../../../configuration-wizard/continue-setup-dialog/continue-setup-dialog.component';
+import { GLAccount } from 'app/shared/models/general.model';
 
 /**
  * Create gl account component.
@@ -31,7 +32,7 @@ export class CreateGlAccountComponent implements OnInit, AfterViewInit {
   /** Account usage data. */
   accountUsageData: any;
   /** Parent data. */
-  parentData: any;
+  parentData: GLAccount[] = [];
   /** Tag data. */
   tagData: any;
   /** Account type id. (for creation of sub-ledger account) */