add new block dialog to scheduler

This commit is contained in:
Sundog Jones 2024-09-22 11:03:07 -04:00
parent b508256004
commit b0c35eaa6d

View File

@ -320,6 +320,27 @@
</table> </table>
</section> </section>
<dialog id="new_block_dialog">
<form id="new_block_dialog_form" method="dialog" />
<h2 id="new_block_dialog_header">Adding a New Schedule Block</h2>
<p><label for="new_block_dialog_id">ID: </label><input name="id" id="new_block_dialog_id" type="text" disabled /></p>
<p><label for="new_block_dialog_name">Name: </label><input name="name" id="new_block_dialog_name" type="text" /></p>
<p><label for="new_block_start_time">Start time: </label><input name="start_time" id="new_block_start_time" type="text" /></p>
<p>Tag(s) for block:</p>
<div id="new_block_program_tags"></div>
<p><label for="new_block_duration_minutes">Block duration (in minutes): </label><input name="new_block_duration_minutes" id="new_block_duration_minutes" type="number" /></p>
<p><label for="new_block_enable_commercials">Play commercials: </label><input name="new_block_enable_commercials" id="new_block_enable_commercials" type="checkbox" checked /></p>
<p>Tag(s) for commercials:</p>
<div id="new_block_commercials_tags"></div>
<p><label for="new_block_enable_promos">Play promos: </label><input name="new_block_enable_promos" id="new_block_enable_promos" type="checkbox" checked /></p>
<p>Tag(s) for promos:</p>
<div id="new_block_promos_tags"></div>
<p><label for="new_block_enable_bumpers">Play bumpers: </label><input name="new_block_enable_bumpers" id="new_block_enable_bumpers" type="checkbox" checked /></p>
<p>Tag(s) for bumpers:</p>
<div id="new_block_bumpers_tags"></div>
<button id="new_block_dialog_save_button" value="save">Save Block</button><button id="new_block_dialog_close_button" value="close">Close Without Saving</button>
</form>
</dialog>
</template> </template>
<template id="schedule_header_row_template"> <template id="schedule_header_row_template">
<tr> <tr>
@ -598,8 +619,6 @@
}); });
}); });
console.dir(document.querySelector("#media_item_edl_list"));
const edl_save_button = document.getElementById("media_item_edl_save_button"); const edl_save_button = document.getElementById("media_item_edl_save_button");
edl_save_button.addEventListener("click", (e) => { edl_save_button.addEventListener("click", (e) => {
e.preventDefault(); e.preventDefault();
@ -797,6 +816,7 @@
const schedule_grid_click_handler = (e) => { const schedule_grid_click_handler = (e) => {
e.preventDefault(); e.preventDefault();
// TODO: open dialog for add block // TODO: open dialog for add block
} }
const schedule_block_click_handler = (e) => { const schedule_block_click_handler = (e) => {