add untranslated badgebadge

Author: ivictbor

Changelog.md

@@ -10,6 +10,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 # Added
 
 - Command to generate typescript models `npx -y adminforth generate-models --env-file=.env`
+- add i18n support: add vue-i18n to frontend and tr function to backend. This will allow to implement translation plugins
 
 # Improved
 

adminforth/plugins/i18n/index.ts

@@ -1,5 +1,5 @@
 import AdminForth, { AdminForthPlugin, Filters, suggestIfTypo, AdminForthDataTypes } from "adminforth";
-import type { IAdminForth, IHttpServer, AdminForthComponentDeclaration, AdminForthResourceColumn, AdminForthResource, BeforeLoginConfirmationFunction } from "adminforth";
+import type { IAdminForth, IHttpServer, AdminForthComponentDeclaration, AdminForthResourceColumn, AdminForthResource, BeforeLoginConfirmationFunction, AdminForthConfigMenuItem } from "adminforth";
 import type { PluginOptions } from './types.js';
 import iso6391, { LanguageCode } from 'iso-639-1';
 import path from 'path';
@@ -147,7 +147,7 @@ export default class I18N extends AdminForthPlugin {
       column.showIn = [];
 
       // add virtual field for incomplete
-      resourceConfig.columns.push({
+      resourceConfig.columns.unshift({
         name: 'fully_translated',
         label: 'Fully translated',
         virtual: true,
@@ -294,6 +294,30 @@ export default class I18N extends AdminForthPlugin {
         }
       );  
     };
+
+
+    // if there is menu item with resourceId, add .badge function showing number of untranslated strings
+    
+    const addBadgeCountToMenuItem = (menuItem: AdminForthConfigMenuItem) => {
+      console.log('🪲menuItem, registring ', menuItem);
+      menuItem.badge = async () => {
+        const resource = adminforth.resource(menuItem.resourceId);
+        const count = await resource.count([Filters.NEQ(this.options.completedFieldName, this.fullCompleatedFieldValue)]);
+        return `${count}`;
+      };
+    }
+    adminforth.config.menu.forEach((menuItem) => {
+      if (menuItem.resourceId === resourceConfig.resourceId) {
+        addBadgeCountToMenuItem(menuItem);
+      }
+      if (menuItem.children) {
+        menuItem.children.forEach((child) => {
+          if (child.resourceId === resourceConfig.resourceId) {
+            addBadgeCountToMenuItem(child);
+          }
+        });
+      }
+    });
   }
 
   async bulkTranslate({ selectedIds }: { selectedIds: string[] }) {

dev-demo/resources/translation.ts

@@ -7,7 +7,6 @@ import I18nPlugin from "../../adminforth/plugins/i18n";
 import { v1 as uuid } from "uuid";
 
 
-
 export default {
   dataSource: "maindb",
   table: "translations",