diff --git a/src/PreviewRow.vue b/src/PreviewRow.vue index 1f131fc..8a34ee9 100644 --- a/src/PreviewRow.vue +++ b/src/PreviewRow.vue @@ -13,7 +13,7 @@ div @long-click="toggleOverlayChannelsPreview(input, i+1)" ) - div(v-if="totalNumberOfInputs > inputs.length").pt-8 + {{ (totalNumberOfInputs - inputs.length) }} input + div(v-if="totalNumberOfInputs > inputs.length").pt-8 {{ additionalInputsText }} // Menu for overlay channel control v-menu(v-model="overlayChannelDialog.show") @@ -108,5 +108,11 @@ export default class PreviewRow extends Vue { // @ts-ignore this.execVmixCommands({ Function: 'PreviewInput', Input: inputNumber }) } + + get additionalInputsText() { + const additionalInputs = this.totalNumberOfInputs - this.inputs.length + const inputSaying = additionalInputs > 1 ? 'inputs' : 'inputs' + return `+ ${additionalInputs} ${inputSaying}` + } } diff --git a/src/ProgramRow.vue b/src/ProgramRow.vue index 32a477e..7759acf 100644 --- a/src/ProgramRow.vue +++ b/src/ProgramRow.vue @@ -13,7 +13,7 @@ div @long-click="toggleOverlayChannelsProgram(input, i+1)" ) - div(v-if="totalNumberOfInputs > inputs.length").pt-8 + {{ (totalNumberOfInputs - inputs.length) }} input + div(v-if="totalNumberOfInputs > inputs.length").pt-8 {{ additionalInputsText }} // Menu for overlay channel control v-menu(v-model="overlayChannelDialog.show") @@ -133,5 +133,11 @@ export default class ProgramRow extends Vue { // @ts-ignore this.execVmixCommands({ Function: 'CutDirect', Input: inputNumber }) } + + get additionalInputsText() { + const additionalInputs = this.totalNumberOfInputs - this.inputs.length + const inputSaying = additionalInputs > 1 ? 'inputs' : 'inputs' + return `+ ${additionalInputs} ${inputSaying}` + } }