Kiosk

SketchSystems.spec

Kiosk
  User Button
  
    Inactive*
      Touch -> Check In
      Check In
        Write Timestamp to Database -> Checked In
        
    Checked In
      Touch -> Check Out
      Check Out
        Write Timestamp to Database -> Checked Out
        
    Checked Out
      Touch -> Check In
      
  Add New User
    Text Field

SketchSystems_prototype.js

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