From ac6612fb85ac2f4c9f159ec451538c9476541da4 Mon Sep 17 00:00:00 2001
From: Mike Lang <mikelang3000@gmail.com>
Date: Fri, 1 Jul 2022 11:53:00 +1000
Subject: [PATCH] Add ability to submit video as MODIFIED to thrimbletrimmer

---
 thrimbletrimmer/edit.html       |  1 +
 thrimbletrimmer/scripts/edit.js | 38 ++++++++++++++++++++++++++-------
 2 files changed, 31 insertions(+), 8 deletions(-)

diff --git a/thrimbletrimmer/edit.html b/thrimbletrimmer/edit.html
index 1de355a..ea7f955 100644
--- a/thrimbletrimmer/edit.html
+++ b/thrimbletrimmer/edit.html
@@ -196,6 +196,7 @@
 			<div id="submission-toolbar">
 				<button id="submit-button">Submit</button>
 				<button id="save-button">Save Draft</button>
+				<button id="submit-changes-button">Submit Changes</button>
 				<a id="advanced-submission" href="#">Advanced Submission Options</a>
 			</div>
 			<div id="advanced-submission-options" class="hidden">
diff --git a/thrimbletrimmer/scripts/edit.js b/thrimbletrimmer/scripts/edit.js
index 5159b24..e596a1c 100644
--- a/thrimbletrimmer/scripts/edit.js
+++ b/thrimbletrimmer/scripts/edit.js
@@ -202,6 +202,9 @@ window.addEventListener("DOMContentLoaded", async (event) => {
 	document.getElementById("save-button").addEventListener("click", (_event) => {
 		saveVideoDraft();
 	});
+	document.getElementById("submit-changes-button").addEventListener("click", (_event) => {
+		submitVideoChanges();
+	});
 
 	document.getElementById("advanced-submission").addEventListener("click", (_event) => {
 		const advancedOptionsContainer = document.getElementById("advanced-submission-options");
@@ -406,6 +409,15 @@ async function initializeVideoInfo() {
 		uploaderAllowlistBox.value = videoInfo.uploader_whitelist.join(",");
 	}
 
+	if (videoInfo.state === "DONE") {
+		const submitButton = document.getElementById("submit-button");
+		submitButton.classList.add("hidden");
+		const saveButton = document.getElementById("save-button");
+		saveButton.classList.add("hidden");
+		const submitChangesButton = document.getElementById("submit-changes-button");
+		submitChangesButton.classList.remove("hidden");
+	}
+
 	if (modifiedAdvancedOptions) {
 		const advancedSubmissionContainer = document.getElementById("advanced-submission-options");
 		advancedSubmissionContainer.classList.remove("hidden");
@@ -611,14 +623,18 @@ async function submitVideo() {
 		}
 	}
 
-	return sendVideoData(true, false);
+	return sendVideoData("EDITED", false);
 }
 
 async function saveVideoDraft() {
-	return sendVideoData(false, false);
+	return sendVideoData("UNEDITED", false);
+}
+
+async function submitVideoChanges() {
+	return sendVideoData("MODIFIED", false);
 }
 
-async function sendVideoData(edited, overrideChanges) {
+async function sendVideoData(newState, overrideChanges) {
 	let videoDescription = document.getElementById("video-info-description").value;
 	if (videoDescription.indexOf(CHAPTER_MARKER_DELIMITER_PARTIAL) !== -1) {
 		addError(
@@ -627,6 +643,8 @@ async function sendVideoData(edited, overrideChanges) {
 		return;
 	}
 
+	const edited = newState === "EDITED";
+
 	const submissionResponseElem = document.getElementById("submission-response");
 	submissionResponseElem.classList.value = ["submission-response-pending"];
 	submissionResponseElem.innerText = "Submitting video...";
@@ -771,7 +789,6 @@ async function sendVideoData(edited, overrideChanges) {
 		"advanced-submission-option-uploader-allow"
 	).value;
 	const uploaderAllowlist = uploaderAllowlistValue ? uploaderAllowlistValue.split(",") : null;
-	const state = edited ? "EDITED" : "UNEDITED";
 
 	const editData = {
 		video_ranges: ranges,
@@ -784,7 +801,7 @@ async function sendVideoData(edited, overrideChanges) {
 		video_channel: globalStreamName,
 		video_quality: videoInfo.video_quality,
 		uploader_whitelist: uploaderAllowlist,
-		state: state,
+		state: newState,
 
 		// We also provide some sheet column values to verify data hasn't changed.
 		sheet_name: videoInfo.sheet_name,
@@ -815,7 +832,7 @@ async function sendVideoData(edited, overrideChanges) {
 
 	if (submitResponse.ok) {
 		submissionResponseElem.classList.value = ["submission-response-success"];
-		if (edited) {
+		if (newState === "EDITED") {
 			submissionResponseElem.innerText = "Submitted edit";
 			const submissionTimesListContainer = document.createElement("ul");
 			for (const range of rangesData) {
@@ -828,8 +845,13 @@ async function sendVideoData(edited, overrideChanges) {
 				submissionTimesListContainer.appendChild(submissionTimeResponse);
 			}
 			submissionResponseElem.appendChild(submissionTimesListContainer);
-		} else {
+		} else if (newState === "UNEDITED") {
 			submissionResponseElem.innerText = "Saved draft";
+		} else if (newState === "MODIFIED") {
+			submissionResponseElem.innerText = "Submitted changes";
+		} else {
+			// should never happen but shrug
+			submissionResponseElem.innerText = `Submitted state ${newState}`;
 		}
 	} else {
 		submissionResponseElem.classList.value = ["submission-response-error"];
@@ -838,7 +860,7 @@ async function sendVideoData(edited, overrideChanges) {
 			const submitButton = document.createElement("button");
 			submitButton.innerText = "Submit Anyway";
 			submitButton.addEventListener("click", (_event) => {
-				sendVideoData(edited, true);
+				sendVideoData(newState, true);
 			});
 			submissionResponseElem.innerHTML = "";
 			submissionResponseElem.appendChild(serverErrorNode);