feat(provisioning-entries): view journal entries

Add view provisioning journal entries component. Also, add feature to create provisioning journal entries and recreate provisioning.
2018-08-08 13:44:50 +05:30
parent 493246bee5
commit 314fd2b537
11 changed files with 234 additions and 11 deletions
@@ -0,0 +1,72 @@
+<div class="container">
+
+  <div fxLayout="row" fxLayoutGap="20px">
+    <mat-form-field fxFlex>
+      <input matInput (keyup)="applyFilter($event.target.value)" placeholder="Filter">
+    </mat-form-field>
+  </div>
+
+  <div class="mat-elevation-z8">
+
+    <table mat-table [dataSource]="dataSource" matSort>
+
+      <ng-container matColumnDef="id">
+        <th mat-header-cell *matHeaderCellDef mat-sort-header> Entry ID </th>
+        <td mat-cell *matCellDef="let provisioningJournalEntry"> {{ provisioningJournalEntry.id }} </td>
+      </ng-container>
+
+      <ng-container matColumnDef="officeName">
+        <th mat-header-cell *matHeaderCellDef mat-sort-header> Office </th>
+        <td mat-cell *matCellDef="let provisioningJournalEntry"> {{ provisioningJournalEntry.officeName }} </td>
+      </ng-container>
+
+      <ng-container matColumnDef="transactionDate">
+        <th mat-header-cell *matHeaderCellDef mat-sort-header> Transaction Date </th>
+        <td mat-cell *matCellDef="let provisioningJournalEntry"> {{ provisioningJournalEntry.transactionDate }} </td>
+      </ng-container>
+
+      <ng-container matColumnDef="transactionId">
+        <th mat-header-cell *matHeaderCellDef mat-sort-header> Transaction ID </th>
+        <td mat-cell *matCellDef="let provisioningJournalEntry"> {{ provisioningJournalEntry.transactionId }} </td>
+      </ng-container>
+
+      <ng-container matColumnDef="glAccountType">
+        <th mat-header-cell *matHeaderCellDef mat-sort-header> Type </th>
+        <td mat-cell *matCellDef="let provisioningJournalEntry"> {{ provisioningJournalEntry.glAccountType.value }} </td>
+      </ng-container>
+
+      <ng-container matColumnDef="createdByUserName">
+        <th mat-header-cell *matHeaderCellDef mat-sort-header> Type </th>
+        <td mat-cell *matCellDef="let provisioningJournalEntry"> {{ provisioningJournalEntry.createdByUserName }} </td>
+      </ng-container>
+
+      <ng-container matColumnDef="glAccountCode">
+        <th mat-header-cell *matHeaderCellDef mat-sort-header> Account Code </th>
+        <td mat-cell *matCellDef="let provisioningJournalEntry"> {{ provisioningJournalEntry.glAccountCode }} </td>
+      </ng-container>
+
+      <ng-container matColumnDef="glAccountName">
+        <th mat-header-cell *matHeaderCellDef mat-sort-header> Account Name </th>
+        <td mat-cell *matCellDef="let provisioningJournalEntry"> {{ provisioningJournalEntry.glAccountName }} </td>
+      </ng-container>
+
+      <ng-container matColumnDef="debit">
+        <th mat-header-cell *matHeaderCellDef mat-sort-header> Debit </th>
+        <td mat-cell *matCellDef="let provisioningJournalEntry"><span *ngIf="provisioningJournalEntry.entryType.value === 'DEBIT'"> {{ (provisioningJournalEntry.currency.displaySymbol || provisioningJournalEntry.currency.code) + ' ' + provisioningJournalEntry.amount }} </span></td>
+      </ng-container>
+
+      <ng-container matColumnDef="credit">
+        <th mat-header-cell *matHeaderCellDef mat-sort-header> Credit </th>
+        <td mat-cell *matCellDef="let provisioningJournalEntry"><span *ngIf="provisioningJournalEntry.entryType.value === 'CREDIT'"> {{ (provisioningJournalEntry.currency.displaySymbol || provisioningJournalEntry.currency.code) + ' ' + provisioningJournalEntry.amount }} </span></td>
+      </ng-container>
+
+      <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
+      <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
+
+    </table>
+
+    <mat-paginator [pageSizeOptions]="[10, 25, 50, 100]" showFirstLastButtons></mat-paginator>
+
+  </div>
+
+</div>
@@ -0,0 +1,3 @@
+table {
+  width: 100%;
+}
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ViewProvisioningJournalEntriesComponent } from './view-provisioning-journal-entries.component';
+
+describe('ViewProvisioningJournalEntriesComponent', () => {
+  let component: ViewProvisioningJournalEntriesComponent;
+  let fixture: ComponentFixture<ViewProvisioningJournalEntriesComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ ViewProvisioningJournalEntriesComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ViewProvisioningJournalEntriesComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
@@ -0,0 +1,51 @@
+import { Component, OnInit, ViewChild } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { MatPaginator, MatSort, MatTableDataSource } from '@angular/material';
+
+import { AccountingService } from '../../accounting.service';
+
+@Component({
+  selector: 'mifosx-view-provisioning-journal-entries',
+  templateUrl: './view-provisioning-journal-entries.component.html',
+  styleUrls: ['./view-provisioning-journal-entries.component.scss']
+})
+export class ViewProvisioningJournalEntriesComponent implements OnInit {
+
+  provisioningEntryId: string;
+
+  displayedColumns: string[] = ['id', 'officeName', 'transactionDate', 'transactionId', 'glAccountType', 'createdByUserName', 'glAccountCode', 'glAccountName', 'debit', 'credit'];
+  dataSource: any;
+
+  @ViewChild(MatPaginator) paginator: MatPaginator;
+  @ViewChild(MatSort) sort: MatSort;
+
+  constructor(private route: ActivatedRoute,
+              private accountingService: AccountingService) { }
+
+  ngOnInit() {
+    this.provisioningEntryId = this.route.snapshot.paramMap.get('id');
+    this.getProvisioningJournalEntry();
+  }
+
+  getProvisioningJournalEntry() {
+    this.accountingService.getProvisioningJournalEntries(this.provisioningEntryId)
+      .subscribe((provisioningJournalEntryData: any) => {
+        this.dataSource = new MatTableDataSource(provisioningJournalEntryData.pageItems);
+        this.dataSource.paginator = this.paginator;
+        this.dataSource.sortingDataAccessor = (transaction: any, property: any) => {
+          switch (property) {
+            case 'glAccountType': return transaction.glAccountType.value;
+            case 'debit': return transaction.amount;
+            case 'credit': return transaction.amount;
+            default: return transaction[property];
+          }
+        };
+        this.dataSource.sort = this.sort;
+      });
+  }
+
+  applyFilter(filterValue: string) {
+    this.dataSource.filter = filterValue.trim().toLowerCase();
+  }
+
+}