create partial for instructions

AaronLindsayDaisy · Jul 15, 2015 · 8dff9a6 · 8dff9a6
1 parent 66aabe4
commit 8dff9a6
Show file tree

Hide file tree

Showing 3 changed files with 422 additions and 0 deletions.
diff --git a/app/views/experiments/_instructions.html.erb b/app/views/experiments/_instructions.html.erb
@@ -0,0 +1,3 @@
+<div class="panel panel-default" data-id="<%= instruction.order_number %>">
+    <%= instruction.order_number %> | <%= instruction.information %><br>
+</div>
diff --git a/app/views/experiments/instructions.js b/app/views/experiments/instructions.js
@@ -0,0 +1,21 @@
+var ready, set_positions;
+
+set_positions = function(){
+
+    // loop through and give each task a data-pos
+    // attribute that holds its position in the DOM
+    $('.panel.panel-default').each(function(i){
+        $(this).attr("data-pos",i+1);
+    });
+}
+
+ready = function(){
+
+    // call set_positions function
+    set_positions();
+
+    $('.sortable').sortable();
+
+}
+
+$(document).ready(ready);