Grocery Tools

SketchSystems.spec

Grocery Tools
  click Configurations -> Configurations
  click Stores -> Stores
  click Admin -> Admin
  Home View
  Configurations
    click Pattern templates -> Pattern Templates Screen
    Pattern Templates Screen
      Pattern List View
        view -> View Pattern Modal 
        add -> Add Pattern Modal
        edit -> Edit Pattern Modal
        remove -> Remove Pattern Modal Confirmation

      View Pattern Modal 
        edit -> Edit Pattern Modal
        remove -> Remove Pattern Modal Confirmation
        close -> Configurations
      Add Pattern Modal
        submit info -> Configurations
        cancel -> Configurations
      Edit Pattern Modal
        submit changes -> Configurations      
        cancel -> Configurations      
      Remove Pattern Modal Confirmation
        confirm -> Configurations
        cancel -> Configurations

  Stores
    click Edit -> Edit Access Point Modal
    Stores List View
    Edit Access Point Modal
      Patterns Assignment Section
        submit PA info -> Patterns Assignment Section
        close -> Stores List View

  Admin
    Assign New Patterns -> Admin
    Download Pattern Assignments -> Admin

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}`);
}