OnChange postMessage

Author: sebastienheyd

src/public/mediamanager.min.css

@@ -1,8 +1,8 @@
 {
-    "/mediamanager.min.css": "/mediamanager.min.css?id=ee160f6ca2948e84f0c853ed37981e33",
+    "/mediamanager.min.css": "/mediamanager.min.css?id=6cf5eb6b70786d1e86e4a43634417be1",
     "/select-media.min.css": "/select-media.min.css?id=84be2402d305e787180c25ef33f72714",
     "/mediamanager.min.js": "/mediamanager.min.js?id=5a22e5918c660ebfffe8b36c77c74615",
-    "/select-media.min.js": "/select-media.min.js?id=6b3d13fe529b2c44579f2fc3177f1e9f",
+    "/select-media.min.js": "/select-media.min.js?id=8b0af2e23af17421e43e623b13c066cd",
     "/vendor/blueimp-file-upload/jquery.fileupload.min.js": "/vendor/blueimp-file-upload/jquery.fileupload.min.js?id=892d0df4836b425e48d63825b3545f28",
     "/vendor/jquery-lazy/jquery.lazy.plugins.js": "/vendor/jquery-lazy/jquery.lazy.plugins.js?id=4b64116baf997898d259ce38bef708d0"
 }

src/public/mix-manifest.json

@@ -56,6 +56,14 @@ $(function () {
         })
     });
 
+    $(document).on('change', 'input[data-name="hidden-image-selector-value"]', function() {
+        window.postMessage({
+            action: 'updateMedia',
+            name: $(this).attr('name'),
+            value: $(this).val(),
+        }, '*');
+    });
+
     window.addEventListener('message', function (e) {
         if (e.data.action === 'insertMedia') {
             $('input[data-id=' + e.data.field + ']').val(e.data.url).trigger('change');

src/public/select-media.min.js

@@ -17,7 +17,7 @@
         <button class="btn select-image-view"><span class="fa fa-eye"></span></button>
         <button class="btn select-image-delete"><span class="fa fa-times"></span></button>
     </div>
-    <input type="hidden" name="{{ $name }}" value="{{ old($name, $value ?? '') }}" data-id="{{ $id }}"/>
+    <input type="hidden" name="{{ $name }}" value="{{ old($name, $value ?? '') }}" data-id="{{ $id }}" data-name="hidden-image-selector-value"/>
 </div>
 @if($help ?? false)
     <small class="form-text text-muted">@lang($help)</small>