feat(#1510): add i18n

codecentric · Oct 5, 2023 · 9aed2d6 · 9aed2d6
1 parent 38622bf
commit 9aed2d6
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 6 deletions.
diff --git a/spring-boot-admin-server-ui/src/main/frontend/components/font-awesome-icon.ts b/spring-boot-admin-server-ui/src/main/frontend/components/font-awesome-icon.ts
@@ -21,8 +21,8 @@ import { faStopCircle as farStopCircle } from '@fortawesome/free-regular-svg-ico
 import { faTimesCircle as farTimesCircle } from '@fortawesome/free-regular-svg-icons/faTimesCircle';
 import {
   faAngleDoubleLeft,
-  faCogs,
-  faEye,
+  faCogs, faExpand,
+  faEye, faList,
   faPowerOff,
   faUndoAlt,
 } from '@fortawesome/free-solid-svg-icons';
@@ -91,6 +91,8 @@ library.add(
   faInfoCircle,
   faExclamationCircle,
   faHome,
+  faList,
+  faExpand,
   faMapMarkerAlt,
   faCheckCircle,
   faMinusCircle,

diff --git a/spring-boot-admin-server-ui/src/main/frontend/i18n/i18n.de.json b/spring-boot-admin-server-ui/src/main/frontend/i18n/i18n.de.json
@@ -43,6 +43,7 @@
     "suppress": "Unterdrücken",
     "time": "Zeit",
     "unsuppress": "Reaktivieren",
+    "no_group": "Keine Gruppe",
     "username": "Username",
     "go_to_previous_page": "Gehe zur vorherigen Seite",
     "go_to_page_n": "Gehe zu Seite {page}",

diff --git a/spring-boot-admin-server-ui/src/main/frontend/i18n/i18n.en.json b/spring-boot-admin-server-ui/src/main/frontend/i18n/i18n.en.json
@@ -50,6 +50,7 @@
     "suppress": "Suppress",
     "time": "Time",
     "unsuppress": "Unsuppress",
+    "no_group": "Keine Gruppe",
     "username": "Username",
     "go_to_previous_page": "Go to previous page",
     "go_to_page_n": "Go to page {page}",

diff --git a/spring-boot-admin-server-ui/src/main/frontend/views/applications/index.vue b/spring-boot-admin-server-ui/src/main/frontend/views/applications/index.vue
@@ -69,16 +69,20 @@
           <template v-else>
             <div class="text-right mb-6" v-if="groupNames.length > 1">
               <sba-button-group>
-                <sba-button @click="() => setGroupingFunction('application')">By Application</sba-button>
-                <sba-button @click="() => setGroupingFunction('group')">By Group</sba-button>
+                <sba-button @click="() => setGroupingFunction('application')">
+                  <font-awesome-icon icon="list"/>
+                </sba-button>
+                <sba-button @click="() => setGroupingFunction('group')">
+                  <font-awesome-icon icon="expand"/>
+                </sba-button>
               </sba-button-group>
             </div>
 
             <sba-panel
                 v-for="group in grouped"
                 :key="group.name"
                 :seamless="true"
-                :title="group.name"
+                :title="t(group.name)"
                 :subtitle="t('term.instances_tc', {count: group.instances?.length ?? 0})"
                 class="application-group"
                 @titleClick="() => toggleGroup(group.name)"
@@ -185,7 +189,7 @@ type InstancesListType = {
 
 const groupingFunctions = {
   'application': (instance: Instance) => instance.registration.name,
-  'group': (instance: Instance) => instance.registration.metadata?.['group'] ?? "Ungrouped",
+  'group': (instance: Instance) => instance.registration.metadata?.['group'] ?? "term.no_group",
 }
 
 export default defineComponent({