WIP Watcher

resources/js/controllers/test_controller.js

@@ -0,0 +1,42 @@
+import ApplicationController from "./application_controller";
+
+export default class extends ApplicationController {
+
+    static values = {
+        watched: {
+            type: Array,
+            default: [],
+        },
+        url: {
+            type: String,
+        },
+    }
+
+    /**
+     *
+     */
+    connect() {
+        this.watchedValue.forEach(name => {
+            document.querySelectorAll(`[name="${name}"]`)
+                .forEach((field) =>
+                    field.addEventListener('change',  () => this.refresh())
+                );
+        });
+    }
+
+    /**
+     *
+     */
+    refresh() {
+        const data = new FormData(this.element.closest('form'));
+
+        let state = document.getElementById('screen-state').value;
+
+        // Added state to send
+        if (state.length > 0) {
+            data.append('_state', state)
+        }
+
+        this.loadStream(this.urlValue, data);
+    }
+}

resources/views/layouts/base.blade.php

@@ -17,24 +17,30 @@
         @stack('modals-container')
     </div>
 
-    <form id="post-form"
-          class="mb-md-4 h-100"
-          method="post"
-          enctype="multipart/form-data"
-          data-controller="form"
-          data-form-need-prevents-form-abandonment-value="{{ var_export($needPreventsAbandonment) }}"
-          data-form-failed-validation-message-value="{{ $formValidateMessage }}"
-          data-action="keypress->form#disableKey
+    <x-orchid-stream target="post-form" :rule="\request()->routeIs('platform.watch')">
+
+        <form id="post-form"
+              class="mb-md-4 h-100"
+              method="post"
+              enctype="multipart/form-data"
+              data-controller="form test"
+              data-test-watched-value="{{ $watched }}"
+              data-test-url-value="{{ route('platform.watch') }}"
+              data-form-need-prevents-form-abandonment-value="{{ var_export($needPreventsAbandonment) }}"
+              data-form-failed-validation-message-value="{{ $formValidateMessage }}"
+              data-action="keypress->form#disableKey
                       turbo:before-fetch-request@document->form#confirmCancel
                       beforeunload@window->form#confirmCancel
                       change->form#changed
                       form#submit"
-          novalidate
-    >
-        {!! $layouts !!}
-        @csrf
-        @include('platform::partials.confirm')
-    </form>
+              novalidate
+        >
+            {!! $layouts !!}
+            @csrf
+            @include('platform::partials.confirm')
+        </form>
+
+    </x-orchid-stream>
 
     <div data-controller="filter">
         <form id="filters" autocomplete="off"

routes/dashboard.php

@@ -29,6 +29,9 @@
 Route::post('listener/{screen}/{layout}', [AsyncController::class, 'listener'])
     ->name('async.listener');
 
+Route::post('watch', [AsyncController::class, 'watch'])
+    ->name('watch');
+
 // TODO: Remove group
 Route::prefix('systems')->group(function () {
     Route::post('files', [AttachmentController::class, 'upload'])

src/Platform/Http/Controllers/AsyncController.php

@@ -59,4 +59,16 @@ public function listener(Request $request, string $screen, string $layout)
 
         return $screen->asyncParticalLayout($layout, $request);
     }
+
+    /**
+     * @param \Illuminate\Http\Request $request
+     *
+     * @return mixed
+     */
+    public function watch(Request $request)
+    {
+        $screen = Crypt::decrypt($request->input('_state'));
+
+        return app()->call([$screen, 'asyncParticalRefresh']);
+    }
 }

src/Screen/Fields/Relation.php

@@ -213,7 +213,6 @@ public function displayAppend(string $append): self
     /**
      * Set the maximum number of items that may be selected.
      *
-     *
      * @return $this
      */
     public function max(int $number)