druggable camera elements

This commit is contained in:
Ivan
2023-09-30 16:10:56 +03:00
parent f5f0171a6c
commit b78843875c
5 changed files with 206 additions and 19 deletions

View File

@ -0,0 +1,35 @@
$(function () {
var initialOffsetX1, initialOffsetY1;
var initialOffsetX2, initialOffsetY2;
var initialOffsetX3, initialOffsetY3;
var initialOffsetX4, initialOffsetY4;
var initialOffsetX5, initialOffsetY5;
var initialOffsetX6, initialOffsetY6;
function makeDraggable($element, posX, posY) {
$element.draggable({
containment: ".container",
cursor: "crosshair",
start: function (event, ui) {
var offset = $element.offset();
var containerOffset = $(".container").offset();
posX = offset.left - ui.position.left - containerOffset.left;
posY = offset.top - ui.position.top - containerOffset.top;
},
drag: function (event, ui) {
$('#posY' + $element.attr('id')).val((ui.position.top + posY) * 3);
$('#posX' + $element.attr('id')).val((ui.position.left + posX) * 3);
}
});
}
makeDraggable($("#boxTime"), initialOffsetX1, initialOffsetY1);
makeDraggable($("#boxSpeed"), initialOffsetX2, initialOffsetY2);
makeDraggable($("#boxNumber"), initialOffsetX3, initialOffsetY3);
makeDraggable($("#boxGPS"), initialOffsetX4, initialOffsetY4);
makeDraggable($("#boxName"), initialOffsetX5, initialOffsetY5);
makeDraggable($("#boxID"), initialOffsetX6, initialOffsetY6);
});

View File

@ -124,6 +124,8 @@ for (let radioButton of radioButtons) {
console.log(data.DATA);
draggItems(data.DATA.EOSD[1])
document.getElementById('system-date').value = data.DATA.TIMEP.DATEM;
document.getElementById('system-time').value = data.DATA.TIMEP.TIMEM;
document.getElementById('system-language').value = data.DATA.GSP.LANT;