Started work on queue panel

This commit is contained in:
rainbow napkin 2025-01-21 08:15:35 -05:00
parent 4f6b3318a0
commit 42c20455e5
16 changed files with 342 additions and 14 deletions

View file

@ -32,17 +32,25 @@ along with this program. If not, see <https://www.gnu.org/licenses/>. %>
</body>
<footer>
<%- include('partial/scripts', {user}); %>
<%# 3rd party code %>
<script src="/socket.io/socket.io.min.js"></script>
<%# 1st party code %>
<%# admin gunk %>
<script src="/js/adminUtils.js"></script>
<script src="/js/popup/banPopup.js"></script>
<%# command/chat processing %>
<script src="/js/channel/commandPreprocessor.js"></script>
<script src="/js/channel/chatPostprocessor.js"></script>
<%# client children %>
<script src="/js/channel/chat.js"></script>
<script src="/js/channel/userlist.js"></script>
<script src="/js/channel/mediaHandler.js"></script>
<script src="/js/channel/player.js"></script>
<script src="/js/channel/cpanel.js"></script>
<%# panels %>
<script src="/js/channel/panels/emotePanel.js"></script>
<script src="/js/channel/panels/queuePanel.js"></script>
<%# main client %>
<script src="/js/channel/channel.js"></script>
</footer>
</html>

View file

@ -0,0 +1,30 @@
<%# 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-controls">
<span id="queue-media-prompts">
<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>
</div>
</span>
</div>
<div id="queue">
</div>

View file

@ -20,7 +20,7 @@ along with this program. If not, see <https://www.gnu.org/licenses/>. %>
<link rel="stylesheet" type="text/css" href="/css/panel.css">
<title><%= instance %> - NULL_POPOUT</title>
</head>
<body>
<body class="cpanel-body">
<div class="cpanel-div" id="cpanel-div">
<div class="cpanel-header-div" id="cpanel-header-div">
<i class="cpanel cpanel-header-icon cpanel-pin-icon bi-pin-angle-fill" id="cpanel-pin-icon"></i>