class StatusView < ElementView

  def initialize interpreter
    @interpreter = interpreter
  end

  def draw
    @element = div(".status_view") <<
      div("h4.tick" , "Interpreter" ) <<
      div("span" , tick_text) <<
      div("button.act" , "Next") <<
      div( "br") <<
      div("span.state" ,  state_text) <<
      div( "br")  <<
      div( "span.link" , link_text) <<
      div( "br" , "Stdout") <<
      div("span.stdout")
    # set up event handler
    @element.at_css(".act").on("click") { @interpreter.tick }
    return @element
  end

  def update
    @element.at_css(".tick").text = tick_text
    @link.at_css(".link").text = link_text
    @stdout.at_css(".stdout").text = @interpreter.stdout
  end

  def link_text
    "Link #{@interpreter.link}"
  end

  def state_text
    "State #{@interpreter.state}"
  end

  def tick_text
    "Instruction #{@interpreter.clock}"
  end
end