added new form field property and method to disable twill.media_library.translated_form_fields

Author: zeezo887

Diff for: frontend/js/mixins/block.js

@@ -18,8 +18,9 @@ export default {
     open: function () {
       this.opened = true
     },
-    fieldName: function (id) {
-      return this.name + '[' + id + ']' // output : nameOfBlock[UniqID][name]
+    fieldName: function (id, extra = null) {
+      const fieldName = this.name + '[' + id + ']' // output : nameOfBlock[UniqID][name]
+      return extra ? fieldName + extra : fieldName
     },
     repeaterName: function (id) {
       return this.name.replace('[', '-').replace(']', '') + '|' + id // nameOfBlock-UniqID|name

Diff for: src/Services/Forms/Fields/Medias.php

@@ -32,6 +32,8 @@ class Medias extends BaseFormField
 
     protected bool $activeCrop = true;
 
+    protected bool $disableTranslate = false;
+
     public static function make(): static
     {
         $instance = new self(
@@ -137,4 +139,11 @@ public function hideActiveCrop(bool $hideActiveCrop = true): static
 
         return $this;
     }
+
+    public function disableTranslate(): static
+    {
+        $this->disableTranslate = true;
+
+        return $this;
+    }
 }

Diff for: src/View/Components/Fields/Medias.php

@@ -30,7 +30,8 @@ public function __construct(
         public int $widthMin = 0,
         public int $heightMin = 0,
         public bool $buttonOnTop = false,
-        public bool $activeCrop = true
+        public bool $activeCrop = true,
+        public bool $disableTranslate = false
     ) {
         parent::__construct(
             name: $name,
@@ -59,4 +60,12 @@ public function render(): View
             )
         );
     }
+
+    public function getExtraName(): string
+    {
+        return config('twill.media_library.translated_form_fields', false)
+            && $this->disableTranslate
+            && !$this->translated
+            ? '[' . config('app.locale') . ']' : '';
+    }
 }

Diff for: src/View/Components/Fields/TwillFormComponent.php

@@ -51,11 +51,12 @@ public function formFieldName(bool $asAttributes = false, ?string $customName =
     {
         $name = $customName ?? $this->name;
         if ($this->renderForBlocks) {
+            $extra = $this->getExtraName();
             if ($asAttributes) {
-                return "name: fieldName('$name')";
+                return "name: fieldName('$name', '$extra')";
             }
 
-            return ":name=\"fieldName('$name')\"";
+            return ":name=\"fieldName('$name', '$extra')\"";
         }
 
         if ($asAttributes) {
@@ -66,4 +67,9 @@ public function formFieldName(bool $asAttributes = false, ?string $customName =
     }
 
     abstract public function render(): View;
+
+    public function getExtraName(): string
+    {
+        return '';
+    }
 }

Diff for: views/partials/form/_medias.blade.php

@@ -57,7 +57,9 @@
 
     @unless($renderForBlocks)
     @push('vuexStore')
-        @if (isset($form_fields['medias']) && isset($form_fields['medias'][$name]))
+        @if(config('twill.media_library.translated_form_fields', false) && ($disableTranslate ?? false) && isset($form_fields['medias']) && isset($form_fields['medias'][config('app.locale')]) && isset($form_fields['medias'][config('app.locale')][$name]))
+            window['{{ config('twill.js_namespace') }}'].STORE.medias.selected["{{ $name }}"] = {!! json_encode($form_fields['medias'][config('app.locale')][$name]) !!}
+        @elseif(isset($form_fields['medias']) && isset($form_fields['medias'][$name]))
             window['{{ config('twill.js_namespace') }}'].STORE.medias.selected["{{ $name }}"] = {!! json_encode($form_fields['medias'][$name]) !!}
         @endif
     @endpush