ZaneYork
/
zoneminder
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

WIP replace mootools in zone.js

This commit is contained in:
Andrew Bauer 2021-01-02 11:33:21 -06:00 committed by Isaac Connor
parent 0dbeb89c62
commit e6a6c1b52f
1 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
web/skins/classic/views/js/zone.js
View File

@ -152,7 +152,7 @@ function applyCheckMethod() {
function applyPreset() { function applyPreset() {
var form = document.zoneForm; var form = document.zoneForm;
var presetId = $('presetSelector').get('value'); var presetId = $j('#presetSelector').val();
if ( presets[presetId] ) { if ( presets[presetId] ) {
var preset = presets[presetId]; var preset = presets[presetId];
@ -256,29 +256,29 @@ function limitArea(field) {
} }
function highlightOn(index) { function highlightOn(index) {
$('row'+index).addClass('highlight'); $j('#row'+index).addClass('highlight');
$('point'+index).addClass('highlight'); $j('#point'+index).addClass('highlight');
} }
function highlightOff(index) { function highlightOff(index) {
row = $('row'+index); row = $j('#row'+index);
if ( row ) { if ( row ) {
row.removeClass('highlight'); row.removeClass('highlight');
} else { } else {
console.log("No row for index " + index); console.log("No row for index " + index);
} }
$('point'+index).removeClass('highlight'); $j('#point'+index).removeClass('highlight');
} }
function setActivePoint(index) { function setActivePoint(index) {
highlightOff(index); highlightOff(index);
$('row'+index).addClass('active'); $j('#row'+index).addClass('active');
$('point'+index).addClass('active'); $j('#point'+index).addClass('active');
} }
function unsetActivePoint(index) { function unsetActivePoint(index) {
$('row'+index).removeClass('active'); $j('#row'+index).removeClass('active');
$('point'+index).removeClass('active'); $j('#point'+index).removeClass('active');
} }
function getCoordString() { function getCoordString() {
@ -290,12 +290,12 @@ function getCoordString() {
} }
function updateZoneImage() { function updateZoneImage() {
var imageFrame = $('imageFrame'); var imageFrame = document.getElementById('imageFrame');
var style = imageFrame.currentStyle || window.getComputedStyle(imageFrame); var style = imageFrame.currentStyle || window.getComputedStyle(imageFrame);
scale = (imageFrame.clientWidth - ( style.paddingLeft.toInt() + style.paddingRight.toInt() )) / maxX; scale = (imageFrame.clientWidth - ( style.paddingLeft.toInt() + style.paddingRight.toInt() )) / maxX;
var SVG = $('zoneSVG'); var SVG = document.getElementById('zoneSVG');
var Poly = $('zonePoly'); var Poly = document.getElementById('zonePoly');
Poly.points.clear(); Poly.points.clear();
for ( var i = 0; i < zone['Points'].length; i++ ) { for ( var i = 0; i < zone['Points'].length; i++ ) {
var Point = SVG.createSVGPoint(); var Point = SVG.createSVGPoint();
@ -323,8 +323,8 @@ function constrainValue(value, loVal, hiVal) {
} }
function updateActivePoint(index) { function updateActivePoint(index) {
var point = $('point'+index); var point = document.getElementById('point'+index);
var imageFrame = $('imageFrame'); var imageFrame = document.getElementById('imageFrame');
var style = imageFrame.currentStyle || window.getComputedStyle(imageFrame); var style = imageFrame.currentStyle || window.getComputedStyle(imageFrame);
var padding_left = style.paddingLeft.toInt(); var padding_left = style.paddingLeft.toInt();
var padding_top = style.paddingTop.toInt(); var padding_top = style.paddingTop.toInt();