From 285180957a7f9e78e4edeb28ad18f1d9d0eb6819 Mon Sep 17 00:00:00 2001
From: Sundog <sundog@reclaim.technology>
Date: Sun, 22 Sep 2024 11:13:01 -0400
Subject: [PATCH] add new block dialog to scheduler

---
 layout.html | 97 ++++++++++++++++++++++++++++++++++-------------------
 1 file changed, 63 insertions(+), 34 deletions(-)

diff --git a/layout.html b/layout.html
index 8b1ff98..7b95207 100755
--- a/layout.html
+++ b/layout.html
@@ -400,40 +400,40 @@
                                     						// show dialog to get media metadata for new upload
                                     						console.log("Upload response: ");
                                     						console.dir(json);
-										const metadata_dialog = document.getElementById("media_details_dialog");
-										const metadata_header = document.getElementById("media_details_dialog_header");
-										metadata_header.innerHTML = "Metadata for " + json.source_path;
-										const metadata_title = document.getElementById("media_details_dialog_title");
-										metadata_title.value = json.title === "unknown" ? json.source_path : json.title;
-										const dur_span = document.getElementById("media_details_dialog_duration_secs");
-										dur_span.innerHTML = new Date(json.duration_secs * 1000).toISOString().substring(11, 19);
-										const id_input = document.getElementById("media_details_dialog_id");
-										id_input.value = json.id;
-										const metadata_close_button = document.getElementById("media_details_dialog_close_button");
-										metadata_close_button.addEventListener("click", (event) => {
-											event.preventDefault();
-											metadata_dialog.close();
-										});
-										const metadata_save_button = document.getElementById("media_details_dialog_save_button");
-										metadata_save_button.addEventListener("click", (event) => {
-											event.preventDefault();
-											const updateURL = "update.php?id=" + json.id;
-											let data = new FormData(document.getElementById("media_details_dialog_form"));
-											console.dir(data);
-											fetch(updateURL, {
-												method: "POST",
-												body: data
-											})
-											.then((response) => {
-												if (response.ok) {
-													response.json().then((json) => {
-														metadata_dialog.close();
-														fetch_media_items();
-													});
-												}
-											});
-										});
-										metadata_dialog.showModal();
+															const metadata_dialog = document.getElementById("media_details_dialog");
+															const metadata_header = document.getElementById("media_details_dialog_header");
+															metadata_header.innerHTML = "Metadata for " + json.source_path;
+															const metadata_title = document.getElementById("media_details_dialog_title");
+															metadata_title.value = json.title === "unknown" ? json.source_path : json.title;
+															const dur_span = document.getElementById("media_details_dialog_duration_secs");
+															dur_span.innerHTML = new Date(json.duration_secs * 1000).toISOString().substring(11, 19);
+															const id_input = document.getElementById("media_details_dialog_id");
+															id_input.value = json.id;
+															const metadata_close_button = document.getElementById("media_details_dialog_close_button");
+															metadata_close_button.addEventListener("click", (event) => {
+																event.preventDefault();
+																metadata_dialog.close();
+															});
+															const metadata_save_button = document.getElementById("media_details_dialog_save_button");
+															metadata_save_button.addEventListener("click", (event) => {
+																event.preventDefault();
+																const updateURL = "update.php?id=" + json.id;
+																let data = new FormData(document.getElementById("media_details_dialog_form"));
+																console.dir(data);
+																fetch(updateURL, {
+																	method: "POST",
+																	body: data
+																})
+																.then((response) => {
+																	if (response.ok) {
+																		response.json().then((json) => {
+																			metadata_dialog.close();
+																			fetch_media_items();
+																		});
+																	}
+																});
+															});
+															metadata_dialog.showModal();
                                 					});
                         	    				}
                 	        			})
@@ -816,7 +816,36 @@
 			const schedule_grid_click_handler = (e) => {
 				e.preventDefault();
 				// TODO: open dialog for add block
+				const new_block_dialog = document.getElementById("new_block_dialog");
+				const new_block_header = document.getElementById("new_block_dialog_header");
+				const block_start_time = e.target.parentNode.firstElementChild.innerHTML;
+				new_block_header.innerHTML = "New program block for " + block_start_time;
 
+				const new_block_close_button = document.getElementById("new_block_dialog_close_button");
+				new_block_close_button.addEventListener("click", (event) => {
+					event.preventDefault();
+					new_block_dialog.close();
+				});
+				const new_block_save_button = document.getElementById("new_block_dialog_save_button");
+				new_block_save_button.addEventListener("click", (event) => {
+					event.preventDefault();
+					const updateURL = "block.php";
+					let data = new FormData(document.getElementById("new_block_dialog_form"));
+					console.dir(data);
+					fetch(updateURL, {
+						method: "POST",
+						body: data
+					})
+					.then((response) => {
+						if (response.ok) {
+							response.json().then((json) => {
+								new_block_dialog.close();
+								load_schedule(); // TODO: need to pass day here to keep working on the same schedule!
+							});
+						}
+					});
+				});
+				new_block_dialog.showModal();
 			}
 
 			const schedule_block_click_handler = (e) => {