Manage Report views updated (#1635)

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

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

@@ -45,11 +45,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>
@@ -80,8 +85,7 @@
           <p fxFlex="20%" class="mat-title">Report Parameters</p>
 
           <button mat-raised-button fxFlex="20%" type="button" color="primary" (click)="addReportParameter()">
-            <fa-icon icon="plus"></fa-icon>&nbsp;&nbsp;
-            Add Report Parameter
+            <fa-icon icon="plus" class="m-r-10"></fa-icon>Add Report Parameter
           </button>
 
         </div>

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

@@ -46,6 +46,8 @@ export class CreateReportComponent implements OnInit {
   /** Sorter for report parameters table. */
   @ViewChild(MatSort, { static: true }) sort: MatSort;
 
+  reportCategoryTypeOptions: string[] = ['Client', 'Loan', 'Savings', 'Fund', 'Accounting'];
+
   /**
    * Retrieves the report template data from `resolve`.
    * @param {FormBuilder} formBuilder Form Builder.

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. */