Table Layouts

SketchSystems.spec

Table Layouts
  
  Table Layout List*
    add layout        -> New Table Layout
    view layout       -> Table Layout
    delete layout     -> Other Layouts Exist?
    duplicate layout  -> New Layout Added
    activate layout   -> Layout Activated
    deactivate layout -> Has Multiple Layouts?

  Other Layouts Exist?
    yes -> Is Deleted Layout Active?
    no  -> Error One Layout Must Exist 

  Is Deleted Layout Active?
    yes -> Replace Layout        
    no  -> Layout Deleted

  Has Multiple Layouts?
    yes -> Replace Layout
    no  -> Error One Layout Must Exist 
   
  Replace Layout
    select layout -> Layout Deleted
    
  Error One Layout Must Exist
    ok -> Table Layouts
  
  New Table Layout
    fill and save -> New Layout Added 
    cancel        -> Table Layouts
    
  New Layout Added
    seconds later -> Table Layouts
  
  Layout Deleted
    seconds later -> Table Layouts
    
  Layout Activated
    seconds later -> Table Layouts

Table Layout
  add area     -> Add New Area
  add table    -> New Table Added 
       
  Areas w ResDiary
    link segment -> Segment Picker
    
  Areas wout ResDiary
    
  ResDiary Present?*
    yes ->  Areas w ResDiary
    no  ->  Areas wout ResDiary
 
  Add New Area  
    save -> New Area Added
  
  New Area Added
    seconds later -> Table Layout
  
  New Table Added
    seconds later -> Table Layout
  
  Segment Linked
    seconds later -> Table Layout
  
  Segment Picker
    Multiple Segments in ResDiary?
      yes -> Segments Available
      no  -> Segments Unavailable
  
    Segments Available
      select segment -> Segment Linked
  
    Segments Unavailable
      proceed -> Areas w ResDiary
 

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