Merge pull request #244 from maximehuran/feature/add-locale

Author: maximehuran

assets/js/app.js

@@ -146,7 +146,7 @@ global.MonsieurBizRichEditorManager = class {
     /**
      *
      */
-    constructor(config, tags) {
+    constructor(config, tags, locale) {
         config.input.setAttribute('data-rich-editor-uid', config.uid);
 
         this.config = config;
@@ -162,6 +162,8 @@ global.MonsieurBizRichEditorManager = class {
             }
         }
 
+        this.locale = locale;
+
         let initInterfaceCallback = function () {
             this.initInterface();
         }.bind(this);
@@ -603,7 +605,7 @@ global.MonsieurBizRichEditorManager = class {
     loadUiElementCreateForm(element, callback) {
         let req = new XMLHttpRequest();
         req.onload = callback;
-        let url = this.config.createElementFormUrl;
+        let url = this.config.createElementFormUrl + '?locale=' + this.locale;
         req.open("get", url.replace('__CODE__', element.code), true);
         req.setRequestHeader("X-Requested-With", "XMLHttpRequest");
         req.send();
@@ -616,7 +618,7 @@ global.MonsieurBizRichEditorManager = class {
         req.open("post", url.replace('__CODE__', element.code), true);
         req.setRequestHeader("X-Requested-With", "XMLHttpRequest");
         req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
-        req.send(new URLSearchParams({data: JSON.stringify(element.data)}).toString());
+        req.send(new URLSearchParams({data: JSON.stringify(element.data), locale: this.locale}).toString());
     }
 
     submitUiElementForm(form, callback) {

src/Controller/FormController.php

@@ -47,7 +47,7 @@ public function __construct(RegistryInterface $uiElementRegistry)
      *
      * @SuppressWarnings(PHPMD.CyclomaticComplexity)
      */
-    public function viewAction(Request $request, string $code): Response
+    public function viewAction(Request $request, SwitchAdminLocaleInterface $switchAdminLocale, string $code): Response
     {
         // Find UI Element from type
         try {
@@ -59,6 +59,14 @@ public function viewAction(Request $request, string $code): Response
         // Check data in post
         $data = [];
         $isEdition = $request->isMethod('post');
+        $locale = $request->get('locale');
+
+        // if we have a locale value in the post data, we change the current
+        // admin locale to make the ui elements in the correct version.
+        if (($locale = $request->get('locale')) && \is_string($locale)) {
+            $switchAdminLocale->switchLocale($locale);
+        }
+
         if ($isEdition && ($data = $request->get('data'))) {
             if (!\is_string($data)) {
                 throw $this->createNotFoundException();
@@ -70,10 +78,12 @@ public function viewAction(Request $request, string $code): Response
         }
 
         // Create form depending on UI Element with data
-        $form = $this->createForm($uiElement->getFormClass(), $data, $this->getFormOptions($uiElement));
+        $formOptions = array_merge(['attr' => ['data-locale' => $locale]], $this->getFormOptions($uiElement));
+        $form = $this->createForm($uiElement->getFormClass(), $data, $formOptions);
 
         return new JsonResponse([
             'code' => $uiElement->getCode(),
+            'locale' => $locale,
             'form_html' => $this->renderView($uiElement->getAdminFormTemplate(), [
                 'form' => $form->createView(),
                 'uiElement' => $uiElement,

src/Resources/public/js/rich-editor-highlight.js

@@ -180,8 +180,9 @@
 
         let editors = document.querySelectorAll('[data-component="rich-editor"]');
         let uielements = {{ monsieurbiz_richeditor_list_elements() }};
+        let fallBackLocale = '{{ app.request.locale | default(app.request.defaultLocale) | default(sylius_base_locale) | escape('js') }}';
 
-        function setupRichEditor(editor, tags) {
+        function setupRichEditor(editor, tags, locale) {
             let config = new MonsieurBizRichEditorConfig(
                 editor,
                 uielements,
@@ -200,12 +201,13 @@
                 '{{ 'monsieurbiz_richeditor_plugin.error.ajax_error'|trans|e('js') }}',
                 '{{ 'monsieurbiz_richeditor_plugin.error.unallowed_uielement'|trans|e('js') }}'
             );
-            editor.manager = new MonsieurBizRichEditorManager(config, tags);
+            editor.manager = new MonsieurBizRichEditorManager(config, tags, locale);
         }
 
         editors.forEach(function (editor) {
             let tags = editor.dataset.tags.length === 0 ? [] : editor.dataset.tags.split(',')
-            setupRichEditor(editor, tags);
+            let locale = editor.dataset.locale ? editor.dataset.locale : fallBackLocale;
+            setupRichEditor(editor, tags, locale);
         });
 
         // JQuery event triggered by @SyliusUiBundle/Resources/private/js/sylius-form-collection.js
@@ -222,7 +224,7 @@
             let editors = document.querySelectorAll('[data-component="rich-editor"]:not([data-rich-editor-uid])');
             let manager = e.detail.manager;
             editors.forEach(function (editor) {
-                setupRichEditor(editor, manager.tags); // Retrieve tags from the parent manager
+                setupRichEditor(editor, manager.tags, manager.locale); // Retrieve tags and locale from the parent manager
             });
 
             let form = e.detail.form;