play.html

---
layout: main
---

<!-- You're the man now dog -->
<script src="/js/intercooler.js" type="text/javascript"></script>
<script>
  $(function(){
    $("#template-select").change(function(){
      var option = $(this).find("option:selected").first();
      if(option.data('code')) {
        $("#script").val(option.data('code'));
      }
    })
  })
</script>

<div class="page-header">
  <h2>Have A Play</h2>
</div>

<h4>
  Enter A Gosu Program
</h4>
<p>
  or select a template <select id="template-select">
    <option></option>
    <option data-code="print('hello world')">Hello World</option>
    <option data-code="for(i in 1..50) {
  print(i)
}">For Loop</option>
    <option data-code="class MyClass {
  function spoon() : String {
    return 'Spoon!'
  }
}

print(new MyClass().spoon())">Simple Class</option>
  </select>
</p>

<p>
  <textarea name="script" class="form-control" id="script">
1 + 1
  </textarea>
</p>

<p>
  <button class="btn btn-primary"
          ic-include="#script"
          ic-target="#results"
          ic-indicator="#eval-indicator"
          ic-get-from="https://gosu-eval-service.herokuapp.com/eval">
    <i class="fa fa-play"></i> Evaluate
  </button>
  <button onclick="$('#script').val(''); $('#results').text(''); " class="btn btn-warning"><i class="fa fa-rotate-left"></i> Clear</button>
</p>

<hr/>
<h4>Results <span id="eval-indicator" class="text-info" style="display:none"><i class="fa fa-spinner fa-spin"></i> Evaluating...</span> </h4>

<div class="well">
  <div id="results">
    3.  No wait!  2!
  </div>
</div>