From 934c640a04a0c638e5a72e7ffd6a2c1fad3389b7 Mon Sep 17 00:00:00 2001
From: Mike Lang <mikelang3000@gmail.com>
Date: Sat, 26 Oct 2019 07:37:27 -0700
Subject: [PATCH] thrimbletrimmer: Display edit notes below the video

In nice distracting pink so they're sure to see it.
---
 thrimbletrimmer/index.html       | 6 +++++-
 thrimbletrimmer/scripts/IO.js    | 6 ++++++
 thrimbletrimmer/styles/style.css | 6 ++++++
 3 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/thrimbletrimmer/index.html b/thrimbletrimmer/index.html
index cd5a2d6..eceb298 100644
--- a/thrimbletrimmer/index.html
+++ b/thrimbletrimmer/index.html
@@ -78,9 +78,13 @@
         </div>
 
         <div id="EditorDetailsPane">
+            <div id="EditNotesPane" style="display:none">
+                Edit Notes: <br/>
+                <textarea id="EditNotes" disabled ></textarea>
+            </div>
             <div>
                 Title: <br />
-                <input type="text" id="VideoTitlePrefix" value="DB2019 - " disabled>
+                <input type="text" id="VideoTitlePrefix" value="DB2019 - " disabled />
                 <input type="text" id="VideoTitle" value="" maxlength="82" />
             </div>
             <div>
diff --git a/thrimbletrimmer/scripts/IO.js b/thrimbletrimmer/scripts/IO.js
index 5b8a07a..16225e9 100644
--- a/thrimbletrimmer/scripts/IO.js
+++ b/thrimbletrimmer/scripts/IO.js
@@ -23,6 +23,12 @@ pageSetup = function() {
             document.getElementById("VideoTitle").value = data.video_title ? data.video_title : data.description;
             document.getElementById("VideoDescription").value = data.video_description ? data.video_description : data.description;
 
+            // If any edit notes, show them
+            if (data.notes.length > 0) {
+                document.getElementById("EditNotes").value = data.notes;
+                document.getElementById("EditNotesPane").style.display = "block";
+            }
+
             // Restore advanced options. If any of these are non-default, automatically expand the advanced options pane.
             setOptions('uploadLocation', data.upload_locations, data.upload_location);
             document.getElementById("AllowHoles").checked = data.allow_holes;
diff --git a/thrimbletrimmer/styles/style.css b/thrimbletrimmer/styles/style.css
index 08010b9..d93a0ae 100644
--- a/thrimbletrimmer/styles/style.css
+++ b/thrimbletrimmer/styles/style.css
@@ -28,6 +28,12 @@ body.ultrawide .my-player-dimensions { width:100% !important; }
 #EditorDetailsPane {
     margin-top:100px;
 }
+#EditNotes {
+    width: 100%;
+    background-color: pink;
+    color: black;
+    border: none;
+}
 #VideoTitle {
     width:90%
 }