Manage Report views updated (#1635)

Co-authored-by: Jose Alberto Hernandez <alberto@MacBook-Pro.local>

src/app/system/manage-reports/edit-report/edit-report.component.html

@@ -44,11 +44,16 @@
 
           <mat-form-field fxFlex="40%">
             <mat-label>Report Category</mat-label>
-            <input matInput formControlName="reportCategory">
+            <mat-select formControlName="reportCategory">
+              <mat-option *ngFor="let reportCategoryType of reportCategoryTypeOptions"
+                [value]="reportCategoryType">
+                {{ reportCategoryType }}
+              </mat-option>
+            </mat-select>
           </mat-form-field>
 
           <div fxFlex="10%" class="user-report-wrapper">
-            <mat-checkbox class="user-report" labelPosition="before" formControlName="useReport">
+            <mat-checkbox class="user-report" labelPosition="after" formControlName="useReport">
               User Report (UI)
             </mat-checkbox>
           </div>

src/app/system/manage-reports/edit-report/edit-report.component.ts

@@ -46,6 +46,8 @@ export class EditReportComponent implements OnInit {
   /** Boolean to check if report parameters data is changed or not. */
   isReportParametersChanged: Boolean = false;
 
+  reportCategoryTypeOptions: string[] = ['Client', 'Loan', 'Savings', 'Fund', 'Accounting'];
+
   /** Paginator for report parameters table. */
   @ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;
   /** Sorter for report parameters table. */