]> OzVa Git service - shopping-channel/commitdiff
Added producer note to the interface and the autocue
authorwill <greenwoodw50@gmail.com>
Wed, 28 Aug 2024 15:25:12 +0000 (16:25 +0100)
committerwill <greenwoodw50@gmail.com>
Wed, 28 Aug 2024 15:25:12 +0000 (16:25 +0100)
auth/index.php
autocue/index.html
note [new file with mode: 0644]

index 37a572bf8ae131d748a593bc40168de3299308fa..ee107328e00ed47959f009fab9cdcbb27579f643 100644 (file)
@@ -22,6 +22,10 @@ $data = fread($file, filesize("../data.json"));
 fclose($file);
 $data = json_decode($data, true);
 
+$file = fopen("../note", "r") or die("unable to open file!");
+$note = fread($file, filesize("../note"));
+fclose($file);
+
 $clockIncrement = 10;
 
 if (!empty($_POST['update'])) {
@@ -107,6 +111,16 @@ if (!empty($_POST['update'])) {
                $data['timer3End'] = time() + $seconds;
        }
 
+       if (!empty($_POST['notes'])) {
+               $note = $_POST['notes'];
+       } else {
+               $note = "";
+       }
+
+       $file = fopen("../note", "w");
+       fwrite($file, $note);
+       fclose($file);
+
        $json = json_encode($data);
        $file = fopen("../data.json", "w");
        fwrite($file, $json);
@@ -310,6 +324,13 @@ for ($i = 0; $i < count($text['bottomText']); $i++) {
        echo "<label for='bottomText'> $line</label></div>";
 }
 echo "</fieldset>";
+
+echo "<fieldset><legend>Notes</legend>";
+echo "<textarea name='notes' rows='10' style='width: 100%;'>";
+echo $note;
+echo "</textarea>";
+echo "</fieldset>";
+
 echo "</div><div class='third'>";
 echo "<fieldset><legend>Banner text</legend>";
 for ($i = 0; $i < count($text['bannerText']); $i++) {
@@ -522,6 +543,7 @@ for ($i = 0; $i < 360; $i += $clockIncrement) {
                                <li><s>Make the top banner look better</s></li>
                                <li><s>Add some kind of rating into the item file and make it display</s></li>
                                <li>add marquee of the current buyers of the product and figure out how to do this (potentially hard?)</li>
+                               <li><s>Add producer notes to the interface and autocue</s></li>
                        </ul>
                        <p>
                                and then still to do in the admin department: Talk to Joe about the GFX system, ask Ash about the lighting desk sAcn input and to setup things, makerspace the clock, text people about things, <s>arrange screentest with Jack</s>.
index cb23a146b4ff8bb57cf66ac046ac5d5d9cb7c29f..4b53a5c8ed8ecab1229882574391d6a243610c49 100644 (file)
@@ -11,13 +11,14 @@ body {
        top: 10px;
        left: 10px;
 }
-#notes {
-       margin: 40px;
+#notes, #message {
+       margin: 20px;
 }
 #timer {
        position: absolute;
        bottom: 0;
        left: 0;
+       margin: 20px;
 }
                </style>
                <script>
@@ -45,9 +46,11 @@ function makeTime(t, o, s) {
 function frame() {
        var slider = document.getElementById("slider");
        var notes = document.getElementById("notes");
+       var message = document.getElementById("message");
        var timers = document.getElementById("timer");
 
        notes.style.fontSize = `${slider.value}px`;
+       message.style.fontSize = `${slider.value}px`;
        timers.style.fontSize = `${slider.value}px`;
 }
 
@@ -74,15 +77,22 @@ function update() {
                        stock.innerHTML = data[itemId].stockCount;
 
                })
+       fetch("../note", {cache: "no-store"})
+               .then(data => data.text())
+               .then(data => {
+                       const messageContainer = document.getElementById("message");
+                       messageContainer.innerHTML = data.replaceAll("\n", "<br>");
+               })
 }
 
 setInterval(frame, 50);
 setInterval(update, 1000);
                </script>
        </head>
-       <body>
+       <body onload="frame(); update();">
                <input type="range" min="30" max="100" value="45" id="slider">
                <div style="font-size: 50px;" id="notes">some test text!</div>
+               <div style="font-size: 50px; color: yellow;" id="message">Producer Notes!</div>
                <div id="timer">
                        T1: <span style="background-color: red;" class="time"></span> -
                        T2: <span style="background-color: green;" class="time"></span> -
diff --git a/note b/note
new file mode 100644 (file)
index 0000000..fdd0d69
--- /dev/null
+++ b/note
@@ -0,0 +1,4 @@
+8 blue\r
+6 bat\r
+2 crystals\r
+7 cat lookin' things
\ No newline at end of file