i18n: make "t" available in admin javascripts

assets/admin.pack.js

@@ -7,3 +7,5 @@ import './js/admin/element-import/element-import'
 import './js/admin/osm-tags'
 import './js/admin/element-edit'
 import './js/admin/source-priority'
+
+import './js/i18n'

assets/js/admin/element-edit.js

-import Vue from 'vue/dist/vue.esm'
+import Vue from '../vendor/vue-custom'
 
 document.addEventListener('DOMContentLoaded', function() {
     if ($('.element-data-fields').length > 0) {

assets/js/admin/element-import/element-import.js

 import OsmQueryBuilder from './OsmQueryBuilder.vue'
-import Vue from 'vue/dist/vue.esm'
+import Vue from '../../vendor/vue-custom'
 
 document.addEventListener('DOMContentLoaded', function() {
     if ($('#element-import').length > 0) {

assets/js/admin/osm-tags.js

-import Vue from 'vue/dist/vue.esm'
+import Vue from '../vendor/vue-custom'
 import OsmCondition from './element-import/OsmQueryBuilderCondition.vue'
 
 document.addEventListener('DOMContentLoaded', function() {

assets/js/admin/source-priority.js

-import Vue from 'vue/dist/vue.esm'
+import Vue from '../vendor/vue-custom'
 import Sortable from 'sortablejs'
 
 Vue.directive('sortable', {
@@ -8,26 +8,26 @@ Vue.directive('sortable', {
 })
 
 document.addEventListener('DOMContentLoaded', function() {
-    if ($('.source-priority-container').length > 0) {
-        new Vue({
-            el: ".source-priority-container",
-            data: {
-                list: undefined,
-                value: undefined
-            },
-            mounted() {
-               this.list = sourceList
-               this.value = this.list.join(',')
-            },
-            methods: {
-                onUpdate(event) {
-                  this.list.splice(event.newIndex, 0, this.list.splice(event.oldIndex, 1)[0])
-                  this.value = this.list.join(',');
-                },
-                textFrom(item) {
-                    return item ? item : t('thisMap');
-                }
-            }
-        })
-    }
+  if ($('.source-priority-container').length > 0) {
+    new Vue({
+      el: ".source-priority-container",
+      data: {
+        list: undefined,
+        value: undefined
+      },
+      mounted() {
+        this.list = sourceList
+        this.value = this.list.join(',')
+      },
+      methods: {
+        onUpdate(event) {
+          this.list.splice(event.newIndex, 0, this.list.splice(event.oldIndex, 1)[0])
+          this.value = this.list.join(',');
+        },
+        textFrom(item) {
+          return item ? item : t('thisMap');
+        }
+      }
+    })
+  }
 })

assets/js/i18n.js

@@ -3,7 +3,7 @@ var gogoFallbackLocale = 'en';
 
 // Use this function anywhere
 // handle interpolation : t('helo.world', {user: "Seby"})
-function t(key, params) {
+window.t = function(key, params) {
     var result = gogoTrans(gogoLocale + '.' + key, params)
     if (!result) result = gogoTrans(gogoFallbackLocale + '.' + key, params)
     if (!result) result = key

assets/js/vendor/vue-custom.js

+import Vue from 'vue/dist/vue.esm'
+
+// Ads global method "t"
+let i18nPlugin = {}
+i18nPlugin.install = function (Vue, options) {
+    Vue.prototype.t = function (key, params = {}) {
+      return window.t(key, params)
+    }
+  }
+Vue.use(i18nPlugin)
+
+export default Vue

templates/bundles/SonataAdminBundle/layout.html.twig

@@ -24,7 +24,7 @@
     <script src="{{ asset('bundles/sonataformatter/markitup/sets/markdown/set.js') }}" type="text/javascript"></script>
     <script src="{{ asset('bundles/sonataformatter/markitup/sets/html/set.js') }}" type="text/javascript"></script>
     <script src="{{ asset('bundles/sonataformatter/markitup/sets/textile/set.js') }}" type="text/javascript"></script>
-
+    <script src="{{ asset('js/javascripts-translations.js?ver=' ~ version) }}"></script>
     <script>gogoLocale = "{{ helper.config.locale }}"</script>
 
     <script>