generate, show, solve puzzles

7 files changed, 71 insertions, 14 deletions

@@ -6,4 +6,5 @@
     = csp_meta_tag
     = stylesheet_link_tag    "wittle/application", media: "all"
     = javascript_include_tag "wittle/application"
-  %body= yield
+  %body
+    #wrap= yield
@@ -0,0 +1,33 @@
+<script type="text/javascript">
+window.onload = function() {
+  <% if @playable %>
+  $("#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 %>
+
+  var puzzle = window.deserializePuzzle("<%= @puzzle.data %>")
+  draw(puzzle)
+
+  <% unless @playable %>
+  drawPath(puzzle, JSON.parse("<%= escape_javascript(sanitize @puzzle.solved_data) %>"))
+  window.trace = function() {}
+  <% end %>
+}
+
+<% if @playable %>
+window.TRACE_COMPLETION_FUNC = function(puzzle, rawPath) {
+  $.ajax({
+    type: "POST",
+    url: "<%= solve_puzzle_path(@puzzle, format: :js) %>",
+    data: { solved: JSON.stringify(rawPath) }
+  })
+}
+
+<% end %>
+</script>
@@ -0,0 +1,7 @@
+%h3 Congrats!
+%p Would you like to submit your time?
+= form_with url: submit_puzzle_path(@puzzle) do |form|
+  %p
+    = form.label :name, "Name:"
+    = form.text_field :name
+  %p= form.submit "Submit"
@@ -0,0 +1,3 @@
+%p by Hatkirby, with help from Sigma144 and jbzdarkid
+%p= link_to "Normal", @normal_puzzle
+%p= link_to "Hard", @hard_puzzle
@@ -1,13 +0,0 @@
-%h1 Puzzles#index
-%p Find me in app/views/wittle/puzzles/index.html.haml
-:javascript
-  loadHeader("Unnamed Puzzle")
-%div{ style: "display: flex; justify-content: center; align-items: center"}
-  %svg#puzzle{ style: "pointer-events: auto"}
-:javascript
-  window.onload = function() {
-    //var puzzle = window.deserializePuzzle("_AAAAAA8PCQAAAEdlbmVyYXRlZAABAAAACAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAgAAQAAAAACAAAA/wABAAAAAAgAAQAAAAAIAAEAAAAACAABAAAAAAgAAQAAAAAIAAEAAQAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQABAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAAIAAEAAAAACAABAAAAAAgAAQAAAAAIAAEAAAAAAv////8AAQAAAAAIAAEAAAAAAv////8AAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAQEAAAAAAQAAAAABAAAAAAEAAQAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAIAAAD/AAEAAAAACAABAAAAAAgAAQAAAAAIAAEAAAAACAABAAAAAAgAAQAAAAAIAAEAAAAAAQAAAAEBAAAAAAEAAAAAAQAAAAABAAAAAQEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAAIAAEAAQAAAv////8AAQAAAAAIAAEAAAAAAv////8AAQAAAAACAAAA/wABAAAAAAIAAAD/AAEAAAAAAgAAAP8AAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAL/////AAEAAAAAAv////8AAQAAAAAIAAEAAAAACAABAAAAAAgAAQAAAAACAAAA/wABAAAAAAgAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAQAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAABAQAAAAABAAEAAAEAAAAAAQAAAAABAAAAAAL/////AAEAAAAAAgAAAP8AAQAAAAAIAAEAAAAAAv////8AAQAAAAACAAAA/wABAAAAAAIAAAD/AAEAAAAACAABAAEAAAEAAAAAAQABAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAgAAAP8AAQAAAAAIAAEAAAAAAv////8AAQAAAAAIAAEAAAAAAv////8AAQAAAAAIAAEAAAAACAABAAAAAAEAAAAIAQAAAAABAAAAAAEAAAAAAQABAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAQAAAQAAAAABAAAAEAAAAAAN")
-    var puzzle = window.deserializePuzzle("#{@puzzle}")
-    draw(puzzle)
-  }
-
@@ -0,0 +1,25 @@
+%h1 Wittle ##{@puzzle.id}
+#puzzle-container{ style: "display: flex; justify-content: center; align-items: center" }
+  %svg#puzzle{ style: "pointer-events: auto"}
+#submission-form
+- if @playable
+  %details#trace-settings
+    %summary Settings
+    .things
+      %label{ for: "sens" } Mouse Speed 2D
+      %input#sens{ type: "range", min: "0.1", max: "1.3", step: "0.1" }
+      %label{ for: "volume" } Volume
+      %input#volume{ type: "range", min: "0", max: "0.24", step: "0.02" }
+- else
+  #scores
+    #by-time
+      %h2 Fastest Solves
+      %ol
+        - @puzzle.scores.where("seconds_taken IS NOT NULL").order(seconds_taken: :asc).each do |score|
+          %li= score.name
+    #by-when
+      %h2 Completion Order
+      %ol
+        - @puzzle.scores.order(created_at: :desc).each do |score|
+          %li= score.name
+= render partial: "handle_puzzle"
@@ -0,0 +1 @@
+$("#submission-form").html('<%= escape_javascript(render partial: "submission") %>');