From eb5c2270430c2b9e7945d724da3ca6ce801cf084 Mon Sep 17 00:00:00 2001
From: Jens Stigaard <jensgs@bitbucket.org>
Date: Wed, 20 May 2020 22:02:22 +0200
Subject: [PATCH] Minor changes

---
 src/PreviewRow.vue | 8 +++++++-
 src/ProgramRow.vue | 8 +++++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

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}`
+  }
 }
 </script>
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}`
+  }
 }
 </script>