ready to test...

scripts/dvd.video.read.sh

@@ -2,8 +2,6 @@
 
 . $(dirname $0)/common.sh
 
-setenv status "scanning"
-
 log "Scanning for DVD title"
 title=$(dvdbackup -I | awk -F \" '/DVD with title/ {print $2}')
 setenv title "$title"

www/index.html

@@ -17,17 +17,19 @@
                 <div class="card-header-title">Status</div>
               </div>
               <div class="card-content">
+                <div class="block">
+                  <h2 class="subtitle">Reader</h2>
                   <p class="reader">
-                  Reader: 
-                  <span class="text">unknown</span>
-                  <progress class="progress is-primary" max="100" value="0"></progress>
-                </p>
-                <p class="encoder">
-                  Encoder: 
                     <span class="text">unknown</span>
                     <progress class="progress is-primary" max="100" value="0"></progress>
                   </p>
                 </div>
+
+                <div class="block">
+                  <h2 class="subtitle">Encoder</h2>
+                  <div class="encoder"></div>
+                </div>
+              </div>
             </div>
           </div>
 
@@ -48,6 +50,12 @@
         <div>
       </div>
     </section>
+    <template class="encoder-item">
+      <p>
+        <span class="encoder-title"></span>
+        <progress class="progress is-primary" max="100" value="0"></progress>
+      </p>
+    </template>
     <template class="panel-file-item">
       <a class="panel-block">
         <span class="filename">--filename--</span>

www/status.json

@@ -1,5 +1,11 @@
 {
   "comment": "This file will be overwritten during runtime. It's only here for testing.",
+  "queue": [
+    {
+      "title": "The Fluffet Movie",
+      "complete": "47"
+    }
+  ],
   "finished": {
     "video": [
       "Video 1.mkv",

www/sucker.mjs

@@ -5,7 +5,7 @@ async function update() {
   let resp = await fetch("status.json", {cache: "no-store"})
   let s = await resp.json()
 
-  for (let activity of ["reader", "encoder"]) {
+  for (let activity of ["reader"]) {
     let val = s.status[activity]
     let e = document.querySelector(`.status .${activity}`)
     let txt = e.querySelector(".text")
@@ -19,6 +19,16 @@ async function update() {
     }
   }
 
+  let qtmpl = document.querySelector("template.encoder-item").content
+  let qelem = document.querySelector(".encoder")
+  while (qelem.firstChild) qelem.firstChild.remove()
+  for (let qitem of s.queue) {
+    let e = qtmpl.cloneNode(true)
+    e.querySelector(".encoder-title").textContent = qitem.title
+    e.querySelector("progress").value = qitem.complete
+    qelem.append(e)
+  }
+
   let fileItem = document.querySelector("template.panel-file-item").content
 
   for (let section of ["video", "audio"]) {