From 63114c469a46c899ffc6c6442be6171f18d32d2f Mon Sep 17 00:00:00 2001
From: Neale Pickett <neale@woozle.org>
Date: Sun, 9 Jan 2022 17:14:59 -0700
Subject: [PATCH] ready to test...

---
 scripts/dvd.video.read.sh |  2 --
 www/index.html            | 28 ++++++++++++++++++----------
 www/status.json           |  6 ++++++
 www/sucker.mjs            | 12 +++++++++++-
 4 files changed, 35 insertions(+), 13 deletions(-)

diff --git a/scripts/dvd.video.read.sh b/scripts/dvd.video.read.sh
index f39bd09..f11138f 100755
--- a/scripts/dvd.video.read.sh
+++ b/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"
diff --git a/www/index.html b/www/index.html
index 59474a9..1074198 100644
--- a/www/index.html
+++ b/www/index.html
@@ -17,16 +17,18 @@
                 <div class="card-header-title">Status</div>
               </div>
               <div class="card-content">
-                <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 class="block">
+                  <h2 class="subtitle">Reader</h2>
+                  <p class="reader">
+                    <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>
diff --git a/www/status.json b/www/status.json
index ba1b9e3..6d6c039 100644
--- a/www/status.json
+++ b/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",
diff --git a/www/sucker.mjs b/www/sucker.mjs
index d04907c..069ddb8 100644
--- a/www/sucker.mjs
+++ b/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"]) {