1 files changed, 76 insertions, 0 deletions

@@ -0,0 +1,76 @@
+<script type="text/javascript">
+var totalSeconds = 0
+var startTime = 0
+var timerInterval
+
+function pad(val) {
+  var valString = val + ""
+  if (valString.length < 2)
+  {
+    return "0" + valString
+  } else {
+    return valString
+  }
+}
+function setTime() {
+  totalSeconds = Math.floor((Date.now() - startTime) / 1000)
+  $("#seconds").text(pad(totalSeconds%60))
+  $("#minutes").text(pad(parseInt(totalSeconds/60)))
+}
+
+window.onload = function() {
+  <% if @playable or @puzzle.latest? %>
+    $("#sens").val(window.settings.sensitivity)
+    $("#sens").on("change", function() {
+      window.settings.sensitivity = this.value
+    })
+    $("#volume").val(parseFloat(window.settings.volume))
+    $("#volume").on("change", function() {
+      window.settings.volume = this.value
+    })
+  <% end %>
+
+  <% if @playable %>
+    <% if @already_started %>
+      var puzzle = window.deserializePuzzle("<%= @puzzle.data %>")
+      draw(puzzle)
+    <% else %>
+      $("#activation-button button").on("click", function() {
+        var puzzle = window.deserializePuzzle("<%= @puzzle.data %>")
+        draw(puzzle)
+
+        $("#activation-button").hide()
+
+        startTime = Date.now()
+        timerInterval = setInterval(setTime, 1000);
+
+        $.ajax({
+          type: "POST",
+          url: "<%= start_puzzle_path(@puzzle, format: :js) %>"
+        })
+      })
+    <% end %>
+  <% else %>
+    var puzzle = window.deserializePuzzle("<%= @puzzle.data %>")
+    draw(puzzle)
+    drawPath(puzzle, JSON.parse("<%= escape_javascript(sanitize @solution) %>"))
+    <% unless @puzzle.latest? %>
+      window.trace = function() {}
+    <% end %>
+  <% end %>
+}
+
+<% if @playable %>
+window.TRACE_COMPLETION_FUNC = function(puzzle, rawPath) {
+  clearInterval(timerInterval)
+  setTime()
+
+  $.ajax({
+    type: "POST",
+    url: "<%= solve_puzzle_path(@puzzle, format: :js) %>",
+    data: { solved: JSON.stringify(rawPath) <% unless @already_started %> , time: totalSeconds <% end %> }
+  })
+}
+
+<% end %>
+</script>