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>