Add date range filtering for transactions

Signed-off-by: William Brawner <me@wbrawner.com>

src/app/shared/twigs.http.service.ts

@@ -205,7 +205,8 @@ export class TwigsHttpService implements TwigsService {
     budgetId?: string,
     categoryId?: string,
     count?: number,
-    from?: Date
+    from?: Date,
+    to?: Date
   ): Observable<Transaction[]> {
     let httpParams = new HttpParams();
     if (budgetId) {
@@ -217,6 +218,9 @@ export class TwigsHttpService implements TwigsService {
     if (from) {
       httpParams = httpParams.set('from', from.toISOString());
     }
+    if (to) {
+      httpParams = httpParams.set('to', to.toISOString());
+    }
     const params = { params: httpParams };
     return this.http.get<Transaction[]>(`${this.apiUrl}/transactions`, Object.assign(params, this.options))
       .pipe(map(transactions => {

src/app/shared/twigs.service.ts

@@ -36,7 +36,8 @@ export interface TwigsService {
     budgetId?: string,
     categoryId?: string,
     count?: number,
-    from?: Date
+    from?: Date,
+    to?: Date
   ): Observable<Transaction[]>;
   getTransaction(id: string): Observable<Transaction>;
   createTransaction(

src/app/transactions/transaction-list/transaction-list.component.ts

@@ -1,6 +1,7 @@
 import { Component, OnInit, Input, Inject } from '@angular/core';
 import { Transaction } from '../transaction';
 import { TWIGS_SERVICE, TwigsService } from '../../shared/twigs.service';
+import { ActivatedRoute } from '@angular/router';
 
 @Component({
   selector: 'app-transaction-list',
@@ -15,6 +16,7 @@ export class TransactionListComponent implements OnInit {
 
   constructor(
     @Inject(TWIGS_SERVICE) private twigsService: TwigsService,
+    private route: ActivatedRoute
   ) { }
 
   ngOnInit(): void {
@@ -22,13 +24,35 @@ export class TransactionListComponent implements OnInit {
   }
 
   getTransactions(): void {
-    let date = new Date();
+    let fromStr = this.route.snapshot.queryParamMap.get('from');
-    date.setHours(0);
+    var from;
-    date.setMinutes(0);
+    if (fromStr) {
-    date.setSeconds(0);
+      let fromDate = new Date(fromStr);
-    date.setMilliseconds(0);
+      if (!isNaN(fromDate.getTime())) {
-    date.setDate(1);
+        from = fromDate;
-    this.twigsService.getTransactions(this.budgetId, this.categoryId, null, date).subscribe(transactions => {
+      }
+    }
+
+    if (!from) {
+      let date = new Date();
+      date.setHours(0);
+      date.setMinutes(0);
+      date.setSeconds(0);
+      date.setMilliseconds(0);
+      date.setDate(1);
+      from = date;
+    }
+
+    let toStr = this.route.snapshot.queryParamMap.get('to');
+    var to;
+    if (toStr) {
+      let toDate = new Date(toStr);
+      if (!isNaN(toDate.getTime())) {
+        to = toDate;
+      }
+    }
+
+    this.twigsService.getTransactions(this.budgetId, this.categoryId, null, from, to).subscribe(transactions => {
       this.transactions = transactions;
     });
   }