-
- Confirm time trail race initialization
-
+
Confirm time trail race initialization
You are about to start to start a time trail race session called
{{ sessionName }}(false);
const initializationSteps = computed(() => [
{ value: 'Session', nextDisabled: sessionName.value === '' },
{ value: 'Subscribers', nextDisabled: selectedAudios.value.length === 0 },
- { value: 'Confirmation', confirmFunction: initialize }
+ { value: 'Confirmation', confirmFunction: initialize },
]);
const initialize = async () => {
@@ -76,7 +74,7 @@ const initialize = async () => {
sessionName.value,
selectedAudios.value,
selectedScreens.value,
- selectedLightGroups.value
+ selectedLightGroups.value,
);
confirmModalOpen.value = false;
confirmModalLoading.value = false;
diff --git a/src/components/modes/time-trail-race/TimeTrailRaceStepper.vue b/src/components/modes/time-trail-race/TimeTrailRaceStepper.vue
index d9ad26c..7fc6a61 100644
--- a/src/components/modes/time-trail-race/TimeTrailRaceStepper.vue
+++ b/src/components/modes/time-trail-race/TimeTrailRaceStepper.vue
@@ -46,7 +46,7 @@ const timeTrailSteps = computed(() => [
nextText: 'Register player',
nextIcon: null,
nextDisabled: timeTrailStore.loading || currentStep.value != '1' || !canRegister.value,
- nextFunction: registerPlayer.value?.registerPlayer
+ nextFunction: registerPlayer.value?.registerPlayer,
},
{
value: 'Ready',
@@ -57,7 +57,7 @@ const timeTrailSteps = computed(() => [
nextText: 'Player ready',
nextIcon: null,
nextDisabled: timeTrailStore.loading || currentStep.value != '2',
- nextFunction: timeTrailStore.ready
+ nextFunction: timeTrailStore.ready,
},
{
value: 'Start',
@@ -68,7 +68,7 @@ const timeTrailSteps = computed(() => [
nextText: 'Start!',
nextIcon: null,
nextDisabled: timeTrailStore.loading || currentStep.value != '3',
- nextFunction: timeTrailStore.start
+ nextFunction: timeTrailStore.start,
},
{
value: 'Finish',
@@ -79,7 +79,7 @@ const timeTrailSteps = computed(() => [
nextText: 'Finish!',
nextIcon: null,
nextDisabled: timeTrailStore.loading || currentStep.value != '4',
- nextFunction: timeTrailStore.finish
+ nextFunction: timeTrailStore.finish,
},
{
value: 'Reveal',
@@ -90,8 +90,8 @@ const timeTrailSteps = computed(() => [
confirmText: 'Reveal score',
confirmIcon: null,
confirmDisabled: timeTrailStore.loading || currentStep.value != '5',
- confirmFunction: timeTrailStore.revealScore
- }
+ confirmFunction: timeTrailStore.revealScore,
+ },
]);
const currentStep = computed(() => {
diff --git a/src/components/poster/PosterCard.vue b/src/components/poster/PosterCard.vue
index 3c26e86..6f1e36f 100644
--- a/src/components/poster/PosterCard.vue
+++ b/src/components/poster/PosterCard.vue
@@ -16,13 +16,7 @@
:value="poster.source"
>
-
+
-
+
{{ capitalize(poster.type) }}
diff --git a/src/components/prime/ConfirmWrapper.vue b/src/components/prime/ConfirmWrapper.vue
index ddfca96..23e5030 100644
--- a/src/components/prime/ConfirmWrapper.vue
+++ b/src/components/prime/ConfirmWrapper.vue
@@ -25,11 +25,11 @@ const confirmDialog = () => {
if (props.onAccept) {
props.onAccept();
}
- }
+ },
});
};
defineExpose({
- confirmDialog
+ confirmDialog,
});
diff --git a/src/components/prime/StepperWrapper.vue b/src/components/prime/StepperWrapper.vue
index b5f2e9e..7fd8213 100644
--- a/src/components/prime/StepperWrapper.vue
+++ b/src/components/prime/StepperWrapper.vue
@@ -48,9 +48,7 @@
:label="steps[index].nextText"
@click="
steps[index].nextFunction?.();
- steps[index].overrideNextFunction
- ? null
- : activateCallback((index + 2).toString());
+ steps[index].overrideNextFunction ? null : activateCallback((index + 2).toString());
"
/>
diff --git a/src/main.ts b/src/main.ts
index b00a258..6b64d0b 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -55,8 +55,8 @@ const app = createApp(App);
// define options
const timeagoOptions = {
converterOptions: {
- includeSeconds: true
- }
+ includeSeconds: true,
+ },
};
app.use(router);
@@ -64,15 +64,15 @@ app.use(PrimeVue, {
theme: {
preset: AuraPreset,
options: {
- darkModeSelector: '.dark-mode'
- }
- }
+ darkModeSelector: '.dark-mode',
+ },
+ },
});
app.use(ToastService);
app.use(ConfirmationService);
client.setConfig({
- baseUrl: '/api'
+ baseUrl: '/api',
});
app.use(createPinia());
diff --git a/src/router/index.ts b/src/router/index.ts
index e54860b..01f5512 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -25,16 +25,16 @@ const router = createRouter({
{
path: 'callback',
component: () => import('@/views/Base/AuthView.vue'),
- name: 'authCallback'
- }
- ]
+ name: 'authCallback',
+ },
+ ],
},
{
path: '/unauthorized',
component: () => import('@/views/Base/UnauthorizedView.vue'),
- name: 'unauthorized'
- }
- ]
+ name: 'unauthorized',
+ },
+ ],
},
{
path: '',
@@ -43,7 +43,7 @@ const router = createRouter({
{
path: '',
component: () => import('@/views/Base/DashboardView.vue'),
- name: 'dashboard'
+ name: 'dashboard',
},
{
path: '/poster',
@@ -51,13 +51,13 @@ const router = createRouter({
{
path: 'list',
component: () => import('@/views/Poster/PosterList.vue'),
- name: 'posterList'
- }
+ name: 'posterList',
+ },
],
meta: {
securityGroup: 'poster',
- securitySection: 'base'
- }
+ securitySection: 'base',
+ },
},
{
path: '/modes',
@@ -68,8 +68,8 @@ const router = createRouter({
name: 'centurionMode',
meta: {
securityGroup: 'centurion',
- securitySection: 'privileged'
- }
+ securitySection: 'privileged',
+ },
},
{
path: 'timeTrailRace',
@@ -77,10 +77,10 @@ const router = createRouter({
name: 'timeTrailRaceMode',
meta: {
securityGroup: 'timetrail',
- securitySection: 'base'
- }
- }
- ]
+ securitySection: 'base',
+ },
+ },
+ ],
},
{
path: '/lights',
@@ -91,8 +91,8 @@ const router = createRouter({
name: 'lightEffects',
meta: {
securityGroup: 'effects',
- securitySection: 'base'
- }
+ securitySection: 'base',
+ },
},
{
path: 'scenesController',
@@ -100,8 +100,8 @@ const router = createRouter({
name: 'lightsScenesController',
meta: {
securityGroup: 'scenes',
- securitySection: 'base'
- }
+ securitySection: 'base',
+ },
},
{
path: 'fixtures',
@@ -109,10 +109,10 @@ const router = createRouter({
name: 'fixturesOverview',
meta: {
securityGroup: 'handler',
- securitySection: 'base'
- }
- }
- ]
+ securitySection: 'base',
+ },
+ },
+ ],
},
{
path: '/audit',
@@ -120,17 +120,17 @@ const router = createRouter({
name: 'AuditLogs',
meta: {
securityGroup: 'audit',
- securitySection: 'base'
- }
- }
- ]
+ securitySection: 'base',
+ },
+ },
+ ],
},
{
path: '/:pathMatch(.*)*',
component: () => import('@/views/Base/NotFoundView.vue'),
- name: 'notFound'
- }
- ]
+ name: 'notFound',
+ },
+ ],
});
router.beforeEach(async (to, from, next) => {
@@ -144,7 +144,7 @@ router.beforeEach(async (to, from, next) => {
await authStore.MockLogin({
id: 'dev',
name: 'dev',
- roles: [SecurityGroup.ADMIN]
+ roles: [SecurityGroup.ADMIN],
});
await authStore.initStores();
}
diff --git a/src/stores/audit.store.ts b/src/stores/audit.store.ts
index 5caff78..ae98e29 100644
--- a/src/stores/audit.store.ts
+++ b/src/stores/audit.store.ts
@@ -27,7 +27,7 @@ export const useAuditStore = defineStore('audit', {
take: 5,
skip: 0,
count: 0,
- loading: true
+ loading: true,
}),
getters: {},
actions: {
@@ -45,8 +45,8 @@ export const useAuditStore = defineStore('audit', {
const logs = await getAuditLogs({
query: {
take: this.take,
- skip: this.skip
- }
+ skip: this.skip,
+ },
});
this.dashboardEntries = logs.data!.records;
this.count = logs.data!.pagination.count;
@@ -63,8 +63,8 @@ export const useAuditStore = defineStore('audit', {
const logs = await getAuditLogs({
query: {
take: this.take,
- skip: this.skip
- }
+ skip: this.skip,
+ },
});
this.entries = logs.data!.records;
this.count = logs.data!.pagination.count;
@@ -106,6 +106,6 @@ export const useAuditStore = defineStore('audit', {
async destroy() {
const socketStore = useSocketStore();
socketStore.backofficeSocket?.removeListener('audit_log_create', this.handleAuditLogAddition);
- }
- }
+ },
+ },
});
diff --git a/src/stores/auth.store.ts b/src/stores/auth.store.ts
index 07f444d..3404977 100644
--- a/src/stores/auth.store.ts
+++ b/src/stores/auth.store.ts
@@ -13,7 +13,7 @@ import {
type ISecurityGroups,
type ISecuritySections,
type OidcParameters,
- SecurityGroup
+ SecurityGroup,
} from '@/api';
import { useSceneControllerStore } from '@/stores/scene-controller.store';
import { useAuditStore } from '@/stores/audit.store';
@@ -37,13 +37,13 @@ export const useAuthStore = defineStore('auth', {
name: null,
roles: [],
development: false,
- securityGroups: undefined
+ securityGroups: undefined,
}),
getters: {
getName: (state) => state.name,
getRoles: (state) => state.roles,
getDevelopment: (state) => state.development,
- getSecurityGroups: (state) => state.securityGroups
+ getSecurityGroups: (state) => state.securityGroups,
},
actions: {
/**
@@ -67,7 +67,7 @@ export const useAuthStore = defineStore('auth', {
*/
async OIDCLogin(oidcParameters: OidcParameters): Promise
{
authOidc({
- body: oidcParameters
+ body: oidcParameters,
}).then((user) => {
this.name = user.data!.name;
this.roles = user.data!.roles;
@@ -81,7 +81,7 @@ export const useAuthStore = defineStore('auth', {
async MockLogin(user: AuthUser): Promise {
this.development = true;
await authMock({
- body: user
+ body: user,
}).then((user) => {
this.name = user.data!.name;
this.roles = user.data!.roles;
@@ -125,6 +125,6 @@ export const useAuthStore = defineStore('auth', {
*/
isInSecurityGroup(group: keyof ISecurityGroups, section: keyof ISecuritySections): boolean {
return _.intersection(this.roles, this.securityGroups![group][section]).length > 0;
- }
- }
+ },
+ },
});
diff --git a/src/stores/color.store.ts b/src/stores/color.store.ts
index ed42033..0cbce06 100644
--- a/src/stores/color.store.ts
+++ b/src/stores/color.store.ts
@@ -7,7 +7,7 @@ interface ColorStore {
export const useColorStore = defineStore('color', {
state: (): ColorStore => ({
- colors: []
+ colors: [],
}),
actions: {
async init(): Promise {
@@ -17,6 +17,6 @@ export const useColorStore = defineStore('color', {
const color = this.colors.find((c1) => c1.color === c);
if (!color) return '';
return color.spec.hex;
- }
- }
+ },
+ },
});
diff --git a/src/stores/effects-controller.store.ts b/src/stores/effects-controller.store.ts
index 1aca9f9..dca75b6 100644
--- a/src/stores/effects-controller.store.ts
+++ b/src/stores/effects-controller.store.ts
@@ -6,7 +6,7 @@ import {
enableStrobeOnLightsGroup,
type LightsEffectsColorCreateParams,
type LightsEffectsMovementCreateParams,
- type LightsGroupResponse
+ type LightsGroupResponse,
} from '@/api';
interface PushedEffect {
@@ -24,7 +24,7 @@ interface EffectsControllerStore {
export const useEffectsControllerStore = defineStore('effectsController', {
state: (): EffectsControllerStore => ({
selectedLightsGroupIds: [],
- pastPushedEffects: []
+ pastPushedEffects: [],
}),
getters: {},
actions: {
@@ -47,13 +47,13 @@ export const useEffectsControllerStore = defineStore('effectsController', {
ids.map(async (id) => {
await applyLightsEffectColor({
body: [effect],
- path: { id }
+ path: { id },
});
});
const pastEffect: PushedEffect = {
colorEffect: { ...effect },
lightGroupIds: [...ids],
- timestamp: new Date()
+ timestamp: new Date(),
};
this.pastPushedEffects = [pastEffect, ...this.pastPushedEffects.slice(0, 9)];
},
@@ -62,13 +62,13 @@ export const useEffectsControllerStore = defineStore('effectsController', {
ids.map(async (id) => {
await applyLightsEffectMovement({
body: [effect],
- path: { id }
+ path: { id },
});
});
const pastEffect: PushedEffect = {
movementEffect: { ...effect },
lightGroupIds: [...ids],
- timestamp: new Date()
+ timestamp: new Date(),
};
this.pastPushedEffects = [pastEffect, ...this.pastPushedEffects.slice(0, 9)];
},
@@ -76,18 +76,18 @@ export const useEffectsControllerStore = defineStore('effectsController', {
await Promise.all(
this.selectedLightsGroupIds.map((id) => {
return enableStrobeOnLightsGroup({
- path: { id }
+ path: { id },
});
- })
+ }),
);
},
async disableStrobe() {
await Promise.all(
this.selectedLightsGroupIds.map((id) => {
return disableStrobeOnLightsGroup({
- path: { id }
+ path: { id },
});
- })
+ }),
);
},
async disableLightsColors() {
@@ -95,9 +95,9 @@ export const useEffectsControllerStore = defineStore('effectsController', {
this.selectedLightsGroupIds.map((id) => {
return applyLightsEffectColor({
body: [],
- path: { id }
+ path: { id },
});
- })
+ }),
);
},
async disableLightsMovement() {
@@ -105,12 +105,12 @@ export const useEffectsControllerStore = defineStore('effectsController', {
this.selectedLightsGroupIds.map((id) => {
return applyLightsEffectMovement({
body: [],
- path: { id }
+ path: { id },
});
- })
+ }),
);
- }
- }
+ },
+ },
});
export { type PushedEffect };
diff --git a/src/stores/handlers.store.ts b/src/stores/handlers.store.ts
index 738a6d0..396914a 100644
--- a/src/stores/handlers.store.ts
+++ b/src/stores/handlers.store.ts
@@ -13,13 +13,10 @@ import {
type ScreenResponse,
setAudioHandler,
setLightsHandler,
- setScreenHandler
+ setScreenHandler,
} from '@/api';
-type Handler =
- | HandlerResponse_ScreenResponse_
- | HandlerResponse_AudioResponse_
- | HandlerResponse_LightsGroupResponse_;
+type Handler = HandlerResponse_ScreenResponse_ | HandlerResponse_AudioResponse_ | HandlerResponse_LightsGroupResponse_;
/**
* HandlerStore
@@ -56,7 +53,7 @@ export const useHandlersStore = defineStore('handlers', {
gettingScreens: false,
settingScreens: false,
gettingLights: false,
- settingLights: false
+ settingLights: false,
}) as HandlersStore,
getters: {
fetchAudioHandlers: (state) => state.audioHandlers,
@@ -67,7 +64,7 @@ export const useHandlersStore = defineStore('handlers', {
isGettingScreens: (state) => state.gettingScreens,
isSettingScreens: (state) => state.settingScreens,
isGettingLights: (state) => state.gettingLights,
- isSettingLights: (state) => state.settingLights
+ isSettingLights: (state) => state.settingLights,
},
actions: {
/**
@@ -115,10 +112,7 @@ export const useHandlersStore = defineStore('handlers', {
const socketStore = useSocketStore();
socketStore.backofficeSocket?.on('handler_audio_update', this.getAudioHandlers.bind(this));
socketStore.backofficeSocket?.on('handler_screen_update', this.getScreenHandlers.bind(this));
- socketStore.backofficeSocket?.on(
- 'handler_lightsgroup_update',
- this.getLightsHandlers.bind(this)
- );
+ socketStore.backofficeSocket?.on('handler_lightsgroup_update', this.getLightsHandlers.bind(this));
this.gettingAudio = this.gettingScreens = this.gettingLights = false;
},
@@ -135,14 +129,14 @@ export const useHandlersStore = defineStore('handlers', {
async (i) =>
await setAudioHandler({
body: { name: newHandler != null ? newHandler : '' },
- path: { id: i }
- })
- )
+ path: { id: i },
+ }),
+ ),
);
} else {
await setAudioHandler({
body: { name: newHandler != null ? newHandler : '' },
- path: { id }
+ path: { id },
});
}
this.settingAudio = false;
@@ -161,14 +155,14 @@ export const useHandlersStore = defineStore('handlers', {
id.map((i) =>
setLightsHandler({
body: { name: newHandler != null ? newHandler : '' },
- path: { id: i }
- })
- )
+ path: { id: i },
+ }),
+ ),
);
} else {
await setLightsHandler({
body: { name: newHandler != null ? newHandler : '' },
- path: { id }
+ path: { id },
});
}
this.settingLights = false;
@@ -187,14 +181,14 @@ export const useHandlersStore = defineStore('handlers', {
id.map((i) =>
setScreenHandler({
body: { name: newHandler != null ? newHandler : '' },
- path: { id: i }
- })
- )
+ path: { id: i },
+ }),
+ ),
);
} else {
await setScreenHandler({
body: { name: newHandler != null ? newHandler : '' },
- path: { id }
+ path: { id },
});
}
@@ -241,8 +235,8 @@ export const useHandlersStore = defineStore('handlers', {
await this.getLightsHandlers();
await this.getScreenHandlers();
this.gettingAudio = this.gettingScreens = this.gettingLights = false;
- }
- }
+ },
+ },
});
export { type Handler };
diff --git a/src/stores/layout.store.ts b/src/stores/layout.store.ts
index 661b86f..25158e1 100644
--- a/src/stores/layout.store.ts
+++ b/src/stores/layout.store.ts
@@ -8,7 +8,7 @@ enum TailwindWidth {
md = 768,
lg = 992,
xl = 1200,
- xxl = 1600
+ xxl = 1600,
}
/**
@@ -47,13 +47,13 @@ export const useLayoutStore = defineStore('layout', {
menuMobileActive: false,
menuDesktopActive: false,
darkMode: useDarkMode(),
- windowWidth: window.innerWidth
+ windowWidth: window.innerWidth,
}),
getters: {
getMenuMobileActive: (state) => state.menuMobileActive,
getMenuDesktopActive: (state) => state.menuDesktopActive,
getDarkMode: (state) => state.darkMode,
- getWindowWidth: (state) => state.windowWidth
+ getWindowWidth: (state) => state.windowWidth,
},
actions: {
/**
@@ -111,8 +111,8 @@ export const useLayoutStore = defineStore('layout', {
*/
unmountResizeListener() {
window.removeEventListener('resize', this.changeWidth);
- }
- }
+ },
+ },
});
export { TailwindWidth };
diff --git a/src/stores/modes/centurion.store.ts b/src/stores/modes/centurion.store.ts
index 8f8161b..69c986c 100644
--- a/src/stores/modes/centurion.store.ts
+++ b/src/stores/modes/centurion.store.ts
@@ -10,7 +10,7 @@ import {
disableCenturion,
startCenturion,
stopCenturion,
- skipCenturion
+ skipCenturion,
} from '@/api';
/**
@@ -35,7 +35,7 @@ export const useCenturionStore = defineStore('centurion', {
tapes: null,
loading: true,
playing: false,
- skipping: false
+ skipping: false,
}),
getters: {
enabled(): boolean {
@@ -48,7 +48,7 @@ export const useCenturionStore = defineStore('centurion', {
getTapes: (state) => state.tapes,
isLoading: (state) => state.loading,
isPlaying: (state) => state.playing,
- isSkipping: (state) => state.skipping
+ isSkipping: (state) => state.skipping,
},
actions: {
/**
@@ -77,20 +77,14 @@ export const useCenturionStore = defineStore('centurion', {
this.playing = this.currentTape?.playing ?? false;
const socketStore = useSocketStore();
- socketStore.backofficeSocket?.on(
- 'mode_centurion_update',
- this.getCurrentCenturion.bind(this)
- );
+ socketStore.backofficeSocket?.on('mode_centurion_update', this.getCurrentCenturion.bind(this));
},
/**
* Destroy the store
*/
async destroy() {
const socketStore = useSocketStore();
- socketStore.backofficeSocket?.removeListener(
- 'mode_centurion_update',
- this.getCurrentCenturion.bind(this)
- );
+ socketStore.backofficeSocket?.removeListener('mode_centurion_update', this.getCurrentCenturion.bind(this));
},
/**
* Initialize the centurion
@@ -105,7 +99,7 @@ export const useCenturionStore = defineStore('centurion', {
tapeArtist: string,
audioIds: number[],
screenIds: number[],
- lightsGroupIds: number[]
+ lightsGroupIds: number[],
) {
this.loading = true;
@@ -115,8 +109,8 @@ export const useCenturionStore = defineStore('centurion', {
centurionArtist: tapeArtist,
audioIds: audioIds,
screenIds: screenIds,
- lightsGroupIds: lightsGroupIds
- }
+ lightsGroupIds: lightsGroupIds,
+ },
});
await this.getCurrentCenturion(false);
this.loading = false;
@@ -153,10 +147,10 @@ export const useCenturionStore = defineStore('centurion', {
this.skipping = true;
await skipCenturion({
body: {
- seconds: seconds
- }
+ seconds: seconds,
+ },
});
this.skipping = false;
- }
- }
+ },
+ },
});
diff --git a/src/stores/modes/time-trail-race.store.ts b/src/stores/modes/time-trail-race.store.ts
index 761464b..f8c48d7 100644
--- a/src/stores/modes/time-trail-race.store.ts
+++ b/src/stores/modes/time-trail-race.store.ts
@@ -17,7 +17,7 @@ import {
type RaceStartedEvent,
type RegisterPlayerParams,
type ScoreboardItem,
- TimeTrailRaceState
+ TimeTrailRaceState,
} from '@/api';
import { useSocketStore } from '@/stores/socket.store';
@@ -42,7 +42,7 @@ interface TimeTrailRaceStore {
export const useTimeTrailRaceStore = defineStore('time-trail-race', {
state: (): TimeTrailRaceStore => ({
scoreboard: [],
- loading: true
+ loading: true,
}),
getters: {
enabled(): boolean {
@@ -56,7 +56,7 @@ export const useTimeTrailRaceStore = defineStore('time-trail-race', {
getScoreboard: (state) => state.scoreboard,
getCurrentPlayer: (state) => state.currentPlayer,
getLoading: (state) => state.loading,
- getStartTime: (state) => state.startTime
+ getStartTime: (state) => state.startTime,
},
actions: {
/**
@@ -87,7 +87,7 @@ export const useTimeTrailRaceStore = defineStore('time-trail-race', {
sessionName: string,
audioIds: number[],
screenIds: number[],
- lightsGroupIds: number[]
+ lightsGroupIds: number[],
) {
this.loading = true;
@@ -96,8 +96,8 @@ export const useTimeTrailRaceStore = defineStore('time-trail-race', {
lightsGroupIds: lightsGroupIds,
screenIds: screenIds,
audioIds: audioIds,
- sessionName: sessionName
- }
+ sessionName: sessionName,
+ },
}).then(() => {
this.sessionName = sessionName;
this.state = TimeTrailRaceState.INITIALIZED;
@@ -112,7 +112,7 @@ export const useTimeTrailRaceStore = defineStore('time-trail-race', {
async registerPlayer(params: RegisterPlayerParams) {
this.loading = true;
const register = await raceRegisterPlayer({
- body: params
+ body: params,
});
this.handleRegisterPlayer(register.data!);
this.loading = false;
@@ -216,10 +216,7 @@ export const useTimeTrailRaceStore = defineStore('time-trail-race', {
await this.getTimeTrailMode();
const socketStore = useSocketStore();
- socketStore.backofficeSocket?.on(
- 'race-player-registered',
- this.handleRegisterPlayer.bind(this)
- );
+ socketStore.backofficeSocket?.on('race-player-registered', this.handleRegisterPlayer.bind(this));
socketStore.backofficeSocket?.on('race-player-ready', this.handleReady.bind(this));
socketStore.backofficeSocket?.on('race-player-start', this.handleStart.bind(this));
socketStore.backofficeSocket?.on('race-player-finish', this.handleFinish.bind(this));
@@ -241,26 +238,11 @@ export const useTimeTrailRaceStore = defineStore('time-trail-race', {
*/
destroy() {
const socketStore = useSocketStore();
- socketStore.backofficeSocket?.removeListener(
- 'race-player-registered',
- this.handleRegisterPlayer.bind(this)
- );
- socketStore.backofficeSocket?.removeListener(
- 'race-player-ready',
- this.handleReady.bind(this)
- );
- socketStore.backofficeSocket?.removeListener(
- 'race-player-start',
- this.handleStart.bind(this)
- );
- socketStore.backofficeSocket?.removeListener(
- 'race-player-finish',
- this.handleFinish.bind(this)
- );
- socketStore.backofficeSocket?.removeListener(
- 'race-scoreboard',
- this.handleRevealScore.bind(this)
- );
- }
- }
+ socketStore.backofficeSocket?.removeListener('race-player-registered', this.handleRegisterPlayer.bind(this));
+ socketStore.backofficeSocket?.removeListener('race-player-ready', this.handleReady.bind(this));
+ socketStore.backofficeSocket?.removeListener('race-player-start', this.handleStart.bind(this));
+ socketStore.backofficeSocket?.removeListener('race-player-finish', this.handleFinish.bind(this));
+ socketStore.backofficeSocket?.removeListener('race-scoreboard', this.handleRevealScore.bind(this));
+ },
+ },
});
diff --git a/src/stores/poster-store.ts b/src/stores/poster-store.ts
index 8922e52..0a06128 100644
--- a/src/stores/poster-store.ts
+++ b/src/stores/poster-store.ts
@@ -6,7 +6,7 @@ import {
type ErrorPoster,
getPosters,
setPosterBorrelMode,
- forceUpdatePosters
+ forceUpdatePosters,
} from '@/api';
/**
@@ -25,12 +25,12 @@ export const usePosterStore = defineStore('poster', {
state: (): PosterStore => ({
posters: [],
borrelModeActive: false,
- loading: true
+ loading: true,
}),
getters: {
fetchPosters: (state) => state.posters,
isLoading: (state) => state.loading,
- isBorrelModeActive: (state) => state.borrelModeActive
+ isBorrelModeActive: (state) => state.borrelModeActive,
},
actions: {
/**
@@ -38,7 +38,7 @@ export const usePosterStore = defineStore('poster', {
*/
async getPosters() {
getPosters({
- query: { alwaysReturnBorrelPosters: true }
+ query: { alwaysReturnBorrelPosters: true },
}).then((posters) => {
this.posters = posters.data!.posters;
this.borrelModeActive = posters.data!.borrelMode;
@@ -51,7 +51,7 @@ export const usePosterStore = defineStore('poster', {
async setBorrelMode(enabled: boolean) {
this.loading = true;
await setPosterBorrelMode({
- body: { enabled }
+ body: { enabled },
}).then(() => {
this.loading = false;
this.borrelModeActive = enabled;
@@ -74,6 +74,6 @@ export const usePosterStore = defineStore('poster', {
await this.getPosters();
this.loading = false;
- }
- }
+ },
+ },
});
diff --git a/src/stores/scene-controller.store.ts b/src/stores/scene-controller.store.ts
index d8aa8fa..86f475f 100644
--- a/src/stores/scene-controller.store.ts
+++ b/src/stores/scene-controller.store.ts
@@ -6,7 +6,7 @@ import {
createScene,
deleteScene,
applyScene,
- clearScene
+ clearScene,
} from '@/api';
interface SceneControllerStore {
@@ -19,13 +19,13 @@ export const useSceneControllerStore = defineStore('scene-controller', {
state: (): SceneControllerStore => ({
scenes: [],
favoriteScenes: [],
- loading: true
+ loading: true,
}),
getters: {},
actions: {
async init() {
const scenes = await getAllScenes({
- query: { favorite: true }
+ query: { favorite: true },
});
this.favoriteScenes = scenes.data!;
this.loading = false;
@@ -43,7 +43,7 @@ export const useSceneControllerStore = defineStore('scene-controller', {
async createScene(body: CreateSceneParams) {
this.loading = true;
await createScene({
- body: body
+ body: body,
});
await this.fetchScenes();
this.loading = false;
@@ -51,7 +51,7 @@ export const useSceneControllerStore = defineStore('scene-controller', {
async deleteScene(id: number) {
this.loading = true;
await deleteScene({
- path: { id }
+ path: { id },
});
await this.fetchScenes();
this.loading = false;
@@ -59,7 +59,7 @@ export const useSceneControllerStore = defineStore('scene-controller', {
async applyScene(id: number) {
this.loading = true;
await applyScene({
- path: { id }
+ path: { id },
});
this.loading = false;
},
@@ -67,6 +67,6 @@ export const useSceneControllerStore = defineStore('scene-controller', {
this.loading = true;
await clearScene();
this.loading = false;
- }
- }
+ },
+ },
});
diff --git a/src/stores/socket.store.ts b/src/stores/socket.store.ts
index c6c20c8..03f7376 100644
--- a/src/stores/socket.store.ts
+++ b/src/stores/socket.store.ts
@@ -9,7 +9,7 @@ interface SocketStore {
export const useSocketStore = defineStore('socket', {
state: (): SocketStore => ({
rootSocket: undefined,
- backofficeSocket: undefined
+ backofficeSocket: undefined,
}),
getters: {},
actions: {
@@ -19,6 +19,7 @@ export const useSocketStore = defineStore('socket', {
const promise1 = new Promise((resolve) => {
rootSocket.on('connect', () => {
+ // eslint-disable-next-line
console.info('SocketIO: connected to /');
this.rootSocket = rootSocket;
resolve();
@@ -26,12 +27,13 @@ export const useSocketStore = defineStore('socket', {
});
const promise2 = new Promise((resolve) => {
backofficeSocket.on('connect', () => {
+ // eslint-disable-next-line
console.info('SocketIO: connected to /backoffice');
this.backofficeSocket = backofficeSocket;
resolve();
});
});
return Promise.all([promise1, promise2]);
- }
- }
+ },
+ },
});
diff --git a/src/stores/socket/currently-playing.store.ts b/src/stores/socket/currently-playing.store.ts
index 6e2399a..1d6e6d2 100644
--- a/src/stores/socket/currently-playing.store.ts
+++ b/src/stores/socket/currently-playing.store.ts
@@ -10,7 +10,7 @@ interface CurrentlyPlayingStore {
export const useCurrentlyPlayingStore = defineStore('currently-playing', {
state: (): CurrentlyPlayingStore => ({
currentlyPlaying: null,
- initialized: false
+ initialized: false,
}),
getters: {},
actions: {
@@ -34,6 +34,6 @@ export const useCurrentlyPlayingStore = defineStore('currently-playing', {
if (!store.backofficeSocket) return;
store.backofficeSocket.removeListener('beat', this.handleChangeTrack.bind(this));
- }
- }
+ },
+ },
});
diff --git a/src/stores/socket/music-beat.store.ts b/src/stores/socket/music-beat.store.ts
index 0230702..c0d1e44 100644
--- a/src/stores/socket/music-beat.store.ts
+++ b/src/stores/socket/music-beat.store.ts
@@ -9,7 +9,7 @@ interface MusicBeatStore {
export const useMusicBeatStore = defineStore('music-beat', {
state: (): MusicBeatStore => ({
beat: false,
- initialized: false
+ initialized: false,
}),
getters: {},
actions: {
@@ -29,6 +29,6 @@ export const useMusicBeatStore = defineStore('music-beat', {
if (!store.backofficeSocket) return;
store.backofficeSocket.removeListener('beat', this.handleBeat);
- }
- }
+ },
+ },
});
diff --git a/src/stores/subscriber.store.ts b/src/stores/subscriber.store.ts
index d01e3a8..f091040 100644
--- a/src/stores/subscriber.store.ts
+++ b/src/stores/subscriber.store.ts
@@ -7,7 +7,7 @@ import {
getLightsGroups,
getScreens,
type LightsGroupResponse,
- type ScreenResponse
+ type ScreenResponse,
} from '@/api';
interface SubscriberStore {
@@ -20,7 +20,7 @@ export const useSubscriberStore = defineStore('subscribers', {
state: (): SubscriberStore => ({
audios: [],
screens: [],
- lightsGroups: []
+ lightsGroups: [],
}),
getters: {},
actions: {
@@ -40,6 +40,6 @@ export const useSubscriberStore = defineStore('subscribers', {
socketStore.backofficeSocket?.on('connect_audio', this.getAudios.bind(this));
socketStore.backofficeSocket?.on('connect_screen', this.getScreens.bind(this));
socketStore.backofficeSocket?.on('connect_lightgroups', this.getLightGroups.bind(this));
- }
- }
+ },
+ },
});
diff --git a/src/utils/fetchInterceptor.ts b/src/utils/fetchInterceptor.ts
index 9d5a6a4..67c5557 100644
--- a/src/utils/fetchInterceptor.ts
+++ b/src/utils/fetchInterceptor.ts
@@ -15,7 +15,7 @@ client.interceptors.response.use((response) => {
.then((err: HttpApiException) => {
toastError({
title: err.name,
- body: err.message
+ body: err.message,
});
httpException = err;
});
diff --git a/src/utils/toastHandler.ts b/src/utils/toastHandler.ts
index 093abf2..19ba4ed 100644
--- a/src/utils/toastHandler.ts
+++ b/src/utils/toastHandler.ts
@@ -10,7 +10,7 @@ enum ToastSeverity {
SUCCESS = 'success',
INFO = 'info',
WARN = 'warn',
- ERROR = 'error'
+ ERROR = 'error',
}
function toast(severity: ToastSeverity, message: ToastMessage) {
@@ -18,7 +18,7 @@ function toast(severity: ToastSeverity, message: ToastMessage) {
severity: severity,
summary: message.title,
detail: message.body,
- life: message.lifeTime ?? 5000
+ life: message.lifeTime ?? 5000,
});
}
diff --git a/src/utils/validation-schema.ts b/src/utils/validation-schema.ts
index c624abd..de807ed 100644
--- a/src/utils/validation-schema.ts
+++ b/src/utils/validation-schema.ts
@@ -7,6 +7,6 @@ export const userDetailsSchema = toTypedSchema(
lastName: yup.string().required(),
email: yup.string().email(),
userType: yup.string().required(),
- isActive: yup.boolean().required().default(true)
- })
+ isActive: yup.boolean().required().default(true),
+ }),
);
diff --git a/src/views/Base/AuthView.vue b/src/views/Base/AuthView.vue
index 383cb24..88eb8fb 100644
--- a/src/views/Base/AuthView.vue
+++ b/src/views/Base/AuthView.vue
@@ -34,11 +34,7 @@ onMounted(async () => {
}
let queryParameters = new URLSearchParams(route.hash.substring(1));
- if (
- !queryParameters.get('code') ||
- !queryParameters.get('state') ||
- !queryParameters.get('session_state')
- ) {
+ if (!queryParameters.get('code') || !queryParameters.get('state') || !queryParameters.get('session_state')) {
await router.push({ name: 'auth' });
}
@@ -56,7 +52,7 @@ onMounted(async () => {
.OIDCLogin({
code: queryParameters.get('code')!,
state: queryParameters.get('state')!,
- session_state: queryParameters.get('session_state')!
+ session_state: queryParameters.get('session_state')!,
})
.then(() => {
router.push(url!);
@@ -77,7 +73,7 @@ onMounted(async () => {
state: state,
response_mode: 'fragment',
response_type: 'code',
- scope: 'openid'
+ scope: 'openid',
});
window.location.href = oidcParameters.data!.authUrl + '?' + queryParameters.toString();
diff --git a/src/views/Lights/EffectsController.vue b/src/views/Lights/EffectsController.vue
index 8d97be1..080667a 100644
--- a/src/views/Lights/EffectsController.vue
+++ b/src/views/Lights/EffectsController.vue
@@ -97,10 +97,7 @@