Minor changes

jensstigaard · May 20, 2020 · eb5c227 · eb5c227
1 parent c68542f
commit eb5c227
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git 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}`
+  }
 }
 </script>
diff --git 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}`
+  }
 }
 </script>