Removed timezone information from columns. Time will be stored in UTC coordinates.

Moved to Sqlalchemy 1.4 model and SessionFuture.

Upgraded to Angular 12

Upgraded the python dependencies

overlord/src/app/employee-benefits/employee-benefits.component.ts

@@ -67,9 +67,9 @@ export class EmployeeBenefitsComponent implements OnInit, AfterViewInit {
       }),
     });
     // Setup Employee Autocomplete
-    this.employees = ((this.form.get('addRow') as FormControl).get(
-      'employee',
-    ) as FormControl).valueChanges.pipe(
+    this.employees = (
+      (this.form.get('addRow') as FormControl).get('employee') as FormControl
+    ).valueChanges.pipe(
       startWith(null),
       map((x) => (x !== null && x.length >= 1 ? x : null)),
       debounceTime(150),

overlord/src/app/incentive/incentive.component.ts

@@ -106,9 +106,11 @@ export class IncentiveComponent implements OnInit {
   }
 
   change(row: Incentive, i: number) {
-    row.points = +(((this.form.get('incentives') as FormArray).get(`${i}`) as FormGroup).get(
-      'points',
-    ) as FormControl).value;
+    row.points = +(
+      ((this.form.get('incentives') as FormArray).get(`${i}`) as FormGroup).get(
+        'points',
+      ) as FormControl
+    ).value;
     ((this.form.get('incentives') as FormArray).get(`${i}`) as FormGroup).setValue({
       points: `${row.points}`,
     });

overlord/src/app/issue/issue.component.ts

@@ -74,9 +74,9 @@ export class IssueComponent implements OnInit, AfterViewInit, OnDestroy {
       narration: '',
     });
     // Listen to Batch Autocomplete Change
-    this.batches = ((this.form.get('addRow') as FormControl).get(
-      'batch',
-    ) as FormControl).valueChanges.pipe(
+    this.batches = (
+      (this.form.get('addRow') as FormControl).get('batch') as FormControl
+    ).valueChanges.pipe(
       startWith('null'),
       debounceTime(150),
       distinctUntilChanged(),

overlord/src/app/journal/journal.component.ts

@@ -71,9 +71,9 @@ export class JournalComponent implements OnInit, AfterViewInit, OnDestroy {
     });
     this.accBal = null;
     // Setup Account Autocomplete
-    this.accounts = ((this.form.get('addRow') as FormControl).get(
-      'account',
-    ) as FormControl).valueChanges.pipe(
+    this.accounts = (
+      (this.form.get('addRow') as FormControl).get('account') as FormControl
+    ).valueChanges.pipe(
       startWith(null),
       map((x) => (x !== null && x.length >= 1 ? x : null)),
       debounceTime(150),

overlord/src/app/payment/payment.component.ts

@@ -74,9 +74,9 @@ export class PaymentComponent implements OnInit, AfterViewInit, OnDestroy {
     });
     this.accBal = null;
     // Listen to Account Autocomplete Change
-    this.accounts = ((this.form.get('addRow') as FormControl).get(
-      'account',
-    ) as FormControl).valueChanges.pipe(
+    this.accounts = (
+      (this.form.get('addRow') as FormControl).get('account') as FormControl
+    ).valueChanges.pipe(
       startWith(null),
       map((x) => (x !== null && x.length >= 1 ? x : null)),
       debounceTime(150),

overlord/src/app/product/product.service.ts

@@ -51,8 +51,8 @@ export class ProductService {
       .pipe(catchError(this.log.handleError(serviceName, 'delete'))) as Observable<Product>;
   }
 
-  autocomplete(query: string): Observable<Product[]> {
-    const options = { params: new HttpParams().set('q', query) };
+  autocomplete(query: string, extended: boolean = false): Observable<Product[]> {
+    const options = { params: new HttpParams().set('q', query).set('e', extended.toString()) };
     return this.http
       .get<Product[]>(`${url}/query`, options)
       .pipe(catchError(this.log.handleError(serviceName, 'autocomplete'))) as Observable<Product[]>;

overlord/src/app/purchase-return/purchase-return.component.ts

@@ -83,9 +83,9 @@ export class PurchaseReturnComponent implements OnInit, AfterViewInit, OnDestroy
       switchMap((x) => (x === null ? observableOf([]) : this.accountSer.autocomplete(x))),
     );
     // Listen to Batch Autocomplete Change
-    this.batches = ((this.form.get('addRow') as FormControl).get(
-      'batch',
-    ) as FormControl).valueChanges.pipe(
+    this.batches = (
+      (this.form.get('addRow') as FormControl).get('batch') as FormControl
+    ).valueChanges.pipe(
       startWith(''),
       debounceTime(150),
       distinctUntilChanged(),

overlord/src/app/purchase/purchase.component.ts

@@ -87,9 +87,9 @@ export class PurchaseComponent implements OnInit, AfterViewInit, OnDestroy {
       switchMap((x) => (x === null ? observableOf([]) : this.accountSer.autocomplete(x))),
     );
     // Listen to Product Autocomplete Change
-    this.products = ((this.form.get('addRow') as FormControl).get(
-      'product',
-    ) as FormControl).valueChanges.pipe(
+    this.products = (
+      (this.form.get('addRow') as FormControl).get('product') as FormControl
+    ).valueChanges.pipe(
       startWith(null),
       map((x) => (x !== null && x.length >= 1 ? x : null)),
       debounceTime(150),

overlord/src/app/receipt/receipt.component.ts

@@ -73,9 +73,9 @@ export class ReceiptComponent implements OnInit, AfterViewInit, OnDestroy {
     });
     this.accBal = null;
     // Listen to Account Autocomplete Change
-    this.accounts = ((this.form.get('addRow') as FormControl).get(
-      'account',
-    ) as FormControl).valueChanges.pipe(
+    this.accounts = (
+      (this.form.get('addRow') as FormControl).get('account') as FormControl
+    ).valueChanges.pipe(
       startWith(null),
       map((x) => (x !== null && x.length >= 1 ? x : null)),
       debounceTime(150),

overlord/src/app/unposted/unposted-datasource.ts

@@ -17,11 +17,8 @@ export class UnpostedDataSource extends DataSource<Unposted> {
   }
 
   connect(): Observable<Unposted[]> {
-    const dataMutations: (
-      | Observable<Unposted[]>
-      | EventEmitter<PageEvent>
-      | EventEmitter<Sort>
-    )[] = [observableOf(this.data)];
+    const dataMutations: (Observable<Unposted[]> | EventEmitter<PageEvent> | EventEmitter<Sort>)[] =
+      [observableOf(this.data)];
     if (this.paginator) {
       dataMutations.push((this.paginator as MatPaginator).page);
     }

overlord/src/environments/environment.ts

@@ -16,4 +16,4 @@ export const environment = {
  * This import should be commented out in production mode because it will have a negative impact
  * on performance if an error is thrown.
  */
-// import 'zone.js/dist/zone-error';  // Included with Angular CLI.
+// import 'zone.js/plugins/zone-error';  // Included with Angular CLI.

overlord/src/polyfills.ts

@@ -11,64 +11,54 @@
  * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
  * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
  *
- * Learn more in https://angular.io/docs/ts/latest/guide/browser-support.html
+ * Learn more in https://angular.io/guide/browser-support
  */
 
 /***************************************************************************************************
  * BROWSER POLYFILLS
  */
 
-/** IE9, IE10 and IE11 requires all of the following polyfills. **/
-// import 'core-js/es6/symbol';
-// import 'core-js/es6/object';
-// import 'core-js/es6/function';
-// import 'core-js/es6/parse-int';
-// import 'core-js/es6/parse-float';
-// import 'core-js/es6/number';
-// import 'core-js/es6/math';
-// import 'core-js/es6/string';
-// import 'core-js/es6/date';
-// import 'core-js/es6/array';
-// import 'core-js/es6/regexp';
-// import 'core-js/es6/map';
-// import 'core-js/es6/weak-map';
-// import 'core-js/es6/set';
-
-/** IE10 and IE11 requires the following for NgClass support on SVG elements */
+/**
+ * IE11 requires the following for NgClass support on SVG elements
+ */
 // import 'classlist.js';  // Run `npm install --save classlist.js`.
 
-/** IE10 and IE11 requires the following for the Reflect API. */
-// import 'core-js/es6/reflect';
-
-/** Evergreen browsers require these. **/
-// Used for reflect-metadata in JIT. If you use AOT (and only Angular decorators), you can remove.
-
 /**
  * Web Animations `@angular/platform-browser/animations`
  * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
  * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
- **/
+ */
 // import 'web-animations-js';  // Run `npm install --save web-animations-js`.
 
 /**
  * By default, zone.js will patch all possible macroTask and DomEvents
  * user can disable parts of macroTask/DomEvents patch by setting following flags
+ * because those flags need to be set before `zone.js` being loaded, and webpack
+ * will put import in the top of bundle, so user need to create a separate file
+ * in this directory (for example: zone-flags.ts), and put the following flags
+ * into that file, and then add the following code before importing zone.js.
+ * import './zone-flags';
+ *
+ * The flags allowed in zone-flags.ts are listed here.
+ *
+ * The following flags will work for all browsers.
+ *
+ * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
+ * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
+ * (window as any).__zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
+ *
+ *  in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
+ *  with the following flag, it will bypass `zone.js` patch for IE/Edge
+ *
+ *  (window as any).__Zone_enable_cross_context_check = true;
+ *
  */
 
-// (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
-// (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
-// (window as any).__zone_symbol__BLACK_LISTED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
-
-/*
- * in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
- * with the following flag, it will bypass `zone.js` patch for IE/Edge
- */
-// (window as any).__Zone_enable_cross_context_check = true;
-
 /***************************************************************************************************
  * Zone JS is required by default for Angular itself.
  */
-import 'zone.js/dist/zone'; // Included with Angular CLI.
+import 'zone.js';  // Included with Angular CLI.
+
 
 /***************************************************************************************************
  * APPLICATION IMPORTS

overlord/src/test.ts

@@ -1,6 +1,6 @@
 // This file is required by karma.conf.js and loads recursively all the .spec and framework files
 
-import 'zone.js/dist/zone-testing';
+import 'zone.js/testing';
 import { getTestBed } from '@angular/core/testing';
 import {
   BrowserDynamicTestingModule,