From 25faaaf01ae13ef6d6c200e35b5261bc7b226b13 Mon Sep 17 00:00:00 2001
From: David Vandorpe <david.vandorpe@ugent.be>
Date: Tue, 30 Aug 2016 18:28:14 +0200
Subject: [PATCH] Coffeescript for absolute controls

---
 content/assets/scripts/cammie.coffee |  2 +-
 content/cammie.erb                   | 22 +++++++++++-----------
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/content/assets/scripts/cammie.coffee b/content/assets/scripts/cammie.coffee
index cfb7288..912d754 100644
--- a/content/assets/scripts/cammie.coffee
+++ b/content/assets/scripts/cammie.coffee
@@ -27,6 +27,6 @@ $ '.ctrl'
     $context = $ this
     $.ajax "//kelder.zeus.ugent.be/webcam/cgi/ptdc.cgi",
       data:
-        command: 'set_relative_pos'
+        command: $context.data 'command'
         posX: $context.data 'x'
         posY: $context.data 'y'
\ No newline at end of file
diff --git a/content/cammie.erb b/content/cammie.erb
index 1fb694c..e279be8 100644
--- a/content/cammie.erb
+++ b/content/cammie.erb
@@ -31,48 +31,48 @@ title: Cammie
     <img id="cammie-feed" src="https://kelder.zeus.ugent.be/webcam/video/mjpg.cgi?profileid=2">
     <div id="cammie-ctrls">
       <div class="top-row row">
-        <div class="column ctrl diag left" data-x="-10" data-y="10">
+        <div class="column ctrl diag left" data-command="set_relative_pos" data-x="-10" data-y="10">
           <%= fa 'chevron-circle-left' %>
         </div>
-        <div class="column ctrl center" data-x="0" data-y="10">
+        <div class="column ctrl center" data-command="set_relative_pos" data-x="0" data-y="10">
           <%= fa 'chevron-circle-up' %>
         </div>
-        <div class="column ctrl diag right" data-x="10" data-y="10">
+        <div class="column ctrl diag right" data-command="set_relative_pos" data-x="10" data-y="10">
           <%= fa 'chevron-circle-up' %>
         </div>
       </div>
 
       <div class="row middle-row">
-        <div class="column ctrl left" data-x="-10" data-y="0">
+        <div class="column ctrl left" data-command="set_relative_pos" data-x="-10" data-y="0">
           <%= fa 'chevron-circle-left' %>
         </div>
         <div class="column center">
           <div class="ctrl-half">
-            <div class="ctrl">
+            <div class="ctrl" data-command="set_pos" data-x="0" data-y="12">
               Kleine tafel
             </div>
-            <div class="ctrl">
+            <div class="ctrl" data-command="set_pos" data-x="50" data-y="10">
               Grote tafel
             </div>
           </div>
           <div class="ctrl-half">
-            <div class="ctrl">
+            <div class="ctrl" data-command="set_pos" data-x="50" data-y="22">
               Zetel
             </div>
           </div>
         </div>
-        <div class="column ctrl right" data-x="10" data-y="0">
+        <div class="column ctrl right" data-command="set_relative_pos" data-x="10" data-y="0">
           <%= fa 'chevron-circle-right' %>
         </div>
       </div>
       <div class="row bottom-row">
-        <div class="column ctrl diag left" data-x="-10" data-y="-10">
+        <div class="column ctrl diag left" data-command="set_relative_pos" data-x="-10" data-y="-10">
           <%= fa 'chevron-circle-down' %>
         </div>
-        <div class="column ctrl center" data-x="0" data-y="-10">
+        <div class="column ctrl center" data-command="set_relative_pos" data-x="0" data-y="-10">
           <%= fa 'chevron-circle-down' %>
         </div>
-        <div class="column ctrl diag right" data-x="10" data-y="-10">
+        <div class="column ctrl diag right" data-command="set_relative_pos" data-x="10" data-y="-10">
           <%= fa 'chevron-circle-right' %>
         </div>
       </div>