+ auxSendIndex: number
+ offtubeMode: boolean
+}
+
+interface IChanStripFullProps {
+ faderIndex: number
+}
+
+class ChanStripFull extends React.PureComponent<
+ IChanStripFullProps & IChanStripFullInjectProps & Store
+> {
+ constructor(props: any) {
+ super(props)
+ }
+
+ shouldComponentUpdate(
+ nextProps: IChanStripFullInjectProps & IChanStripFullProps
+ ) {
+ if (nextProps.faderIndex > -1) {
+ return true
+ } else {
+ return false
+ }
+ }
+
+ handleShowRoutingOptions() {
+ this.props.dispatch(storeShowOptions(this.props.faderIndex))
+ this.props.dispatch(storeShowChanStripFull(-1))
+ }
+
+ handleShowMonitorOptions() {
+ this.props.dispatch(storeShowMonitorOptions(this.props.faderIndex))
+ this.props.dispatch(storeShowChanStripFull(-1))
+ }
+
+ handleClose = () => {
+ this.props.dispatch(storeShowChanStripFull(-1))
+ }
+ handleInputSelect(selected: number) {
+ window.socketIoClient.emit(SOCKET_SET_INPUT_SELECTOR, {
+ faderIndex: this.props.faderIndex,
+ selected: selected,
+ })
+ }
+ handleInputGain(event: any) {
+ window.socketIoClient.emit(SOCKET_SET_INPUT_GAIN, {
+ faderIndex: this.props.faderIndex,
+ level: parseFloat(event),
+ })
+ }
+ handleThreshold(event: any) {
+ window.socketIoClient.emit(SOCKET_SET_THRESHOLD, {
+ channel: this.props.faderIndex,
+ level: parseFloat(event),
+ })
+ }
+ handleRatio(event: any) {
+ window.socketIoClient.emit(SOCKET_SET_RATIO, {
+ channel: this.props.faderIndex,
+ level: parseFloat(event),
+ })
+ }
+
+ handleDelay(event: any) {
+ window.socketIoClient.emit(SOCKET_SET_DELAY_TIME, {
+ channel: this.props.faderIndex,
+ delayTime: parseFloat(event),
+ })
+ }
+
+ changeDelay(currentValue: number, addValue: number) {
+ window.socketIoClient.emit(SOCKET_SET_DELAY_TIME, {
+ channel: this.props.faderIndex,
+ delayTime: currentValue + addValue,
+ })
+ }
+
+ handleFx(fxParam: fxParamsList, event: any) {
+ window.socketIoClient.emit(SOCKET_SET_FX, {
+ fxParam: fxParam,
+ channel: this.props.faderIndex,
+ level: parseFloat(event),
+ })
+ }
+
+ handleMonitorLevel(event: any, channelIndex: number) {
+ window.socketIoClient.emit(SOCKET_SET_AUX_LEVEL, {
+ channel: channelIndex,
+ auxIndex: this.props.auxSendIndex,
+ level: parseFloat(event),
+ })
+ }
+
+ inputSelectorButton(index: number) {
+ const isActive =
+ this.props.fader[this.props.faderIndex].inputSelector === index + 1
+ return (
+
+ )
+ }
+
+ inputSelector() {
+ return (
+
+ {window.mixerProtocol.channelTypes[0].toMixer
+ .CHANNEL_INPUT_SELECTOR ? (
+
+ {window.mixerProtocol.channelTypes[0].toMixer.CHANNEL_INPUT_SELECTOR.map(
+ (none: any, index: number) => {
+ return this.inputSelectorButton(index)
+ }
+ )}
+
+ ) : null}
+
+ )
+ }
+
+ inputGain() {
+ let maxLabel: number =
+ window.mixerProtocol.channelTypes[0].fromMixer
+ .CHANNEL_INPUT_GAIN?.[0].maxLabel ?? 1
+ let minLabel =
+ window.mixerProtocol.channelTypes[0].fromMixer
+ .CHANNEL_INPUT_GAIN?.[0].minLabel ?? 0
+ return (
+
+ Gain
+
{maxLabel + ' dB'}
+ {window.mixerProtocol.channelTypes[0].toMixer
+ .CHANNEL_INPUT_GAIN ? (
+
+ {
+ this.handleInputGain(event)
+ }}
+ />
+
+ ) : null}
+
{minLabel + ' dB'}
+
+ Threshold
+
{maxLabel + ' dB'}
+
(
+
+ {Math.round(
+ (maxLabel - minLabel) *
+ parseFloat(state.valueNow) +
+ minLabel
+ )}
+ dB
+
+ )}
+ onChange={(event: any) => {
+ this.handleThreshold(event)
+ }}
+ />
+ {minLabel + ' dB'}
+
+ Ratio
+
{maxLabel + ':1'}
+
(
+
+ {Math.round(
+ (maxLabel - minLabel) *
+ parseFloat(state.valueNow) +
+ minLabel
+ ) + ':1'}
+
+ )}
+ onChange={(event: any) => {
+ this.handleRatio(event)
+ }}
+ />
+ {minLabel + ':1'}
+
+ Redution
+
+
+ )
+ }
+ delay() {
+ let maxLabel: number =
+ window.mixerProtocol.channelTypes[0].fromMixer.DELAY_TIME?.[0]
+ .maxLabel ?? 1
+ let minLabel =
+ window.mixerProtocol.channelTypes[0].fromMixer.DELAY_TIME?.[0]
+ .minLabel ?? 0
+ return (
+
+
+ Time
+
+ {maxLabel + ' ms'}
+
+
(
+
+ {Math.round(
+ (maxLabel - minLabel) *
+ parseFloat(state.valueNow) +
+ minLabel
+ )}
+ ms
+
+ )}
+ onChange={(event: any) => {
+ this.handleDelay(event)
+ }}
+ />
+
+ {minLabel + ' ms'}
+
+
+
+
+
+
+
+
+ )
+ }
+
+ eqGain(fxParam: fxParamsList) {
+ let maxLabel: number =
+ window.mixerProtocol.channelTypes[0].fromMixer.FX_PARAMS?.[fxParam]
+ .params[0].maxLabel ?? 1
+ let minLabel =
+ window.mixerProtocol.channelTypes[0].fromMixer.FX_PARAMS?.[fxParam]
+ .params[0].minLabel ?? 0
+ return (
+
+ {window.mixerProtocol.channelTypes[0].fromMixer.FX_PARAMS?.[
+ fxParam
+ ].params[0].label ?? 'ERR'}
+
{maxLabel + ' dB'}
+
(
+
+ {Math.round(
+ (maxLabel - minLabel) *
+ parseFloat(state.valueNow) +
+ minLabel
+ )}
+ dB
+
+ )}
+ onChange={(event: any) => {
+ this.handleFx(fxParam, event)
+ }}
+ />
+ {minLabel + ' dB'}
+ _______
+
+ )
+ }
+ parameters() {
+ if (this.props.offtubeMode) {
+ const hasInput =
+ window.mixerProtocol.channelTypes[0].toMixer
+ .CHANNEL_INPUT_GAIN ||
+ window.mixerProtocol.channelTypes[0].toMixer
+ .CHANNEL_INPUT_SELECTOR
+ const hasComp =
+ window.mixerProtocol.channelTypes[0].toMixer.THRESHOLD ||
+ window.mixerProtocol.channelTypes[0].toMixer.DELAY_TIME
+ const hasDelay =
+ window.mixerProtocol.channelTypes[0].toMixer.DELAY_TIME
+ const hasEq =
+ window.mixerProtocol.channelTypes[0].toMixer.FX_PARAMS?.[
+ fxParamsList.EqLowGain
+ ] ||
+ window.mixerProtocol.channelTypes[0].toMixer.FX_PARAMS?.[
+ fxParamsList.EqLowMidGain
+ ] ||
+ window.mixerProtocol.channelTypes[0].toMixer.FX_PARAMS?.[
+ fxParamsList.EqMidGain
+ ] ||
+ window.mixerProtocol.channelTypes[0].toMixer.FX_PARAMS?.[
+ fxParamsList.EqHighGain
+ ]
+ const hasMonitorSends = this.props.channel.find(
+ (ch: any) => ch.auxLevel[this.props.auxSendIndex] >= 0
+ )
+ return (
+
+
+ {hasInput && (
+
+
+
INPUT
+
+ {this.inputSelector()}
+ {this.inputGain()}
+
+
+ )}
+ {hasComp && (
+
+
+
COMPRESSOR
+
+ {this.threshold()}
+
______
+ {this.ratio()}
+
______
+ {this.gainReduction()}
+
+
+ )}
+ {hasDelay && (
+
+
+
DELAY
+
+ {this.delay()}
+
+
+ )}
+
+
+ {hasEq && (
+
+
+
+
+
EQUALIZER
+
+
+ {window.mixerProtocol
+ .channelTypes[0].toMixer
+ .FX_PARAMS?.[
+ fxParamsList.EqLowGain
+ ] ? (
+
+ {this.eqGain(
+ fxParamsList.EqLowGain
+ )}
+
+ _______
+
+
+ ) : null}
+ {window.mixerProtocol
+ .channelTypes[0].toMixer
+ .FX_PARAMS?.[
+ fxParamsList.EqLowMidGain
+ ] ? (
+
+ {this.eqGain(
+ fxParamsList.EqLowMidGain
+ )}
+
+ _______
+
+
+ ) : null}
+ {window.mixerProtocol
+ .channelTypes[0].toMixer
+ .FX_PARAMS?.[
+ fxParamsList.EqMidGain
+ ] ? (
+
+ {this.eqGain(
+ fxParamsList.EqMidGain
+ )}
+
+ _______
+
+
+ ) : null}
+ {window.mixerProtocol
+ .channelTypes[0].toMixer
+ .FX_PARAMS?.[
+ fxParamsList.EqHighGain
+ ] ? (
+
+ {this.eqGain(
+ fxParamsList.EqHighGain
+ )}
+
+ _______
+
+
+ ) : null}
+
+
+
+
+ )}
+
+ {hasMonitorSends && (
+
+
+
+ {this.props.label ||
+ 'FADER ' + (this.props.faderIndex + 1)}
+ {' - MONITOR MIX MINUS'}
+
+
+ {this.props.channel.map(
+ (ch: any, index: number) => {
+ if (
+ ch.auxLevel[
+ this.props.auxSendIndex
+ ] >= 0
+ ) {
+ return this.monitor(index)
+ }
+ }
+ )}
+
+
+ )}
+
+
+ {this.props.label ||
+ 'FADER ' + (this.props.faderIndex + 1)}
+
+ {window.location.search.includes(
+ 'settings=0'
+ ) ? null : (
+
+ )}
+ {window.location.search.includes(
+ 'settings=0'
+ ) ? null : (
+
+ )}
+
+
+ {this.props.selectedProtocol.includes('caspar') ? (
+
+ ) : (
+ this.parameters()
+ )}
+