Created UI class for modules in Auto Run.

extensions/admin_ui/media/javascript/ui/panel/AutoRunModuleForm.js

@@ -0,0 +1,65 @@
+/**
+ * Form that displays fields for a module.
+ * 
+ * moduleData: The object definition of this moduleData from the Auto Run Engine.
+ * deleteFn: callback function to delete this moduleData.
+ * moveUp: moves the module up one spot in the Auto Run execution order.
+ * moveDown: moves the module down one spot in the Auto Run exection order.
+ */
+AutoRunModuleForm = function(moduleData, deleteFn, moveUp, moveDown) {
+    const moduleNameId = `module-name-${moduleData.id}`;
+    const moduleTextAreaId = `module-name-${moduleData.id}`;
+    const chainModeComboId = `module-combo-${moduleData.id}`;
+
+    AutoRunModuleForm.superclass.constructor.call(this, {
+            padding:'10 10 10 10',
+            items: [{
+                xtype: 'textfield',
+                id: moduleNameId,
+                value: moduleData.name ? moduleData.name : '',
+                fieldLabel: 'Name',
+            },/*{
+                xtype: 'combo',
+                id: chainModeComboId,
+                fieldLabel: 'Chain Mode',
+                store: ['sequential', 'nested-forward'],
+                queryMode: 'local', // Use local data.
+                triggerAction: 'all', // Show both options instead of just the default.
+                editable: false, // Disable manual text input.
+                forceSelection: true,
+                value: moduleData.chain_mode ? moduleData.chain_mode : 'sequential'
+            },*/
+            {
+                xtype: 'displayfield',
+                fieldLabel: 'Author',
+                value: moduleData.author ? moduleData.author : 'anonymous',
+            },{
+                xtype: 'textarea',
+                id: moduleTextAreaId,
+                fieldLabel: 'Module Data',
+                value: moduleData ? JSON.stringify(moduleData) : '{}',
+                grow: true,
+                width: '80%'
+            },
+            {
+                xtype: 'button',
+                text: 'Delete',
+                handler: deleteFn,
+            },{
+                xtype: 'button',
+                text: 'Move Forward',
+                handler: moveUp,
+                disabled: moveUp == undefined
+            },{
+                xtype: 'button',
+                text: 'Move Back',
+                handler: moveDown,
+                disabled: moveDown == undefined
+            }
+        ],
+            border: false,
+            closable: false
+        });
+};
+
+Ext.extend(AutoRunModuleForm, Ext.Container, {});