No automatic signout

Voucher basic working
running tables shifted to cards from buttons, this gives us immense styling oportunities

bookie/src/app/sales/bills/bills.component.ts

@@ -1,7 +1,6 @@
 import { Component, OnInit } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
 import {Bill, Inventory, Kot} from './bill';
-import {ModifierCategoryListDatasource} from '../../modifier-categories/modifier-category-list/modifier-category-list-datasource';
 import {BillsDataSource} from './bills-datasource';
 import {BillService} from "../bill.service";
 
@@ -13,7 +12,6 @@ import {BillService} from "../bill.service";
 export class BillsComponent implements OnInit {
   dataSource: BillsDataSource;
   item: Bill;
-  view: any[];
   /** Columns displayed in the table. Columns IDs can be added, removed, or reordered. */
   displayedColumns: string[] = ['info', 'quantity'];
 
@@ -24,18 +22,35 @@ export class BillsComponent implements OnInit {
   }
 
   ngOnInit() {
+    console.log("ds set")
+    this.dataSource = new BillsDataSource(this.bs.dataObs);
     this.route.data
       .subscribe((data: { item: Bill }) => {
         this.updateView(data.item);
       });
-       this.dataSource = new BillsDataSource(this.bs.dataObs);
   }
 
   updateView(item) {
     this.item = item;
-    // this.view = item.kots.reduce((p: Kot, c:Kot) => {
-    //
-    // }, [])
+    let view = item.kots.map(k => {
+      return [{
+        isKot: true,
+      }, ...k.inventories.map(i => {
+        return {
+          id: i.id,
+          isKot: false,
+          product: i.product,
+          productId: i.product.id,
+          isHappyHour: i.isHappyHour,
+          isPrinted: true,
+          info: `${i.product.name} (${i.product.units}) @ ${i.price}`,
+          quantity: 1,
+          modifiers: i.modifiers
+        }
+      })]
+    });
+    view = view.reduce((a, c) => {return a.concat(c)} , []);
+    this.bs.loadData(view);
   }
 
   addOne(item: any): void {