Table Tile

Cell Hover.png

Cell Selected.png

Default.jpg

Default.png

Just Table Selected.png

Page Hover.png

Show Page.jpg

SketchSystems.spec

Table Tile
  No Selection*    
    Show Page
      hover page -> Page Hover 
    Page Hover
      hover tile -> Tile Hover
      hover out -> Show Page
    Tile Hover
      click tile space -> Table Tile Selected
      hover cell -> Tile Cell Hover
      hover out -> Page Hover
    Tile Cell Hover
      click cell -> Cell Selected
      hover out -> Tile Hover
  Table Tile Selected
    Just Table Selected
      hover cell -> Cell Hover
      click outside -> No Selection
      click options -> Table Options
    Cell Hover
      click cell -> Cell Selected
      hover out -> Just Table Selected
    Cell Selected
      click tile space -> Table Tile Selected
      click outside -> No Selection
      click options -> Table Options
    Table Options
      click tile space -> Table Tile Selected
      click outside -> No Selection
    

SketchSystems_prototype.js

function render(model){
  if (model.active_states[0].image_url) {
    return $("img", 
             {src: model.active_states[0].image_url, style: {height: "100%"}});
  } else {
    return "No image available."
  }
}

Table Options.png

Table Selected.png

Tile Cell Hover.png

Tile Hover.png