thrimbletrimmer: Display edit notes below the video

In nice distracting pink so they're sure to see it.

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>

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;

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%
 }