Merge branch 'master' of ssh://vontaene/home/erik_alt/git/ros_wild_thumper

diff --combined www/assets/javascripts/application.js
index 2fc417603ea6f876252041e5240209263a38e466,df4c9ebfefc7ca40845878a06c68b83a65dfa34b..7a87c12532d0fbb8bafc74d1cfa05702f5d29a0c
--- 1/www/assets/javascripts/application.js
--- 2/www/assets/javascripts/application.js
+++ b/www/assets/javascripts/application.js
@@@ -4,7 -4,7 +4,7 @@@ function init() 
        var isDragging = false;
  
        function connect() {
-               ros.connect('ws://wildthumper:9090');
+               ros.connect('ws://'+robothostname+':9090');
        }
  
        ros.on('connection', function() {
@@@ -189,12 -189,12 +189,12 @@@
                                Y = e.pageY;
                        }
                        // relative click position
 -                      var Xrel = X - this.offsetLeft - $(this).width()/2; 
 -                      var Yrel = Y - this.offsetTop - $(this).height()/2; 
 +                      var Xrel = X - this.getBoundingClientRect().left - $(this).width()/2;
 +                      var Yrel = Y - this.getBoundingClientRect().top - $(this).height()/2;
                        // scale to -1..+1
                        var trans = -Yrel / ($(this).height()/2);
                        var rot = -Xrel / ($(this).width()/2);
 -                      setSpeed(trans, rot*3);
 +                      setSpeed(trans*$("#scale_trans").val(), rot*$("#scale_rot").val());
                }
        });
  
@@@ -238,8 -238,6 +238,8 @@@
                // reload
                $("img").attr("src", $("img").attr("src"))
        });
 +
 +      $("input[type='number']").spinner();
  }
  
  Vue.component('input-value', {

diff --combined www/index.html
index 253c35d4cef259fa2440a2eabeb3d57d16187898,bc209acf04c5a79eb1bc7c5f96d68b0bff7db3a9..db7e48d8b2adcea71f0090abeeabbac4aa82a76a
--- 1/www/index.html
--- 2/www/index.html
+++ b/www/index.html
@@@ -21,6 -21,9 +21,9 @@@
                <script src="assets/javascripts/jquery.minicolors.js"></script>
                <script src="assets/javascripts/vue.js"></script>
                <script src="assets/javascripts/application.js"></script>
+               <script type="text/javascript">
+                       robothostname="wildthumper"
+               </script>
  
                <title>Wild Thumper control</title>
        </head>
@@@ -112,18 -115,10 +115,18 @@@
                                        </div>
                                </div>
                                <div id="drive" class="tab-pane" role="tabpanel">
 -                                      <div class="cmd_vel_circle"></div>
 +                                      <div class="row">
 +                                              <div class="col-sd-10">
 +                                                      <div class="cmd_vel_circle"></div>
 +                                              </div>
 +                                              <div class="col-sd-1">
 +                                                      <input type="number" value="1.0" min="0.1" max="5.0" step="0.1" class="form-control" id="scale_trans">
 +                                                      <input type="number" value="3.0" min="1.0" max="5.0" step="0.1" class="form-control" id="scale_rot">
 +                                              </div>
 +                                      </div>
                                </div>
                                <div id="image" class="tab-pane" role="tabpanel">
-                                       <img id="usb_cam" src="http://wildthumper:8080/stream?topic=/usb_cam/image_raw" style="transform:rotate(-90deg); transform-origin: 60% 60%;"></img>
+                                       <img id="usb_cam" src="http://"+robothostname+":8080/stream?topic=/usb_cam/image_raw" style="transform:rotate(-90deg); transform-origin: 60% 60%;"></img>
                                </div>
                        </div>
                </div>