ZoneMinder
/
zoneminder
mirror of https://github.com/ZoneMinder/zoneminder.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Load #progressBar once

pull/4140/head
Isaac Connor 2024-10-06 20:02:02 -04:00
parent dea3b741c9
commit 91e31d91bc
1 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
web/skins/classic/views/js/event.js
View File

@ -966,12 +966,12 @@ function drawProgressBar() {
// Shows current stream progress.
function updateProgressBar() {
if (!eventData) return;
if (vid) {
if (!eventData) return;
var currentTime = vid.currentTime();
var progressDate = new Date(currentTime);
} else {
if (!(eventData && streamStatus)) return;
if (!streamStatus) return;
var currentTime = streamStatus.progress;
var progressDate = new Date(eventData.StartDateTime);
progressDate.setTime(progressDate.getTime() + (streamStatus.progress*1000));
@ -987,7 +987,8 @@ function updateProgressBar() {
// Handles seeking when clicking on the progress bar.
function progressBarNav() {
console.log('progress');
$j('#progressBar').click(function(e) {
const progressBar = $j('#progressBar');
progressBar.click(function(e) {
let x = e.pageX - $j(this).offset().left;
if (x<0) x=0;
const seekTime = (x / $j('#progressBar').width()) * parseFloat(eventData.Length);
@ -997,7 +998,7 @@ function progressBarNav() {
console.log("clicked at ", x, seekTime, date.toLocaleTimeString(), "from pageX", e.pageX, "offsetleft", $j(this).offset().left );
streamSeek(seekTime);
});
$j('#progressBar').mouseover(function(e) {
progressBar.mouseover(function(e) {
let x = e.pageX - $j(this).offset().left;
if (x<0) x=0;
const seekTime = (x / $j('#progressBar').width()) * parseFloat(eventData.Length);
@ -1011,11 +1012,11 @@ function progressBarNav() {
indicator.style.left = x + 'px';
indicator.setAttribute('title', seekTime);
});
$j('#progressBar').mouseout(function(e) {
progressBar.mouseout(function(e) {
const indicator = document.getElementById('indicator');
indicator.style.display = 'none';
});
$j('#progressBar').mousemove(function(e) {
progressBar.mousemove(function(e) {
const bar = $j(this);
let x = e.pageX - bar.offset().left;
@ -1033,7 +1034,7 @@ function progressBarNav() {
indicator.style.left = x+'px';
indicator.setAttribute('title', seekTime);
});
}
} // end function progressBarNav
function handleClick(event) {
if (panZoomEnabled) {