From 1e916807525241012a3a8b0dd5f5d3cdc850a85b Mon Sep 17 00:00:00 2001
From: Richard Cox <richard.cox@suse.com>
Date: Wed, 14 Apr 2021 12:05:55 +0100
Subject: [PATCH] Fix 'plus more' text - Seen in Deployment list Images column
 - Translation was missing, so only ever showed a single image - Also moved
 global scoped `plus-more` to a more fitting place

---
 assets/styles/base/_helpers.scss           | 5 +++++
 assets/translations/en-us.yaml             | 1 +
 components/formatter/RouterDestination.vue | 2 +-
 components/formatter/RouterMatch.vue       | 6 +-----
 4 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/assets/styles/base/_helpers.scss b/assets/styles/base/_helpers.scss
index 07f3d55ba4..f494bf77bf 100644
--- a/assets/styles/base/_helpers.scss
+++ b/assets/styles/base/_helpers.scss
@@ -249,3 +249,8 @@ $spacing-property-map: (
   margin-bottom: 20px;
   border-radius: var(--border-radius);
 }
+
+.plus-more {
+  color: var(  --input-placeholder );
+  font-size: 0.8em;
+}
diff --git a/assets/translations/en-us.yaml b/assets/translations/en-us.yaml
index 0f34fe3143..c3ae07a645 100644
--- a/assets/translations/en-us.yaml
+++ b/assets/translations/en-us.yaml
@@ -26,6 +26,7 @@ generic:
   none: None
   number: '{prefix}{value, number}{suffix}'
   overview: Overview
+  plusMore: "+ {n} more"
   readFromFile: Read from File
   register: Register
   remove: Remove
diff --git a/components/formatter/RouterDestination.vue b/components/formatter/RouterDestination.vue
index c3e1dd15fb..9f8bf2f767 100644
--- a/components/formatter/RouterDestination.vue
+++ b/components/formatter/RouterDestination.vue
@@ -97,7 +97,7 @@ export default {
       {{ route }}
     </a>
     <br />
-    <span v-if="remaining > 0" class="plus-more">+{{ remaining }} more</span>
+    <span v-if="remaining > 0" class="plus-more">{{ t('generic.plusMore', {n:remaining}) }}</span>
   </span>
 </template>
 
diff --git a/components/formatter/RouterMatch.vue b/components/formatter/RouterMatch.vue
index 8a0f80c3cd..faaa6fee44 100644
--- a/components/formatter/RouterMatch.vue
+++ b/components/formatter/RouterMatch.vue
@@ -73,7 +73,7 @@ export default {
       {{ methodToShow }} = {{ valueToShow }}
     </span>
     <br />
-    <span v-if="remaining>0" class="plus-more">+{{ remaining }} more</span>
+    <span v-if="remaining>0" class="plus-more">{{ t('generic.plusMore', {n:remaining}) }}</span>
   </span>
   <span v-else class="text-muted">
     &mdash;
@@ -84,8 +84,4 @@ export default {
 .col-router-match {
   color: var(--input-label);
 }
-.plus-more{
-  color: var(  --input-placeholder );
-  font-size: 0.8em;
-}
 </style>