Fixed a few errors which showed up when ng build --prod was used

Removed the loading bar component as it was giving build troubles and can be added back later
Added the HttpClientModule import to app.module without which it will not run

.gitignore

@@ -6,3 +6,4 @@ env
 .idea/
 *.egg-info/
 DB/*.sql
+barker/static/

bookie/angular.json

@@ -13,7 +13,7 @@
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
-            "outputPath": "../brewman/static",
+            "outputPath": "../barker/static",
             "index": "src/index.html",
             "main": "src/main.ts",
             "polyfills": "src/polyfills.ts",

bookie/package.json

@@ -23,8 +23,6 @@
     "@angular/platform-browser": "^8.0.0",
     "@angular/platform-browser-dynamic": "^8.0.0",
     "@angular/router": "^8.0.0",
-    "@ngx-loading-bar/http-client": "^3.0.0",
-    "@ngx-loading-bar/router": "^3.0.0",
     "angular2-hotkeys": "^2.1.4",
     "core-js": "^3.1.1",
     "hammerjs": "^2.0.8",
@@ -36,7 +34,7 @@
   },
   "devDependencies": {
     "@angular-devkit/build-angular": "~0.800.0",
-    "@angular/cli": "^8.0.2",
+    "@angular/cli": "^8.2.2",
     "@angular/compiler-cli": "^8.0.0",
     "@angular/language-service": "^8.0.0",
     "@types/jasmine": "^3.3.0",

bookie/src/app/app.component.html

@@ -1,4 +1,3 @@
-<!--?<ngx-loading-bar></ngx-loading-bar>-->
 <div fxLayout="column" fxLayoutAlign="center none" class="mat-app-background basic-container">
   <router-outlet></router-outlet>
 </div>

bookie/src/app/app.module.ts

@@ -1,6 +1,7 @@
 import { BrowserModule } from '@angular/platform-browser';
 import { LOCALE_ID, NgModule } from '@angular/core';
 import { registerLocaleData } from '@angular/common';
+import { HttpClientModule } from "@angular/common/http";
 import enIN from '@angular/common/locales/en-IN';
 
 import { AppRoutingModule } from './app-routing.module';
@@ -39,6 +40,7 @@ registerLocaleData(enIN);
     AppRoutingModule,
     BrowserAnimationsModule,
     FlexLayoutModule,
+    HttpClientModule,
     MatGridListModule,
     MatCardModule,
     MatMenuModule,

bookie/src/app/core/core.module.ts

@@ -7,14 +7,10 @@ import { MatToolbarModule } from '@angular/material/toolbar';
 import {RouterModule} from '@angular/router';
 import {HTTP_INTERCEPTORS} from '@angular/common/http';
 import {HttpAuthInterceptor} from './http-auth-interceptor';
-import {LoadingBarHttpClientModule} from '@ngx-loading-bar/http-client';
-import {LoadingBarRouterModule} from '@ngx-loading-bar/router';
 
 @NgModule({
   imports: [
     CommonModule,
-    LoadingBarHttpClientModule,
-    LoadingBarRouterModule,
     MatButtonModule,
     MatIconModule,
     MatMenuModule,
@@ -23,10 +19,6 @@ import {LoadingBarRouterModule} from '@ngx-loading-bar/router';
   ],
   declarations: [
   ],
-  exports: [
-    LoadingBarHttpClientModule,
-    LoadingBarRouterModule
-  ],
   providers: [[{
     provide: HTTP_INTERCEPTORS,
     useClass: HttpAuthInterceptor,

bookie/src/app/printers/printer-detail/printer-detail.component.html

@@ -26,8 +26,8 @@
       </form>
     </mat-card-content>
     <mat-card-actions>
-      <button mat-raised-button [disabled]="item.isFixture" color="primary" (click)="save()">Save</button>
+      <button mat-raised-button color="primary" (click)="save()">Save</button>
-      <button mat-raised-button [disabled]="item.isFixture" color="warn" (click)="confirmDelete()" *ngIf="!!item.id">Delete</button>
+      <button mat-raised-button color="warn" (click)="confirmDelete()" *ngIf="!!item.id">Delete</button>
     </mat-card-actions>
   </mat-card>
 </div>

bookie/src/app/sale-category/sale-category-detail/sale-category-detail.component.html

@@ -26,8 +26,8 @@
       </form>
     </mat-card-content>
     <mat-card-actions>
-      <button mat-raised-button [disabled]="item.isFixture" color="primary" (click)="save()">Save</button>
+      <button mat-raised-button color="primary" (click)="save()">Save</button>
-      <button mat-raised-button [disabled]="item.isFixture" color="warn" (click)="confirmDelete()" *ngIf="!!item.id">Delete</button>
+      <button mat-raised-button color="warn" (click)="confirmDelete()" *ngIf="!!item.id">Delete</button>
     </mat-card-actions>
   </mat-card>
 </div>

bookie/src/app/section-printers/section-printer.component.html

@@ -59,7 +59,7 @@
     </mat-card-content>
     <mat-card-actions>
       <button mat-raised-button color="primary" (click)="save()">Save</button>
-      <button mat-raised-button color="warn" *ngIf="id" (click)="confirmDelete()">Delete</button>
+      <button mat-raised-button color="warn" *ngIf="item.id" (click)="confirmDelete()">Delete</button>
     </mat-card-actions>
   </mat-card>
 </div>

bookie/src/app/sections/section-detail/section-detail.component.html

@@ -15,8 +15,8 @@
       </form>
     </mat-card-content>
     <mat-card-actions>
-      <button mat-raised-button [disabled]="item.isFixture" color="primary" (click)="save()">Save</button>
+      <button mat-raised-button color="primary" (click)="save()">Save</button>
-      <button mat-raised-button [disabled]="item.isFixture" color="warn" (click)="confirmDelete()" *ngIf="!!item.id">Delete</button>
+      <button mat-raised-button color="warn" (click)="confirmDelete()" *ngIf="!!item.id">Delete</button>
     </mat-card-actions>
   </mat-card>
 </div>