fix: auto fix ltierature mistakes

Author: mtdvlpr

app/components/JsonChanges.vue

@@ -52,6 +52,6 @@ const isDifferent = computed(() => {
 });
 
 const resetUI = () => {
-  jsonStore.setTranslations({ ...jsonStore.input });
+  jsonStore.setTranslations({ ...jsonStore.input }, props.type);
 };
 </script>

app/components/LiteratureForm.vue

@@ -9,7 +9,7 @@
       name="title"
       :hint="item.symbol"
       :description="item.title"
-      :label="`Lectuurartikel ${item.id}`"
+      :label="`Lectuurartikel #${item.id}${item.itemNumber ? ` (${item.itemNumber})` : ''}`"
     >
       <UInput v-model="state.title" class="w-full" />
     </UFormField>

app/pages/translate/index.vue

@@ -87,7 +87,7 @@ const cards = computed(
       {
         count: jsonStore.originals.literature?.length ?? 0,
         icon: "i-lucide:book-open",
-        inconsistent: 0,
+        inconsistent: jsonStore.wrongLiterature.length,
         missing: jsonStore.missingLiterature.length,
         title: "Lectuur",
         to: "/translate/literature",

app/pages/translate/literature/index.vue

@@ -17,6 +17,21 @@
         </UPageGrid>
       </template>
       <template v-else>
+        <UPageCard
+          v-if="jsonStore.wrongLiterature.length > 0"
+          highlight
+          highlight-color="error"
+          :title="`${jsonStore.wrongLiterature.length} verkeerde vertaling(en) gevonden:`"
+          description="De JSON-bestanden zijn niet consistent. Categorie, artikelnummer en symbool moeten gelijk zijn."
+        >
+          <UPageGrid>
+            <LiteratureForm
+              v-for="item in jsonStore.wrongLiterature"
+              :key="item.id"
+              :item="item"
+            />
+          </UPageGrid>
+        </UPageCard>
         <UPageGrid>
           <LiteratureForm
             v-for="item in jsonStore.originals.literature"

app/pages/translate/outlines/index.vue

@@ -28,6 +28,20 @@
         </UPageGrid>
       </template>
       <template v-else>
+        <UPageCard
+          v-if="jsonStore.missingOutlines.length > 0"
+          highlight
+          highlight-color="error"
+          :title="`${jsonStore.missingOutlines.length} ontbrekende vertaling(en) gevonden:`"
+        >
+          <UPageGrid>
+            <OutlineForm
+              v-for="outline in jsonStore.missingOutlines"
+              :key="outline.number"
+              :outline="outline"
+            />
+          </UPageGrid>
+        </UPageCard>
         <UPageGrid>
           <OutlineForm
             v-for="outline in jsonStore.originals.outlines"

app/stores/json.ts

@@ -67,7 +67,20 @@ export const useJsonStore = defineStore("json", {
       group?: JsonKey,
     ) {
       if (!group || group === "literature") {
-        this.literature = { ...this.literature, translations: literature };
+        this.literature = {
+          ...this.literature,
+          translations: literature?.map((l) => {
+            const original = this.literature.originals?.find(
+              (o) => o.id === l.id,
+            );
+            if (!original) return l;
+
+            return {
+              ...original,
+              title: l.title,
+            };
+          }),
+        };
       }
       if (!group || group === "outlines") {
         this.outlines = { ...this.outlines, translations: outlines };
@@ -151,7 +164,11 @@ export const useJsonStore = defineStore("json", {
           (o) =>
             !!o.title &&
             !state.outlines.translations?.some(
-              (t) => t.number === o.number && !!t.title && !!t.updated,
+              (t) =>
+                t.number === o.number &&
+                !!t.title &&
+                !!t.updated &&
+                (!o.notes || !!t.notes),
             ),
         ) ?? []
       );
@@ -186,6 +203,19 @@ export const useJsonStore = defineStore("json", {
         tips: state.tips.translations,
       };
     },
+    wrongLiterature(state) {
+      return (
+        state.literature.originals?.filter((item) => {
+          const translation = state.literature.translations?.find(
+            (t) => t.id === item.id,
+          );
+          if (!translation) return false;
+          if (item.categoryName !== translation.categoryName) return true;
+          if (item.itemNumber !== translation.itemNumber) return true;
+          if (item.symbol !== translation.symbol) return true;
+        }) ?? []
+      );
+    },
   },
   persist: true,
   state: (): JsonState => ({