Started working on proper parameters

assets/js/controllers/edit_upload.js

@@ -1,6 +1,10 @@
 import Handlebars from "handlebars";
 import {Controller} from "@hotwired/stimulus";
 
+Handlebars.registerHelper("submit_on", function (id, event) {
+    return `data-action="${event}->edit-upload#updateProcessor" data-edit-upload-id-param="${id}"`
+});
+
 const processorFrame = Handlebars.compile(`
     <div class="card mb-3">
       <div class="card-header d-flex justify-content-between">
@@ -11,7 +15,7 @@ const processorFrame = Handlebars.compile(`
         >X</a>
       </div>
       <div class="card-body">
-        {{{props}}}
+        <form data-role="processor-params" data-params-id="{{id}}">{{{props}}}</form>
       </div>
     </div>
 `);
@@ -19,7 +23,12 @@ const processorFrame = Handlebars.compile(`
 const processorUIs = {
     "shadow": {
         label: "Shadow",
-        template: Handlebars.compile(`This processor has no properties.`),
+        template: Handlebars.compile(`
+            <div class="mb-3">
+              <label for="{{id}}_width" class="form-label">Colour</label>
+              <input name="width" class="form-control" id="{{id}}_{{props.color}}" type="color" value="{{color}}" {{{submit_on id 'change'}}}>
+            </div>
+        `),
     },
     "resize": {
         label: "Resize",