From 6d5b50e3c5992f7814600e781bf17f28ecf31dc3 Mon Sep 17 00:00:00 2001
From: Gauthier Roebroeck <gauthier.roebroeck@gmail.com>
Date: Mon, 22 Feb 2021 11:24:43 +0800
Subject: [PATCH] fix(webui): add i18n media analysis media status

---
 komga-webui/src/locales/en.json               |  7 +++++
 komga-webui/src/locales/fr.json               |  7 +++++
 .../src/views/SettingsMediaAnalysis.vue       | 31 +++++++++++++------
 3 files changed, 35 insertions(+), 10 deletions(-)

diff --git a/komga-webui/src/locales/en.json b/komga-webui/src/locales/en.json
index 1fe409305..166bf3d81 100644
--- a/komga-webui/src/locales/en.json
+++ b/komga-webui/src/locales/en.json
@@ -318,6 +318,13 @@
     }
   },
   "enums": {
+    "media_status": {
+      "ERROR": "Error",
+      "OUTDATED": "Outdated",
+      "READY": "Ready",
+      "UNKNOWN": "Unknown",
+      "UNSUPPORTED": "Unsupported"
+    },
     "reading_direction": {
       "LEFT_TO_RIGHT": "Left to right",
       "RIGHT_TO_LEFT": "Right to left",
diff --git a/komga-webui/src/locales/fr.json b/komga-webui/src/locales/fr.json
index d31478e12..cea18782c 100644
--- a/komga-webui/src/locales/fr.json
+++ b/komga-webui/src/locales/fr.json
@@ -324,6 +324,13 @@
       "VERTICAL": "Vertical",
       "WEBTOON": "Webtoon"
     },
+    "media_status": {
+      "READY": "Prêt",
+      "UNKNOWN":"Inconnu",
+      "ERROR": "Erreur",
+      "UNSUPPORTED":"Non supporté",
+      "OUTDATED": "Dépassé"
+    },
     "series_status": {
       "ABANDONED": "Abandonnée",
       "ENDED": "Finie",
diff --git a/komga-webui/src/views/SettingsMediaAnalysis.vue b/komga-webui/src/views/SettingsMediaAnalysis.vue
index fa4c5feec..b35a26a42 100644
--- a/komga-webui/src/views/SettingsMediaAnalysis.vue
+++ b/komga-webui/src/views/SettingsMediaAnalysis.vue
@@ -2,7 +2,7 @@
   <v-container fluid class="pa-6">
     <v-data-table
       :headers="headers"
-      :items="books"
+      :items="booksData"
       :options.sync="options"
       :server-items-length="totalBooks"
       :loading="loading"
@@ -33,14 +33,6 @@ export default Vue.extend({
       totalBooks: 0,
       loading: true,
       options: {} as any,
-      headers: [
-        {text: this.$i18n.t('media_analysis.name').toString(), value: 'name'},
-        {text: this.$i18n.t('media_analysis.status').toString(), value: 'media.status'},
-        {text: this.$i18n.t('media_analysis.comment').toString(), value: 'media.comment'},
-        {text: this.$i18n.t('media_analysis.media_type').toString(), value: 'media.mediaType'},
-        {text: this.$i18n.t('media_analysis.url').toString(), value: 'url'},
-        {text: this.$i18n.t('media_analysis.size').toString(), value: 'size', sortable: false},
-      ],
     }
   },
   watch: {
@@ -51,7 +43,26 @@ export default Vue.extend({
       deep: true,
     },
   },
-  computed: {},
+  computed: {
+    headers(): object[] {
+      return [
+        {text: this.$i18n.t('media_analysis.name').toString(), value: 'name'},
+        {text: this.$i18n.t('media_analysis.status').toString(), value: 'media.status'},
+        {text: this.$i18n.t('media_analysis.comment').toString(), value: 'media.comment'},
+        {text: this.$i18n.t('media_analysis.media_type').toString(), value: 'media.mediaType'},
+        {text: this.$i18n.t('media_analysis.url').toString(), value: 'url'},
+        {text: this.$i18n.t('media_analysis.size').toString(), value: 'size', sortable: false},
+      ]
+    },
+    booksData():BookDto[] {
+      return this.books.map((b:BookDto) => ({
+        ...b,
+        media: {
+          ...b.media,
+          status: this.$t(`enums.media_status.${b.media.status}`).toString()},
+      }))
+    },
+  },
   async mounted() {
     this.loadBooks()
   },