Improving formItem mixin and form dialog component behavior

Packages/ohif-core/client/components/base/mixins/formItem.js

@@ -41,7 +41,7 @@ OHIF.mixins.formItem = new OHIF.Mixin({
                 // returning `undefined` and breaking the app
                 Meteor.defer(() => {
                     component.$element.val(value).trigger('change');
-                })
+                });
             };
 
             // Disable or enable the component
@@ -221,6 +221,17 @@ OHIF.mixins.formItem = new OHIF.Mixin({
                 return component.changeObserver.depend();
             };
 
+            // Click the first submit (or first button if submit not found) button on closest form
+            component.triggerFormMainButton = () => {
+                const $form = component.$element.closest('form');
+                let $formButton = $form.find('button[type=submit]:first');
+                if (!$formButton.length) {
+                    $formButton = $form.find('button:first');
+                }
+
+                $formButton.click();
+            };
+
         },
 
         onRendered() {

Packages/ohif-core/client/components/base/templates/button.html

@@ -4,6 +4,7 @@
         class="{{this.class}}"
         disabled="{{#if this.disabled}}disabled{{/if}}"
         title="{{this.title}}"
+        type="{{this.type}}"
         {{this.tagAttributes}}
     >
         {{>UI.contentBlock}}