Job detail page now working. Form generator now supports 2 column layout and a status fields section.

2026-02-15 02:00:01 -03:30 · 2013-05-19 18:55:13 -04:00
parent f409db7778
commit 6b881a58bf
12 changed files with 537 additions and 69 deletions
--- a/lib/ui/static/js/forms/JobTemplates.js
+++ b/lib/ui/static/js/forms/JobTemplates.js
@@ -2,7 +2,7 @@
 *  Copyright (c) 2013 AnsibleWorks, Inc.
 *
 *  JobTemplates.js
- *  Form definition for Credential model
+ *  Form definition for Job Template model
 *
 *
 */
--- a/lib/ui/static/js/forms/Jobs.js
+++ b/lib/ui/static/js/forms/Jobs.js
@@ -0,0 +1,168 @@
+/*********************************************
+ *  Copyright (c) 2013 AnsibleWorks, Inc.
+ *
+ *  Jobs.js
+ *  Form definition for Jobs model
+ *
+ *
+ */
+angular.module('JobFormDefinition', [])
+    .value(
+    'JobForm', {
+        
+        addTitle: 'Create Job',                          //Legend in add mode
+        editTitle: '{{ name }}',                         //Legend in edit mode
+        name: 'jobs',
+        well: true,
+        twoColumns: true,
+        allowReadonly: true,
+        
+        fields: {
+            name: {
+                label: 'Name',
+                type: 'text',
+                addRequired: true,
+                editRequired: true,
+                column: 1
+                },
+            description: { 
+                label: 'Description',
+                type: 'text',
+                addRequired: false,
+                editRequired: false,
+                column: 1
+                },
+            job_type: {
+                label: 'Job Type',
+                type: 'select',
+                ngOptions: 'type.label for type in job_type_options',
+                default: 'run',
+                addRequired: true, 
+                editRequired: true,
+                column: 1
+                },
+            inventory: {
+                label: 'Inventory',
+                type: 'lookup',
+                sourceModel: 'inventory',
+                sourceField: 'name',
+                addRequired: true,
+                editRequired: true,
+                ngClick: 'lookUpInventory()',
+                column: 1
+                },
+            project: {
+                label: 'Project',
+                type: 'lookup',
+                sourceModel: 'project',
+                sourceField: 'name',
+                addRequired: true,
+                editRequired: true,
+                ngClick: 'lookUpProject()',
+                column: 1
+                },
+            playbook: {
+                label: 'Playbook',
+                type:'select',
+                ngOptions: 'book for book in playbook_options',
+                id: 'playbook-select',
+                addRequired: true, 
+                editRequired: true,
+                column: 1
+                },
+            credential: {
+                label: 'Credential',
+                type: 'lookup',
+                sourceModel: 'credential',
+                sourceField: 'name',
+                ngClick: 'lookUpCredential()',
+                addRequired: false, 
+                editRequired: false,
+                column: 2
+                },
+            forks: {
+                label: 'Forks',
+                type: 'number', 
+                integer: true,
+                min: 0,
+                max: 100,
+                default: 0,
+                addRequired: false, 
+                editRequired: false,
+                column: 2
+                },
+            limit: {
+                label: 'Limit',
+                type: 'text', 
+                addRequired: false, 
+                editRequired: false,
+                column: 2
+                },
+            verbosity: {
+                label: 'Verbosity',
+                type: 'number',
+                integer: true,
+                default: 0,
+                min: 0,
+                max: 3,
+                addRequired: false, 
+                editRequired: false,
+                column: 2
+                },
+            extra_vars: {
+                label: 'Extra Variables',
+                type: 'textarea',
+                rows: 6,
+                class: 'span5',
+                addRequired: false, 
+                editRequired: false,
+                column: 2
+                }
+            },
+
+        buttons: { //for now always generates <button> tags 
+            save: { 
+                label: 'Save', 
+                icon: 'icon-ok',
+                class: 'btn-success',
+                ngClick: 'formSave()',    //$scope.function to call on click, optional
+                ngDisabled: true          //Disable when $pristine or $invalid, optional
+                },
+            reset: { 
+                ngClick: 'formReset()',
+                label: 'Reset',
+                icon: 'icon-remove',
+                ngDisabled: true          //Disabled when $pristine
+                }
+            },
+
+        statusFields: {
+            status: {
+                label: 'Status',
+                type: 'text',
+                readonly: true,
+                icon: 'icon-circle',
+                class: 'job-\{\{ job.status \}\}'
+                },
+            result_stdout: {
+                label: 'Standard Out', 
+                type: 'textarea',
+                readonly: true,
+                rows: 10,
+                class: 'span12'
+                },
+            result_traceback: {
+                label: 'Traceback',
+                type: 'textarea', 
+                readonly: true,
+                rows: 10,
+                class: 'span12'
+                }
+            },
+
+        related: { //related colletions (and maybe items?)
+           
+            }
+            
+    }); //Form
+