@afeefa/vue-app 0.0.277 → 0.0.279

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

@@ -1 +1 @@
-0.0.277
+0.0.279

package/package.json

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

package/src/components/AInfo.vue

@@ -30,7 +30,7 @@ export default class AInfo extends Vue {
     margin-right: .4rem;
   }
 
-  .xSmall {
+  &.xSmall {
     padding: .3rem .6rem;
     font-size: .9rem;
 

package/src-admin/AfeefaAdmin.js

@@ -1,6 +1,7 @@
 import './config/components'
 import './directives'
 
+import { translationPlugin } from '@a-admin/plugins/translation/TranslationPlugin'
 import { apiResourcesPlugin } from '@a-vue/plugins/api-resources/ApiResourcesPlugin'
 import { eventBusPlugin } from '@a-vue/plugins/event-bus/EventBusPlugin'
 import { hasOptionsPlugin } from '@a-vue/plugins/has-options/HasOptionsPlugin'
@@ -69,8 +70,11 @@ export class AfeefaAdmin {
     // set app config
     adminConfig.app = this._appConfig
 
+    translationPlugin.setTranslations(this._appConfig.translations)
+
     Vue.use(configPlugin)
     Vue.use(iconsPlugin)
+    Vue.use(translationPlugin)
 
     // authenticate current user before doing any gui-voodo
     if (this._authService) {

package/src-admin/config/AdminConfig.js

@@ -15,7 +15,9 @@ class AdminConfig {
       SidebarMenu: null
     },
 
-    icons: {}
+    icons: {},
+
+    translations: []
   }
 
   config = {

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

@@ -9,8 +9,8 @@ class TranslationPlugin {
   install (Vue) {
     Vue.mixin({
       created () {
-        this.$t = (realm, objectId, objectType, key, lang) => {
-          return translationService.translate(realm, objectId, objectType, key, lang)
+        this.$t = (...args) => {
+          return translationService.translate(...args)
         }
       }
     })

package/src-admin/services/TranslationService.js

@@ -1,6 +1,12 @@
 class TranslationService {
+  lang = null
+
   translations = {}
 
+  setLang (lang) {
+    this.lang = lang
+  }
+
   setTranslations (translations) {
     translations.forEach(t => {
       const key = JSON.stringify([
@@ -14,13 +20,19 @@ class TranslationService {
     })
   }
 
-  translate (realm, objectType, objectId, key, lang) {
+  translate (...args) {
+    let realm, objectType, objectId, key, lang
+
+    if (args.length === 1) {
+      key = args[0]
+    }
+
     const tKey = JSON.stringify([
       realm,
       objectType,
       objectId,
       key,
-      lang
+      lang || this.lang
     ])
 
     if (!this.translations[tKey]) {