ShinobiSystems
/
Shinobi
mirror of https://gitlab.com/Shinobi-Systems/Shinobi.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

adjust Accuracy Mode display on Region Editor

fix-timelapse-in-addstorage
Moe 2023-01-09 20:54:06 -08:00
parent e356c0ea24
commit 203651efee
1 changed files with 18 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
web/assets/js/bs5.regionEditor.js
View File

@ -9,6 +9,8 @@ $(document).ready(function(e){
var regionEditorMonitorsList = $('#region_editor_monitors')
var regionEditorLiveView = $('#region_editor_live')
var regionEditorGridOverlay = regionEditorWindow.find('.grid')
var accuracyModeToggle = regionEditorWindow.find('[detail="detector_motion_tile_mode"]')
var tileSizeField = regionEditorWindow.find('[detail="detector_tile_size"]')
var getRegionEditorCanvas = function(){
return regionEditorWindow.find('canvas')
}
@ -125,6 +127,18 @@ $(document).ready(function(e){
});
regionEditorRegionsList.change();
}
function displayGridOverCanvas(isOn,tileSize){
if(isOn){
regionEditorGridOverlay.css('background-size',`${tileSize}px ${tileSize}px`).show()
}else{
regionEditorGridOverlay.hide()
}
}
function setGridDisplayBasedOnFields(){
var isOn = accuracyModeToggle.val() === '1'
var tileSize = tileSizeField.val()
displayGridOverCanvas(isOn,tileSize)
}
function initLiveStream(monitorId){
var monitorId = monitorId || getCurrentlySelectedMonitorId()
var liveElement = regionEditorLiveView.find('iframe,img')
@ -141,12 +155,8 @@ $(document).ready(function(e){
var apiPoint = 'embed'
regionEditorLiveView.find('iframe,img').attr('src','').hide()
regionEditorGridOverlay.css('background-size',`71px 71px`).show()
if(monitorDetails.detector_motion_tile_mode === '1'){
var tileSize = monitorDetails.detector_tile_size || 20
regionEditorGridOverlay.css('background-size',`${tileSize}px ${tileSize}px`).show()
}else{
regionEditorGridOverlay.hide()
}
var tileSize = monitorDetails.detector_tile_size || 20
displayGridOverCanvas(monitorDetails.detector_motion_tile_mode === '1',tileSize)
if(getRegionStillImageSwitch()){
apiPoint = 'jpeg'
}else{
@ -226,6 +236,8 @@ $(document).ready(function(e){
regionEditorRegionsList.change(function(e){
initCanvas(true);
})
accuracyModeToggle.change(setGridDisplayBasedOnFields)
tileSizeField.change(setGridDisplayBasedOnFields)
regionEditorWindow.on('change','[name]',function(){
var currentRegionId = getCurrentlySelectedRegionId()
var el = $(this)