function init() {
var ros = new ROSLIB.Ros();
- ros.connect('ws://wildthumper:9090');
+ connect();
var isDragging = false;
+ function connect() {
+ ros.connect('ws://'+robothostname+':9090');
+ }
+
ros.on('connection', function() {
information.alerts.push({message: "Connected to websocket server.", success: true});
});
ros.on('close', function() {
information.alerts.push({message: "Connection to websocket server closed.", info: true});
+ //setTimeout(function() {
+ // connect();
+ //}, 2000);
});
//tfClient.subscribe('base_link', function(tf) {
// Set the initial speed.
teleop.scale = ($('#speed-slider').slider('value') * 2);
+ new Vue({
+ el: '#lights',
+ data: {
+ front_row: ["[0]", "[1]", "[2]", "[3]"],
+ top_row: ["[7]", "[6]", "[5]", "[4]"],
+ aft_row: ["[8]", "[9]", "[10]", "[11]"],
+ bottom_left_row: ["[14]", "[15]"],
+ bottom_right_row: ["[13]", "[12]"],
+ }
+ })
$('.led_color').minicolors({
control: 'wheel',
format: 'rgb',
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());
}
});
speed: $('#speed-slider').slider('value'),
}
})
+
+ $(".imagelink").on('click',function(){
+ // reload
+ $("img").attr("src", $("img").attr("src"))
+ });
+
+ $("input[type='number']").spinner();
+ $("#usb_cam").attr("src", "http://"+robothostname+":8080/stream?topic=/camera/color/image_raw");
}
+
+Vue.component('input-value', {
+ template: '#input-value-template',
+ props: ['value', 'label', 'unit']
+})
+
+Vue.component('input-led', {
+ template: '#input-led-template',
+ props: ['name', 'label']
+})