Table plan

SketchSystems.spec

Table plan
  Free
    View table details -> Table details
    Customer opens web order -> Web order 
    Upcoming bookings in next 3hrs? -> Booked

  Occupied
    Pay order -> Paid
    Customer opens web order -> Web order
    View table details -> Table details
    Upcoming bookings in next 3hrs? -> Booked
    
  Merged
    Pay order -> Paid
    Customer opens web order -> Web order
    View table details -> Table details
  
  Merge tables -> Merge mode
  Switch to list view -> Table list 
  
     
  Web order
    Customer inititalise split check -> Attention
    Customer paid for order -> Paid
  
  Paid
    Auto-clear after 10min -> Are there other orders?   

  Attention
    #Customer or waiter made changes 
    Made changes to order -> Web order
    Order paid -> Paid
    
  Booked
    #Show booking time
    View table details -> Table details
 
Table details
  Close -> Table plan
  Open order for table -> New order
  View upcoming bookings -> Booking details     

New order
  #change default name, select covers, select tables
  Open order -> Occupied
    
New order on merged
  #change default name, select covers, select tables
  Open order -> Merged
    
New order for booking
  Open order -> Occupied

Merge mode
  #Orders will stay on table that was not unmerged
  Unmerge table -> Occupied
  Select 2 or more tables -> Are all merged tables free?
    
    

Booking details
  Open order for booking -> New order
  
Are there other orders?
  Yes -> Occupied
  No -> Free    
  
Are there Paid orders?

    
Are all merged tables free?
  Yes -> New order on merged
  No -> Table details

Table list
  Switch to plan view -> Table plan 

SketchSystems_prototype.js

function render(model){
  let current_state_name = model.active_states[0].name;
  return $("h1",
           {style: {color: "#ff643c"}},
           `The current state is: ${current_state_name}`);
}

Table plan.png