canopy/src/views/partial/panels/queue.ejs

50 lines
2.7 KiB
Plaintext

<%# 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/panel/queue.css">
<div id="queue-panel-layout-controller">
<div id="queue-controls">
<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-scroll-lock" class="positive-button"><i class="bi-clock-fill"></i><i class="bi-arrows-expand"></i></button>
<button id="queue-date"><i class="bi-calendar-fill"></i></button>
<button id="queue-playlists"><i class="bi-list"></i></button>
<button id="queue-clear" class="danger-button"><i class="bi-trash-fill"></i></button>
<button id="queue-lock" class="positive-button"><i class="bi-unlock-fill"></i></button>
</div>
<div id="queue-control-date" style="display: none">
<i class="bi-caret-left" id="queue-control-date-decrement"></i>
<input id="queue-control-date-prompt" type="date">
<i class="bi-caret-right" id="queue-control-date-increment"></i>
</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>
<div class="panel-control-prompt control-prompt">
<%# 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>
</div>
</div>
<div id="queue-control-offset"></div>
<div id="queue">
<div id="queue-marker-container"></div>
<div id="queue-container"></div>
</div>
</div>