commit 97
This commit is contained in:
parent
1647bd1b88
commit
0a5148cf37
4 changed files with 29 additions and 23 deletions
|
@ -1,6 +1,6 @@
|
||||||
<template>
|
<template>
|
||||||
<ChangeBlinkingBox :blink-seconds="20" :value="prop" class="flex flex-col items-center">
|
<ChangeBlinkingBox :blink-seconds="20" :value="prop" class="flex flex-col items-center">
|
||||||
<div class="text-s1 tracking-wide text-gray-400">
|
<div class="text-4 text-center tracking-wide text-gray-400">
|
||||||
{{ positionName }}
|
{{ positionName }}
|
||||||
</div>
|
</div>
|
||||||
<div class="flex-grow w-full">
|
<div class="flex-grow w-full">
|
||||||
|
|
|
@ -5,7 +5,7 @@
|
||||||
Publikum
|
Publikum
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div :class="$style.row" class="border-t border-b border-dark-300 h-20">
|
<div :class="$style.row" class="border-t border-b border-dark-300 h-24">
|
||||||
<PropBox :prop="current.step.props.PROSCENIUM_RIGHT" position-name="Rechte Vorbühne"/>
|
<PropBox :prop="current.step.props.PROSCENIUM_RIGHT" position-name="Rechte Vorbühne"/>
|
||||||
<PropBox :prop="current.step.props.PROSCENIUM_CENTER" position-name="Mitte der Vorbühne"/>
|
<PropBox :prop="current.step.props.PROSCENIUM_CENTER" position-name="Mitte der Vorbühne"/>
|
||||||
<PropBox :prop="current.step.props.PROSCENIUM_LEFT" position-name="Linke der Vorbühne"/>
|
<PropBox :prop="current.step.props.PROSCENIUM_LEFT" position-name="Linke der Vorbühne"/>
|
||||||
|
|
|
@ -1,4 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
|
<div class="grid lg:grid-cols-2 gap-6 h-full">
|
||||||
<div class="h-full flex flex-col gap-10">
|
<div class="h-full flex flex-col gap-10">
|
||||||
<div class="flex-grow flex-shrink-0 flex flex-col gap-2">
|
<div class="flex-grow flex-shrink-0 flex flex-col gap-2">
|
||||||
<div class="text-gray text-2xl">
|
<div class="text-gray text-2xl">
|
||||||
|
@ -25,6 +26,8 @@
|
||||||
</div>
|
</div>
|
||||||
<MessageEdit class="flex-grow"/>
|
<MessageEdit class="flex-grow"/>
|
||||||
</div>
|
</div>
|
||||||
|
<StageTopDownView class="<lg:hidden"/>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style module>
|
<style module>
|
||||||
|
@ -37,6 +40,7 @@
|
||||||
import ChangeBlinkingBox from "@/components/ChangeBlinkingBox.vue"
|
import ChangeBlinkingBox from "@/components/ChangeBlinkingBox.vue"
|
||||||
import MessageDisplay from "@/components/MessageDisplay.vue"
|
import MessageDisplay from "@/components/MessageDisplay.vue"
|
||||||
import MessageEdit from "@/components/MessageEdit.vue"
|
import MessageEdit from "@/components/MessageEdit.vue"
|
||||||
|
import StageTopDownView from "@/components/StageTopDownView.vue"
|
||||||
|
|
||||||
const currentState = computed(() => current.step.curtainState)
|
const currentState = computed(() => current.step.curtainState)
|
||||||
|
|
||||||
|
|
|
@ -22,8 +22,10 @@ export const connect = () => new Promise<void>(resolve => {
|
||||||
url.protocol = "ws"
|
url.protocol = "ws"
|
||||||
url.pathname = "/api/ws"
|
url.pathname = "/api/ws"
|
||||||
socket = new ReconnectingWebSocket(url.toString(), [], {
|
socket = new ReconnectingWebSocket(url.toString(), [], {
|
||||||
|
minUptime: 1000,
|
||||||
|
connectionTimeout: 2000,
|
||||||
reconnectionDelayGrowFactor: 1,
|
reconnectionDelayGrowFactor: 1,
|
||||||
minReconnectionDelay: 1000
|
minReconnectionDelay: 100
|
||||||
})
|
})
|
||||||
|
|
||||||
let isFirstMessage = true
|
let isFirstMessage = true
|
||||||
|
|
Loading…
Add table
Reference in a new issue