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

Added schedule locking and day jumping on scroll lock.

Browse source
This commit is contained in:
rainbow napkin 2025-02-09 00:45:36 -05:00
parent c83ca63f9a
commit 44dd613ea3
8 changed files with 221 additions and 125 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/app/channel/connectedUser.js
View file

@ -139,8 +139,11 @@ module.exports = class{
//Get schedule as a temporary array
const queue = Array.from(this.channel.queue.schedule);
//Get schedule lock status
const queueLock = this.channel.queue.locked;
//Send off the metadata to our user's clients
this.emit("clientMetadata", {user: userObj, flairList, queue});
this.emit("clientMetadata", {user: userObj, flairList, queue, queueLock});
}
async sendSiteEmotes(){

52
src/app/channel/media/queue.js
View file

@ -21,6 +21,7 @@ const validator = require('validator');
const queuedMedia = require('./queuedMedia');
const yanker = require('../../../utils/media/yanker');
const loggerUtils = require('../../../utils/loggerUtils');
const channelModel = require('../../../schemas/channel/channelSchema');
module.exports = class{
constructor(server, channel){
@ -43,17 +44,24 @@ module.exports = class{
this.nextTimer = null;
//Create variable to hold currently playing media object
this.nowPlaying = null;
//create boolean to hold schedule lock
this.locked = false;
}
defineListeners(socket){
socket.on("queue", (data) => {this.queueURL(socket, data)});
socket.on("delete", (data => {this.deleteMedia(socket, data)}));
socket.on("move", (data => {this.moveMedia(socket, data)}));
socket.on("clear", (data => {this.deleteRange(socket, data)}));
socket.on("delete", (data) => {this.deleteMedia(socket, data)});
socket.on("move", (data) => {this.moveMedia(socket, data)});
socket.on("clear", (data) => {this.deleteRange(socket, data)});
socket.on("lock", (data) => {this.toggleLock(socket)});
}
async queueURL(socket, data){
//Get the current channel from the database
const chanDB = await channelModel.findOne({name: socket.chan});
if((!this.locked && await chanDB.permCheck(socket.user, 'scheduleMedia')) || await chanDB.permCheck(socket.user, 'scheduleAdmin')){
try{
//Set url
var url = data.url;
@ -120,8 +128,13 @@ module.exports = class{
return loggerUtils.socketExceptionHandler(socket, err);
}
}
}
deleteRange(socket, data){
async deleteRange(socket, data){
//Get the current channel from the database
const chanDB = await channelModel.findOne({name: socket.chan});
if((!this.locked && await chanDB.permCheck(socket.user, 'clearSchedule')) || await chanDB.permCheck(socket.user, 'scheduleAdmin')){
try{
//If start time isn't an integer
if(data.start != null && !validator.isInt(String(data.start))){
@ -144,8 +157,13 @@ module.exports = class{
return loggerUtils.socketExceptionHandler(socket, err);
}
}
}
deleteMedia(socket, data){
async deleteMedia(socket, data){
//Get the current channel from the database
const chanDB = await channelModel.findOne({name: socket.chan});
if((!this.locked && await chanDB.permCheck(socket.user, 'scheduleMedia')) || await chanDB.permCheck(socket.user, 'scheduleAdmin')){
try{
//If we don't have a valid UUID
if(!validator.isUUID(data.uuid)){
@ -161,8 +179,13 @@ module.exports = class{
return loggerUtils.socketExceptionHandler(socket, err);
}
}
}
moveMedia(socket, data){
async moveMedia(socket, data){
//Get the current channel from the database
const chanDB = await channelModel.findOne({name: socket.chan});
if((!this.locked && await chanDB.permCheck(socket.user, 'scheduleMedia')) || await chanDB.permCheck(socket.user, 'scheduleAdmin')){
try{
//If we don't have a valid UUID
if(!validator.isUUID(data.uuid)){
@ -184,6 +207,21 @@ module.exports = class{
return loggerUtils.socketExceptionHandler(socket, err);
}
}
}
async toggleLock(socket){
//Get the current channel from the database
const chanDB = await channelModel.findOne({name: socket.chan});
//If the user is a schedule admin
if(await chanDB.permCheck(socket.user, 'scheduleAdmin')){
//Toggle the schedule lock
this.locked = !this.locked;
//Update schedule lock status for everyone in the channel
this.server.io.in(this.channel.name).emit("lock", {locked: this.locked});
}
}
//Default start time to now + half a second to give everyone time to process shit
queueMedia(inputMedia, start = new Date().getTime() + 50, socket){

18
src/schemas/channel/channelPermissionSchema.js
View file

@ -82,6 +82,24 @@ const channelPermissionSchema = new mongoose.Schema({
default: "admin",
required: true
},
scheduleMedia: {
type: mongoose.SchemaTypes.String,
enum: rankEnum,
default: "admin",
required: true
},
clearSchedule:{
type: mongoose.SchemaTypes.String,
enum: rankEnum,
default: "admin",
required: true
},
scheduleAdmin:{
type: mongoose.SchemaTypes.String,
enum: rankEnum,
default: "admin",
required: true
},
deleteChannel: {
type: mongoose.SchemaTypes.String,
enum: rankEnum,

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

@ -17,13 +17,13 @@ along with this program. If not, see <https://www.gnu.org/licenses/>. %>
<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-add-media" class="bi-plus-lg"></button>
<button id="queue-search-media" class="bi-search"></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>
<button id="queue-date" class="bi-calendar-fill"></button>
<button id="queue-playlists" class="bi-list"></button>
<button id="queue-clear" class="danger-button bi-trash-fill"></button>
<button id="queue-lock" class="positive-button bi-unlock-fill"></button>
</div>
<div id="queue-control-date" style="display: none">
<i class="bi-caret-left" id="queue-control-date-decrement"></i>

2
www/css/panel/queue.css
View file

@ -24,7 +24,7 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.*/
position: absolute;
left: 0;
right: 0;
z-index: 3;
z-index: 4;
padding: 0.15em 0.3em;
}

11
www/js/channel/channel.js
View file

@ -54,11 +54,15 @@ class channel{
this.socket.on("clientMetadata", this.handleClientInfo.bind(this));
this.socket.on("error", console.log);
this.socket.on("error", utils.ux.displayResponseError);
this.socket.on("queue", (data) => {
this.queue = new Map(data.queue);
})
});
this.socket.on("lock", (data) => {
this.queueLock = data.locked;
});
}
handleClientInfo(data){
@ -75,6 +79,9 @@ class channel{
//Store queue for use by the queue panel
this.queue = new Map(data.queue);
//Store queue lock status
this.queueLock = data.queueLock;
}
}

42
www/js/channel/panels/queuePanel.js
View file

@ -45,6 +45,7 @@ class queuePanel extends panelObj{
this.scrollLockButton = this.panelDocument.querySelector('#queue-scroll-lock');
this.queueDateButton = this.panelDocument.querySelector('#queue-date')
this.clearMediaButton = this.panelDocument.querySelector('#queue-clear');
this.queueLockButton = this.panelDocument.querySelector('#queue-lock');
//Get control divs
this.addMediaDiv = this.panelDocument.querySelector('#queue-media-prompts');
@ -61,6 +62,9 @@ class queuePanel extends panelObj{
this.queueDateIncrement = this.panelDocument.querySelector('#queue-control-date-increment');
this.queueDatePrompt = this.panelDocument.querySelector('#queue-control-date-prompt');
//Display lock status
this.handleScheduleLock();
//Render out the queue
this.fullRender();
@ -76,8 +80,9 @@ class queuePanel extends panelObj{
defineListeners(){
//Render queue when we receive a new copy of the queue data from the server
this.client.socket.on("clientMetadata", (data) => {this.renderQueue();})
this.client.socket.on("queue", (data) => {this.renderQueue();})
this.client.socket.on("clientMetadata", (data) => {this.renderQueue();});
this.client.socket.on("queue", (data) => {this.renderQueue();});
this.client.socket.on("lock", this.handleScheduleLock.bind(this));
}
setupInput(){
@ -92,6 +97,7 @@ class queuePanel extends panelObj{
this.scrollLockButton.addEventListener('click', this.lockScroll.bind(this));
this.queueDateButton.addEventListener('click', this.toggleDateControl.bind(this));
this.clearMediaButton.addEventListener('click', this.clearMedia.bind(this));
this.queueLockButton.addEventListener('click', this.lockSchedule.bind(this));
//control bar divs
//Add Media
@ -103,6 +109,20 @@ class queuePanel extends panelObj{
this.queueDatePrompt.addEventListener('change', this.setQueueDate.bind(this));
}
/* socket.io listeners */
handleScheduleLock(){
//Get queue lock button icon
const icon = this.queueLockButton.querySelector('i');
if(this.client.queueLock){
this.queueLockButton.classList.remove('positive-button', 'bi-unlock-fill');
this.queueLockButton.classList.add('danger-button', 'bi-lock-fill');
}else{
this.queueLockButton.classList.remove('danger-button', 'bi-lock-fill');
this.queueLockButton.classList.add('positive-button', 'bi-unlock-fill');
}
}
/* queue control button functions */
toggleAddMedia(event){
//If the div is hidden
@ -119,7 +139,13 @@ class queuePanel extends panelObj{
}
}
lockScroll(event){
lockScroll(event, jumpToDay = true){
//If we're supposed to jump to the current day
if(jumpToDay){
//Set schedule to current day
this.setDay();
}
//Enable scroll lock
this.autoscroll = true;
@ -159,6 +185,10 @@ class queuePanel extends panelObj{
new clearPopup(event, this.client, null, this.ownerDoc);
}
lockSchedule(event){
client.socket.emit('lock');
}
/* add queue controls */
queueLast(event){
//Send off the request
@ -203,7 +233,7 @@ class queuePanel extends panelObj{
}
}
setDay(date){
setDay(date = new Date()){
//Set day
this.day = date;
//Zero out to midnight
@ -220,7 +250,7 @@ class queuePanel extends panelObj{
//If autoscroll is enabled
if(this.autoscroll){
//Simulate a button click to un/re-light the button and trigger a scroll when the date is set to today
this.lockScroll();
this.lockScroll(null, false);
}
}
@ -610,7 +640,7 @@ class queuePanel extends panelObj{
let bottomInput = this.queueContainer.offsetHeight - ((target.offsetTop + target.offsetHeight) + (this.queueLayoutController.scrollTopMax - this.queueLayoutController.scrollTop));
//If the item we're dragging is fackin uge'
if(target.offsetHeight > (this.queueLayoutController.offsetHeight - ((detectionDistance * 2) + 10))){
if(target.offsetHeight > (this.queueLayoutController.offsetHeight - ((detectionDistance * 2) + 20))){
//AND THEY FUCKING SAID YOU COULDN'T GET MOUSE POS OUTSIDE OF AN EVENT WITHOUT :HOVER TRICKS EAT MY FUCKING ASS
topInput = Math.round(target.offsetTop - Number(target.dataset['dragoffset']) - (this.queueLayoutController.getBoundingClientRect().top + this.queueControlOffset.offsetHeight));
bottomInput = this.queueLayoutController.offsetHeight - (topInput + this.queueControlOffset.offsetHeight);

2
www/js/utils.js
View file

@ -105,7 +105,7 @@ class canopyUXUtils{
try{
const errors = body.errors;
errors.forEach((err)=>{
new canopyUXUtils.popup(`<h3>Server Error:</h3><p><br>${err.msg}</p>`);
new canopyUXUtils.popup(`<h3>${err.type} Error:</h3><p><br>${err.msg}</p>`);
});
}catch(err){
console.error("Display Error Body:");