mirror of
https://github.com/cpvalente/ontime.git
synced 2026-08-15 12:23:51 +00:00
d486d78594
* feat: implement progress bar on running event * refactor: use event action hook * refactor: align backend data * style: v2 style tweaks * style: v2 style tweaks + ts <Info> * fix: fix delay increment calls * style: v2 style tweaks + ts <Playback> * style: v2 style tweaks + ts <EventEditor> * style: v2 style tweaks + ts <MessageControl> * fix: naming issue with message control socket endpoint * chore: upgrade style dependencies * style: v2 style tweaks + ts <MenuBar> * style: v2 style tweaks + ts <RundownMenu> * style: v2 style tweaks + ts <Playback> * fix: add selected and next information to EventTimer * style: v2 style tweaks + ts <EventBlock> * style: v2 style tweaks + ts <DelayBlock> * style: v2 style tweaks + ts <BlockBlock> * style: v2 style tweaks + ts <QuickEntry> * refactor: extract <TextInput> logic * chore: upgrade build dependencies * chore: folder structure refactor * fix: issue with dependency path in electron * chore: update version in demo db
370 lines
11 KiB
JavaScript
370 lines
11 KiB
JavaScript
import { DataProvider } from '../data-provider/DataProvider.js';
|
|
import { getSelectionByRoll } from '../timer/classUtils.js';
|
|
import { Timer } from '../timer/Timer.js';
|
|
|
|
let instance;
|
|
|
|
/**
|
|
* Manages business logic around loading events
|
|
*/
|
|
export class EventLoader {
|
|
constructor() {
|
|
if (instance) {
|
|
throw new Error('There can be only one');
|
|
}
|
|
instance = this;
|
|
this.reset();
|
|
this.loadedEvent = null;
|
|
}
|
|
|
|
/**
|
|
* returns all events that contain time data
|
|
* @return {array}
|
|
*/
|
|
static getTimedEvents() {
|
|
// return mockLoaderData.filter((event) => event.type === 'event');
|
|
return DataProvider.getRundown().filter((event) => event.type === 'event');
|
|
}
|
|
|
|
/**
|
|
* returns all events that can be loaded
|
|
* @return {array}
|
|
*/
|
|
static getPlayableEvents() {
|
|
// return mockLoaderData.filter((event) => event.type === 'event' && !event.skip);
|
|
return DataProvider.getRundown().filter((event) => event.type === 'event' && !event.skip);
|
|
}
|
|
|
|
/**
|
|
* returns number of events
|
|
* @return {number}
|
|
*/
|
|
static getNumEvents() {
|
|
return EventLoader.getTimedEvents().length;
|
|
}
|
|
|
|
/**
|
|
* returns an event given its index
|
|
* @param {number} eventIndex
|
|
* @return {object | undefined}
|
|
*/
|
|
static getEventAtIndex(eventIndex) {
|
|
const timedEvents = EventLoader.getTimedEvents();
|
|
return timedEvents?.[eventIndex];
|
|
}
|
|
|
|
/**
|
|
* returns an event given its index
|
|
* @param {number} eventIndex
|
|
* @return {object | undefined}
|
|
*/
|
|
static getPlayableAtIndex(eventIndex) {
|
|
const timedEvents = EventLoader.getPlayableEvents();
|
|
return timedEvents?.[eventIndex];
|
|
}
|
|
|
|
/**
|
|
* returns an event given its id
|
|
* @param {string} eventId
|
|
* @return {object | undefined}
|
|
*/
|
|
static getEventWithId(eventId) {
|
|
const timedEvents = EventLoader.getTimedEvents();
|
|
return timedEvents.find((event) => event.id === eventId);
|
|
}
|
|
|
|
/**
|
|
* loads an event given its id
|
|
* @param {string} eventId
|
|
* @returns {{loadedEvent: null, selectedEventId: null, nextEventId: null, selectedPublicEventId: null, nextPublicEventId: null, numEvents: null, titles: {presenterNext: null, titleNow: null, subtitleNow: null, titleNext: null, subtitleNext: null, presenterNow: null, noteNow: null, noteNext: null}, titlesPublic: {presenterNext: null, titleNow: null, subtitleNow: null, titleNext: null, subtitleNext: null, presenterNow: null}, selectedEventIndex: null}}
|
|
*/
|
|
loadById(eventId) {
|
|
const event = EventLoader.getEventWithId(eventId);
|
|
return this._loadEvent(event);
|
|
}
|
|
|
|
/**
|
|
* loads an event given its index
|
|
* @param {number} eventIndex
|
|
* @returns {{loadedEvent: null, selectedEventId: null, nextEventId: null, selectedPublicEventId: null, nextPublicEventId: null, numEvents: null, titles: {presenterNext: null, titleNow: null, subtitleNow: null, titleNext: null, subtitleNext: null, presenterNow: null, noteNow: null, noteNext: null}, titlesPublic: {presenterNext: null, titleNow: null, subtitleNow: null, titleNext: null, subtitleNext: null, presenterNow: null}, selectedEventIndex: null}}
|
|
*/
|
|
loadByIndex(eventIndex) {
|
|
const event = EventLoader.getEventAtIndex(eventIndex);
|
|
return this._loadEvent(event);
|
|
}
|
|
|
|
/**
|
|
* finds the ID of the previous event
|
|
* @returns {{id: string}|null}
|
|
*/
|
|
findPrevious() {
|
|
const timedEvents = EventLoader.getPlayableEvents();
|
|
if (timedEvents === null || this.selectedEventIndex === 0) {
|
|
return null;
|
|
}
|
|
|
|
// if there is no event running, go to first
|
|
if (this.selectedEventIndex === null) {
|
|
return { id: timedEvents[0].id };
|
|
} else {
|
|
const newIndex = this.selectedEventIndex - 1;
|
|
return { id: timedEvents?.[newIndex].id };
|
|
}
|
|
}
|
|
|
|
/**
|
|
* finds the ID of the next event
|
|
* @returns {{id: string}|null}
|
|
*/
|
|
findNext() {
|
|
const timedEvents = EventLoader.getPlayableEvents();
|
|
if (timedEvents === null || this.selectedEventIndex === this.numEvents - 1) {
|
|
return null;
|
|
}
|
|
|
|
// if there is no event running, go to first
|
|
if (this.selectedEventIndex === null) {
|
|
return { id: timedEvents[0].id };
|
|
} else {
|
|
const newIndex = this.selectedEventIndex + 1;
|
|
return { id: timedEvents?.[newIndex].id };
|
|
}
|
|
}
|
|
|
|
/**
|
|
* finds next event within Roll context
|
|
* @returns {{nowIndex: null, timers: null, nowId: null, publicNextIndex: null, nextIndex: null, timeToNext: null, publicIndex: null}|{nowIndex: null, timers: null, nowId: null, publicNextIndex: null, nextIndex: null, timeToNext: null, publicIndex: null}}
|
|
*/
|
|
findRoll() {
|
|
const timedEvents = EventLoader.getPlayableEvents();
|
|
const millisNow = Timer.getCurrentTime();
|
|
return getSelectionByRoll(timedEvents, millisNow);
|
|
}
|
|
|
|
/**
|
|
* returns data for currently loaded event
|
|
* @returns {{loadedEvent: null, selectedEventId: (null|*), nextEventId: (null|*), selectedPublicEventId: (null|*), nextPublicEventId: (null|*), numEvents: (null|number|*), titles: (*|{presenterNext: null, titleNow: null, subtitleNow: null, titleNext: null, subtitleNext: null, presenterNow: null, noteNow: null, noteNext: null}), titlesPublic: (*|{presenterNext: null, titleNow: null, subtitleNow: null, titleNext: null, subtitleNext: null, presenterNow: null}), selectedEventIndex: (null|number|*)}}
|
|
*/
|
|
getLoaded() {
|
|
return {
|
|
loadedEvent: this.loadedEvent,
|
|
selectedEventIndex: this.selectedEventIndex,
|
|
selectedEventId: this.selectedEventId,
|
|
selectedPublicEventId: this.selectedPublicEventId,
|
|
nextEventId: this.nextEventId,
|
|
nextPublicEventId: this.nextPublicEventId,
|
|
numEvents: this.numEvents,
|
|
titles: this.titles,
|
|
titlesPublic: this.titlesPublic,
|
|
};
|
|
}
|
|
|
|
reset() {
|
|
this.loadedEvent = null;
|
|
this.selectedEventIndex = null;
|
|
this.selectedEventId = null;
|
|
this.selectedPublicEventId = null;
|
|
this.nextEventId = null;
|
|
this.nextPublicEventId = null;
|
|
this.numEvents = null;
|
|
this.titles = {
|
|
titleNow: null,
|
|
subtitleNow: null,
|
|
presenterNow: null,
|
|
noteNow: null,
|
|
titleNext: null,
|
|
subtitleNext: null,
|
|
presenterNext: null,
|
|
noteNext: null,
|
|
};
|
|
this.titlesPublic = {
|
|
titleNow: null,
|
|
subtitleNow: null,
|
|
presenterNow: null,
|
|
titleNext: null,
|
|
subtitleNext: null,
|
|
presenterNext: null,
|
|
};
|
|
}
|
|
|
|
/**
|
|
* loads an event given its id
|
|
* @param {object} event
|
|
*/
|
|
_loadEvent(event) {
|
|
if (typeof event === 'undefined') {
|
|
return null;
|
|
}
|
|
const timedEvents = EventLoader.getPlayableEvents();
|
|
const eventIndex = timedEvents.findIndex((eventInMemory) => eventInMemory.id === event.id);
|
|
const playableEvents = EventLoader.getPlayableEvents();
|
|
|
|
// we know some stuff now
|
|
this.loadedEvent = event;
|
|
this.selectedEventIndex = eventIndex;
|
|
this.selectedEventId = event.id;
|
|
this.numEvents = timedEvents.length;
|
|
// this.nextEventId = playableEvents[eventIndex + 1].id;
|
|
this._loadTitlesNow(event, playableEvents);
|
|
this._loadTitlesNext(playableEvents);
|
|
|
|
return this.getLoaded();
|
|
}
|
|
|
|
/**
|
|
* @description loads given title (now)
|
|
* @private
|
|
* @param {object} event
|
|
* @param {array} rundown
|
|
*/
|
|
_loadTitlesNow(event, rundown) {
|
|
// private title is always current
|
|
// check if current is also public
|
|
if (event.isPublic) {
|
|
this._loadThisTitles(event, 'now');
|
|
} else {
|
|
this._loadThisTitles(event, 'now-private');
|
|
|
|
// assume there is no public event
|
|
this.titlesPublic.titleNow = null;
|
|
this.titlesPublic.subtitleNow = null;
|
|
this.titlesPublic.presenterNow = null;
|
|
this.selectedPublicEventId = null;
|
|
|
|
// if there is nothing before, return
|
|
if (this.selectedEventIndex === 0) return;
|
|
|
|
// iterate backwards to find it
|
|
for (let i = this.selectedEventIndex; i >= 0; i--) {
|
|
if (rundown[i].isPublic) {
|
|
this._loadThisTitles(rundown[i], 'now-public');
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* @description look for next titles to load
|
|
* @private
|
|
*/
|
|
_loadTitlesNext(rundown) {
|
|
// Todo: is there a scenario where this gets called without an event?
|
|
// maybe there is nothing to load
|
|
if (this.selectedEventIndex === null) return;
|
|
|
|
// assume there is no next event
|
|
this.titles.titleNext = null;
|
|
this.titles.subtitleNext = null;
|
|
this.titles.presenterNext = null;
|
|
this.titles.noteNext = null;
|
|
this.nextEventId = null;
|
|
|
|
this.titlesPublic.titleNext = null;
|
|
this.titlesPublic.subtitleNext = null;
|
|
this.titlesPublic.presenterNext = null;
|
|
this.nextPublicEventId = null;
|
|
|
|
const numEvents = rundown.length;
|
|
|
|
if (this.selectedEventIndex < numEvents - 1) {
|
|
let nextPublic = false;
|
|
let nextPrivate = false;
|
|
|
|
for (let i = this.selectedEventIndex + 1; i < numEvents; i++) {
|
|
// if we have not set private
|
|
if (!nextPrivate) {
|
|
this._loadThisTitles(rundown[i], 'next-private');
|
|
nextPrivate = true;
|
|
}
|
|
|
|
// if event is public
|
|
if (rundown[i].isPublic) {
|
|
this._loadThisTitles(rundown[i], 'next-public');
|
|
nextPublic = true;
|
|
}
|
|
|
|
// Stop if both are set
|
|
if (nextPublic && nextPrivate) break;
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* @description loads given title
|
|
* @param event
|
|
* @param type
|
|
* @private
|
|
*/
|
|
_loadThisTitles(event, type) {
|
|
switch (type) {
|
|
// now, load to both public and private
|
|
case 'now':
|
|
// public
|
|
this.titlesPublic.titleNow = event.title;
|
|
this.titlesPublic.subtitleNow = event.subtitle;
|
|
this.titlesPublic.presenterNow = event.presenter;
|
|
this.selectedPublicEventId = event.id;
|
|
|
|
// private
|
|
this.titles.titleNow = event.title;
|
|
this.titles.subtitleNow = event.subtitle;
|
|
this.titles.presenterNow = event.presenter;
|
|
this.titles.noteNow = event.note;
|
|
this.selectedEventId = event.id;
|
|
break;
|
|
|
|
case 'now-public':
|
|
this.titlesPublic.titleNow = event.title;
|
|
this.titlesPublic.subtitleNow = event.subtitle;
|
|
this.titlesPublic.presenterNow = event.presenter;
|
|
this.selectedPublicEventId = event.id;
|
|
break;
|
|
|
|
case 'now-private':
|
|
this.titles.titleNow = event.title;
|
|
this.titles.subtitleNow = event.subtitle;
|
|
this.titles.presenterNow = event.presenter;
|
|
this.titles.noteNow = event.note;
|
|
this.selectedEventId = event.id;
|
|
break;
|
|
|
|
// next, load to both public and private
|
|
case 'next':
|
|
// public
|
|
this.titlesPublic.titleNext = event.title;
|
|
this.titlesPublic.subtitleNext = event.subtitle;
|
|
this.titlesPublic.presenterNext = event.presenter;
|
|
this.nextPublicEventId = event.id;
|
|
|
|
// private
|
|
this.titles.titleNext = event.title;
|
|
this.titles.subtitleNext = event.subtitle;
|
|
this.titles.presenterNext = event.presenter;
|
|
this.titles.noteNext = event.note;
|
|
this.nextEventId = event.id;
|
|
break;
|
|
|
|
case 'next-public':
|
|
this.titlesPublic.titleNext = event.title;
|
|
this.titlesPublic.subtitleNext = event.subtitle;
|
|
this.titlesPublic.presenterNext = event.presenter;
|
|
this.nextPublicEventId = event.id;
|
|
break;
|
|
|
|
case 'next-private':
|
|
this.titles.titleNext = event.title;
|
|
this.titles.subtitleNext = event.subtitle;
|
|
this.titles.presenterNext = event.presenter;
|
|
this.titles.noteNext = event.note;
|
|
this.nextEventId = event.id;
|
|
break;
|
|
|
|
default:
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
|
|
export const eventLoader = new EventLoader();
|