Continued work on media scheduler

src/views/partial/panels/queue.ejs

@@ -16,7 +16,16 @@ along with this program.  If not, see <https://www.gnu.org/licenses/>. %>
 <link rel="stylesheet" type="text/css" href="/css/panel/queue.css">
 <div id="queue-panel-layout-controller">
     <div id="queue-controls">
-        <span id="queue-media-prompts">
+        <div id="queue-control-buttons">
+            <button id="queue-add-media"><i class="bi-plus-lg"></i></button>
+            <button id="queue-search-media"><i class="bi-search"></i></button>
+            <button id="queue-playlists"><i class="bi-list"></i></button>
+            <button id="queue-scroll-lock" class="positive-button"><i class="bi-clock-fill"></i></button>
+            <button id="queue-export-clear"><i class="bi-trash-fill"></i></button>
+            <button id="queue-export-date"><i class="bi-calendar-fill"></i></button>
+            <button id="queue-export-lock" class="positive-button"><i class="bi-unlock-fill"></i></button>
+        </div>
+        <div id="queue-media-prompts" style="display: none;">
             <div class="panel-control-prompt control-prompt">
                 <input placeholder="Media Link..." id="media-link-input" class="control-prompt">
             </div>
@@ -24,9 +33,11 @@ along with this program.  If not, see <https://www.gnu.org/licenses/>. %>
                 <%# Probably not the cleanest way to do this but fuggit %>
                 <input placeholder="Media Name..." id="media-name-input" class="control-prompt">
                 <button id="queue-last-button" class="positive-button">Queue Last</button>
+                <button id="queue-at-button" class="positive-button">Queue At...</button>
             </div>
-        </span>
+        </div>
     </div>
+    <div id="queue-control-offset"></div>
     <div id="queue">
         <div id="queue-marker-container"></div>
         <div id="queue-container"></div>

src/views/partial/popup/scheduleMedia.ejs

@@ -0,0 +1,21 @@
+<%# Canopy - The next generation of stoner streaming software
+Copyright (C) 2024-2025 Rainbownapkin and the TTN Community
+
+This program is free software: you can redistribute it and/or modify
+it under the terms of the GNU Affero General Public License as
+published by the Free Software Foundation, either version 3 of the
+License, or (at your option) any later version.
+
+This program is distributed in the hope that it will be useful,
+but WITHOUT ANY WARRANTY; without even the implied warranty of
+MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+GNU Affero General Public License for more details.
+
+You should have received a copy of the GNU Affero General Public License
+along with this program.  If not, see <https://www.gnu.org/licenses/>. %>
+<%# <link rel="stylesheet" type="text/css" href="/css/popup/schedule.css"> %>
+<h3 class="popup-title">Schedule Media</h3>
+<div>
+    <input type="datetime-local" id="schedule-media-popup-time-prompt">
+    <button class="positive-button" id="schedule-media-popup-schedule-button">Schedule</button>
+</div>

src/views/partial/styles.ejs

@@ -1,4 +1,4 @@
-<%# Canopy - The next generation of stoner streaming software
+<!-- Canopy - The next generation of stoner streaming software
 Copyright (C) 2024-2025 Rainbownapkin and the TTN Community
 
 This program is free software: you can redistribute it and/or modify
@@ -12,7 +12,7 @@ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 GNU Affero General Public License for more details.
 
 You should have received a copy of the GNU Affero General Public License
-along with this program.  If not, see <https://www.gnu.org/licenses/>. %>
+along with this program.  If not, see <https://www.gnu.org/licenses/>. -->
 <%# Technically favicon has nothing to do with .css, but it's still looks related, uses a link tag, and globally used :P %>
 <link rel="icon" type="image/x-icon" href="/img/sweet_leaf_simple.png">
 <link rel="stylesheet" href="/lib/bootstrap-icons/font/bootstrap-icons.css">