rainbownapkin/canopy
1
0
Fork 0
Code Issues 20 Pull requests Projects Releases Packages Wiki Activity Actions

Started work on playlist management UI

Browse source
This commit is contained in:
rainbow napkin 2025-03-30 14:11:49 -04:00
parent 65b5ae9371
commit 1723e8ebd0
9 changed files with 586 additions and 104 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/views/partial/panels/queue.ejs
View file

@ -41,6 +41,22 @@ along with this program. If not, see <https://www.gnu.org/licenses/>. %>
<button id="queue-at-button" class="positive-button">Queue At...</button>
</div>
</div>
<div id="queue-playlist-prompts" style="display: none;">
<span class="queue-playlist-label-span interactive" id="queue-add-playlist-span">
<i class="bi-plus" id="queue-add-playlist-icon"></i>
<p id="queue-add-playlist-label">Create Playlist</p>
</span>
<span class="queue-playlist-label-span interactive" id="queue-channel-playlist-span">
<i class="bi-caret-right-fill" id="queue-channel-playlist-toggle"></i>
<p id="queue-channel-playlist-label">Channel Playlists</p>
</span>
<div style="display: none;" id="queue-channel-playlist-div" class="queue-playlists-div"></div>
<span class="queue-playlist-label-span interactive" id="queue-user-playlist-span">
<i class="bi-caret-right-fill" id="queue-user-playlist-toggle"></i>
<p id="queue-user-playlist-label">User Playlists</p>
</span>
<div style="display: none;" id="queue-user-playlist-div" class="queue-playlists-div"></div>
</div>
</div>
<div id="queue-control-offset"></div>
<div id="queue">

28
src/views/partial/popup/newPlaylist.ejs Normal file
View file

@ -0,0 +1,28 @@
<%# 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/>. %>
<h3 class="popup-title">Create Playlist</h3>
<div id="queue-create-playlist-popup-div">
<input id="queue-create-playlist-popup-name" placeholder="Name">
<textarea id="queue-create-playlist-popup-default-titles" placeholder="Default Titles"></textarea>
<span>
<label for="location">Save To:</label>
<select name="location" id="queue-create-playlist-popup-location">
<option value="channel">Channel</option>
<option value="user">Account</option>
</select>
</span>
<button id="queue-create-playlist-popup-save" class="positive-button">Create Playlist</button>
</div>