@afeefa/vue-app 0.0.60 → 0.0.61

package/.afeefa/package/release/version.txt

@@ -1 +1 @@
-0.0.60
+0.0.61

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@afeefa/vue-app",
-  "version": "0.0.60",
+  "version": "0.0.61",
   "description": "",
   "author": "Afeefa Kollektiv <kollektiv@afeefa.de>",
   "license": "MIT",

package/src-admin/bootstrap.js

@@ -1,6 +1,7 @@
 import './config/event-bus'
 import './config/components'
 
+import { translationPlugin } from '@a-admin/plugins/translation/TranslationPlugin'
 import { apiResourcesPlugin } from '@a-vue/plugins/api-resources/ApiResourcesPlugin'
 import { hasOptionsPlugin } from '@a-vue/plugins/has-options/HasOptionsPlugin'
 import { timeout } from '@a-vue/utils/timeout'
@@ -12,10 +13,11 @@ import vuetify from './config/vuetify'
 
 Vue.use(apiResourcesPlugin)
 Vue.use(hasOptionsPlugin)
+Vue.use(translationPlugin)
 
 Vue.config.productionTip = false
 
-export async function bootstrap ({ apis, models, routing, authService, app, components }) {
+export async function bootstrap ({ apis, models, routing, authService, getTranslations, app, components }) {
   apiResourcesPlugin.register(models, apis)
 
   appConfig.authService = authService
@@ -35,6 +37,11 @@ export async function bootstrap ({ apis, models, routing, authService, app, comp
   const router = await routeConfigPlugin.getRouter()
   await apiResourcesPlugin.schemasLoaded()
 
+  if (getTranslations) {
+    const translations = await getTranslations(apiResourcesPlugin.apiResources)
+    translationPlugin.setTranslations(translations.models)
+  }
+
   if (authService) {
     authService.initApp(router)
   }

package/src-admin/components/pages/CreatePage.vue

@@ -85,8 +85,7 @@ export default class CreatePage extends Mixins(EditPageMixin) {
       return this.title
     }
 
-    const type = this.$apiResources.getType(this.ModelClass.type)
-    return type.t('TITLE_NEW')
+    return this.$t('Admin.Types', this.ModelClass.type, null, 'TITLE_NEW', 'de')
   }
 
   get _listLink () {

package/src-admin/components/pages/EditPage.vue

@@ -118,8 +118,7 @@ export default class EditPage extends Mixins(EditPageMixin) {
       return this.title
     }
 
-    const type = this.$apiResources.getType(this.ModelClass.type)
-    return type.t('TITLE_EMPTY')
+    return this.$t('Admin.Types', this.ModelClass.type, null, 'TITLE_EMPTY', 'de')
   }
 
   get _listLink () {

package/src-admin/components/pages/ListPage.vue

@@ -37,8 +37,7 @@ export default class ListPage extends Vue {
       return this.title
     }
 
-    const type = this.$apiResources.getType(this.Model.type)
-    return type.t('TITLE_PLURAL')
+    return this.$t('Admin.Types', this.Model.type, null, 'TITLE_PLURAL', 'de')
   }
 
   get _newTitle () {
@@ -46,8 +45,7 @@ export default class ListPage extends Vue {
       return this.newTitle
     }
 
-    const type = this.$apiResources.getType(this.Model.type)
-    return type.t('TITLE_SINGULAR')
+    return this.$t('Admin.Types', this.Model.type, null, 'TITLE_SINGULAR', 'de')
   }
 
   get _newLink () {

package/src-admin/models/Model.js

@@ -1,3 +1,4 @@
+import { translationService } from '@a-admin/services/TranslationService'
 import { Model as ApiResourcesModel, apiResources } from '@afeefa/api-resources-client'
 import { mdiAlphaMCircle } from '@mdi/js'
 
@@ -39,6 +40,10 @@ export class Model extends ApiResourcesModel {
     color: 'blue lighten-2'
   }
 
+  static translate (realm, objectType, objectId, key, lang) {
+    return translationService.translate(realm, objectType, objectId, key, lang)
+  }
+
   getLink (action = 'detail') {
     return {
       name: `${this.constructor.routeName}.${action}`,

package/src-admin/plugins/translation/TranslationPlugin.js

@@ -0,0 +1,20 @@
+import { translationService } from '../../services/TranslationService'
+
+class TranslationPlugin {
+  setTranslations (translations) {
+    translationService
+      .setTranslations(translations)
+  }
+
+  install (Vue) {
+    Vue.mixin({
+      created () {
+        this.$t = (realm, objectId, objectType, key, lang) => {
+          return translationService.translate(realm, objectId, objectType, key, lang)
+        }
+      }
+    })
+  }
+}
+
+export const translationPlugin = new TranslationPlugin()

package/src-admin/services/TranslationService.js

@@ -0,0 +1,35 @@
+class TranslationService {
+  translations = {}
+
+  setTranslations (translations) {
+    translations.forEach(t => {
+      const key = JSON.stringify([
+        t.realm,
+        t.object_type,
+        t.object_id,
+        t.key,
+        t.lang
+      ])
+      this.translations[key] = t.value
+    })
+  }
+
+  translate (realm, objectType, objectId, key, lang) {
+    const tKey = JSON.stringify([
+      realm,
+      objectType,
+      objectId,
+      key,
+      lang
+    ])
+
+    if (!this.translations[tKey]) {
+      console.warn(`No translation found for ${tKey}`)
+      return `${key}:${lang}`
+    }
+
+    return this.translations[tKey]
+  }
+}
+
+export const translationService = new TranslationService()