Bugfix: Current and All Sky not updating

src/js/pages/current.js

@@ -1,13 +1,13 @@
 import { _elWithAttrs, getJson, _getById } from '../modules/utils.js'
 
 window.addEventListener('DOMContentLoaded', function () {
-  const url = window.location.href + "_update"
-  const dateEl = _getById("date")
-  const seqEl = _getById("seqNum")
-  const eventLink = _getById("eventLink")
-  const eventImage = _getById("eventImage")
+  const url = window.location.href + '_update'
+  const dateEl = _getById('date')
+  const seqEl = _getById('seqNum')
+  const eventLink = _getById('eventLink')
   let currentSeq = parseInt(seqEl.innerText)
   let currentDate = dateEl.innerText
+  let eventImage = _getById('eventImage')
   setInterval(function () {
     getJson(url).then(data => {
       if (data.seqNum !== currentSeq || data.date !== currentDate) {
@@ -16,13 +16,14 @@ window.addEventListener('DOMContentLoaded', function () {
         seqEl.textContent = currentSeq
         dateEl.textContent = currentDate
         eventLink.href = data.url
-        const newEventImage = _elWithAttrs("img", {
-          id: "eventImage",
-          class: "resp",
+        const newEventImage = _elWithAttrs('img', {
+          id: 'eventImage',
+          class: 'resp',
           src: data.url
         })
         newEventImage.addEventListener('load', (e) => {
           eventImage.replaceWith(newEventImage)
+          eventImage = _getById('eventImage')
         })
       }
     })

src/rubintv/templates/cameras/allsky-movie.jinja

@@ -10,10 +10,9 @@
     </span>
   </h3>
 </div>
-<div class="video-with-overlay">
+<div>
   <video width="100%" controls autoplay loop>
     <source src="{{ movie.url }}" type="video/mp4">
   </video>
-  <img src="{{ url('static', filename='images/allsky-cardinals.svg') }}">
 </div>
 <div class="desc">{{ movie.name }}</div>

src/sass/style.sass

@@ -193,14 +193,6 @@ section
 	position: sticky
 	top: 3em
 
-.video-with-overlay
-	position: relative
-	img
-		position: absolute
-		top: 0
-		left: 0
-		pointer-events: none
-
 .event-info
 	display: flex
 	flex-direction: row

webpack.config.js

@@ -5,6 +5,7 @@ const TerserPlugin = require('terser-webpack-plugin')
 
 const pagesWithHeartbeats = [
   'auxtel',
+  'allsky',
   'startracker',
   'admin'
 ].reduce((pages, page) => ({