Upload 5 files

accounting-rules-template.resolver.ts

@@ -0,0 +1,31 @@
+/** Angular Imports */
+import { Injectable } from '@angular/core';
+import { Resolve } from '@angular/router';
+
+/** rxjs Imports */
+import { Observable } from 'rxjs';
+
+/** Custom Services */
+import { AccountingService } from '../accounting.service';
+
+/**
+ * Accounting rules template data resolver.
+ */
+@Injectable()
+export class AccountingRulesTemplateResolver implements Resolve<Object> {
+
+  /**
+   * @param {AccountingService} accountingService Accounting service.
+   */
+  constructor(private accountingService: AccountingService) {}
+
+  /**
+   * Returns the accounting rules template data.
+   * @returns {Observable<any>}
+   */
+  resolve(): Observable<any> {
+    // Calls the getAccountingRulesTemplate method of the AccountingService to fetch the accounting rules template data.
+    return this.accountingService.getAccountingRulesTemplate();
+  }
+
+}

accounting-rules.component.html

@@ -0,0 +1,73 @@
+<div class="container m-b-20" fxLayout="row" fxLayoutAlign="end" fxLayoutGap="20px">
+  <!-- This button is only visible if the user has the permission to create accounting rules -->
+  <button mat-raised-button color="primary" [routerLink]="['create']" *mifosxHasPermission="'CREATE_ACCOUNTINGRULE'">
+    <!-- Icon and button label -->
+    <fa-icon icon="plus" class="m-r-10"></fa-icon>
+    {{"labels.buttons.Add Rule" | translate}}
+  </button>
+</div>
+
+<div class="container">
+
+  <div fxLayout="row">
+    <!-- Search bar for filtering accounting rules -->
+    <mat-form-field fxFlex>
+      <mat-label>{{'labels.inputs.Filter' | translate}}</mat-label>
+      <input matInput (keyup)="applyFilter($event.target.value)">
+    </mat-form-field>
+  </div>
+
+  <div class="mat-elevation-z8">
+    <!-- Table displaying accounting rules -->
+    <table mat-table [dataSource]="dataSource" matSort>
+      <!-- Column definitions for the table -->
+
+      <!-- Name column -->
+      <ng-container matColumnDef="name">
+        <th mat-header-cell *matHeaderCellDef mat-sort-header> {{"labels.inputs.name" | translate}} </th>
+        <td mat-cell *matCellDef="let accountingRule"> {{ accountingRule.name }} </td>
+      </ng-container>
+
+      <!-- Office name column -->
+      <ng-container matColumnDef="officeName">
+        <th mat-header-cell *matHeaderCellDef mat-sort-header> {{"labels.inputs.Office" | translate}} </th>
+        <td mat-cell *matCellDef="let accountingRule"> {{ accountingRule.officeName }} </td>
+      </ng-container>
+
+      <!-- Debit tags column -->
+      <ng-container matColumnDef="debitTags">
+        <th mat-header-cell *matHeaderCellDef mat-sort-header> {{"labels.inputs.Debit Tags" | translate}} </th>
+        <td mat-cell *matCellDef="let accountingRule"> {{ accountingRule.debitTags }} </td>
+      </ng-container>
+
+      <!-- Debit account column -->
+      <ng-container matColumnDef="debitAccount">
+        <th mat-header-cell *matHeaderCellDef mat-sort-header> {{"labels.inputs.Debit Account" | translate}} </th>
+        <td mat-cell *matCellDef="let accountingRule"> {{ accountingRule.debitAccounts ? accountingRule.debitAccounts[0].name : '' }} </td>
+      </ng-container>
+
+      <!-- Credit tags column -->
+      <ng-container matColumnDef="creditTags">
+        <th mat-header-cell *matHeaderCellDef mat-sort-header> {{"labels.inputs.Credit Tags" | translate}} </th>
+        <td mat-cell *matCellDef="let accountingRule"> {{ accountingRule.creditTags }} </td>
+      </ng-container>
+
+      <!-- Credit account column -->
+      <ng-container matColumnDef="creditAccount">
+        <th mat-header-cell *matHeaderCellDef mat-sort-header> {{"labels.inputs.Credit Account" | translate}} </th>
+        <td mat-cell *matCellDef="let accountingRule"> {{ accountingRule.creditAccounts ? accountingRule.creditAccounts[0].name : '' }} </td>
+      </ng-container>
+
+      <!-- Header row for the table -->
+      <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
+      <!-- Row definition for each accounting rule -->
+      <tr mat-row *matRowDef="let row; columns: displayedColumns;" [routerLink]="['view', row.id]" class="select-row"></tr>
+
+    </table>
+
+    <!-- Pagination controls for the table -->
+    <mat-paginator [pageSizeOptions]="[10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
+
+  </div>
+
+</div>

accounting-rules.component.spec.ts

@@ -0,0 +1,36 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AccountingRulesComponent } from './accounting-rules.component';
+
+// This describes a group of tests for the AccountingRulesComponent
+describe('AccountingRulesComponent', () => {
+  // Define variables to hold the component and its fixture
+  let component: AccountingRulesComponent;
+  let fixture: ComponentFixture<AccountingRulesComponent>;
+
+  // This setup block runs before each test case
+  beforeEach(async(() => {
+    // Configure the test module with the component declaration
+    TestBed.configureTestingModule({
+      declarations: [ AccountingRulesComponent ]
+    })
+    // Compile the component's template
+    .compileComponents();
+  }));
+
+  // This setup block runs before each test case
+  beforeEach(() => {
+    // Create a new instance of the component
+    fixture = TestBed.createComponent(AccountingRulesComponent);
+    // Get the component instance from the fixture
+    component = fixture.componentInstance;
+    // Detect changes in the component's bindings and template
+    fixture.detectChanges();
+  });
+
+  // This test case checks if the component is created successfully
+  it('should create', () => {
+    // Expect the component to be truthy, meaning it exists
+    expect(component).toBeTruthy();
+  });
+});

accounting-rules.component.ts

@@ -0,0 +1,87 @@
+/** Angular Imports */
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { MatPaginator } from '@angular/material/paginator';
+import { MatSort } from '@angular/material/sort';
+import { MatTableDataSource } from '@angular/material/table';
+import { ActivatedRoute } from '@angular/router';
+
+/**
+ * Accounting rules component.
+ */
+@Component({
+  selector: 'mifosx-accounting-rules',
+  templateUrl: './accounting-rules.component.html',
+  styleUrls: ['./accounting-rules.component.scss']
+})
+export class AccountingRulesComponent implements OnInit {
+
+  /** Accounting rule data. */
+  accountingRuleData: any;
+  /** Columns to be displayed in accounting rules table. */
+  displayedColumns: string[] = ['name', 'officeName', 'debitTags', 'debitAccount', 'creditTags', 'creditAccount'];
+  /** Data source for accounting rules table. */
+  dataSource: MatTableDataSource<any>;
+
+  /** Paginator for accounting rules table. */
+  @ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;
+  /** Sorter for accounting rules table. */
+  @ViewChild(MatSort, { static: true }) sort: MatSort;
+
+  /**
+   * Retrieves the accounting rules data from `resolve`.
+   * @param {ActivatedRoute} route Activated Route.
+   */
+  constructor(private route: ActivatedRoute) {
+    // subscribe to the data from the route
+    this.route.data.subscribe((data: { accountingRules: any }) => {
+      // assign the accounting rules data to the component property
+      this.accountingRuleData = data.accountingRules;
+    });
+  }
+
+  /**
+   * Sets the accounting rules table.
+   */
+  ngOnInit() {
+    // call the function to set the accounting rules table
+    this.setAccountingRules();
+  }
+
+  /**
+   * Initializes the data source, paginator and sorter for accounting rules table.
+   */
+  setAccountingRules() {
+    // iterate over each accounting rule
+    this.accountingRuleData.forEach((accountingRule: any) => {
+      // join the debit tags into a comma-separated string if they exist
+      accountingRule.debitTags = accountingRule.debitTags ? accountingRule.debitTags.map((debitTag: any) => debitTag.tag.name).join(', ') : '';
+      // join the credit tags into a comma-separated string if they exist
+      accountingRule.creditTags = accountingRule.creditTags ? accountingRule.creditTags.map((creditTag: any) => creditTag.tag.name).join(', ') : '';
+    });
+    // create a new MatTableDataSource instance and assign the accounting rule data
+    this.dataSource = new MatTableDataSource(this.accountingRuleData);
+    // set the paginator for the data source
+    this.dataSource.paginator = this.paginator;
+    // set the sorting data accessor for the data source
+    this.dataSource.sortingDataAccessor = (accountingRule: any, property: any) => {
+      // return the appropriate value for sorting based on the property
+      switch (property) {
+        case 'debitAccount': return accountingRule.debitAccounts[0].name;
+        case 'creditAccount': return accountingRule.creditAccounts[0].name;
+        default: return accountingRule[property];
+      }
+    };
+    // set the sorter for the data source
+    this.dataSource.sort = this.sort;
+  }
+
+  /**
+   * Filters data in accounting rules table based on passed value.
+   * @param {string} filterValue Value to filter data.
+   */
+  applyFilter(filterValue: string) {
+    // filter the data source based on the filter value
+    this.dataSource.filter = filterValue.trim().toLowerCase();
+  }
+
+}

accounting-rules.resolver.ts

@@ -0,0 +1,31 @@
+/** Angular Imports */
+import { Injectable } from '@angular/core';
+import { Resolve } from '@angular/router';
+
+/** rxjs Imports */
+import { Observable } from 'rxjs';
+
+/** Custom Services */
+import { AccountingService } from '../accounting.service';
+
+/**
+ * Accounting rules data resolver.
+ */
+@Injectable()
+export class AccountingRulesResolver implements Resolve<Object> {
+
+  /**
+   * @param {AccountingService} accountingService Accounting service.
+   */
+  constructor(private accountingService: AccountingService) {}
+
+  /**
+   * Returns the accounting rules data.
+   * @returns {Observable<any>}
+   */
+  resolve(): Observable<any> {
+    // Call the getAccountingRules method of the AccountingService to retrieve the accounting rules data.
+    return this.accountingService.getAccountingRules();
+  }
+
+}