Image Modifier

SketchSystems.spec

Image Modifier
  Specify Preview Image*
    Empty URL*
    typed -> Filled URL
    Filled URL
      submitted -> Select Ad Format
  Select Ad Format
    selected Single -> Single
    selected Carousel -> Carousel
    Carousel*
      submitted -> Select Fitting Method
    Single
      submitted -> Select Fitting Method
  Select Fitting Method
    selected Fill Color -> Fill Color
    selected Fill Auto Color -> Fill Auto Color
    Fill Auto Color
      submitted -> Select Overlay
    Fill Color*
      submitted -> Configure Fitting Method
  Configure Fitting Method
    submitted -> Select Overlay
    canceled -> Select Fitting Method
  Select Overlay
  Configure Overlay  

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