AC-216 Added 'back' navigation button to each corner of page.

awx/ui/static/js/controllers/JobEvents.js

@@ -227,13 +227,19 @@ function JobEventsEdit ($scope, $rootScope, $compile, $location, $log, $routePar
                      break;
                   case 'id':
                   case 'task':
+                  case 'play':
                      scope[fld] = data[fld];
                      break;
+                  case 'start':
+                  case 'end':
+                    if (data['event_data'] && data['event_data']['res'] && data['event_data']['res'][fld] !== undefined) {
+                       var cDate = new Date(data['event_data']['res'][fld]);
+                       scope[fld] = FormatDate(cDate);
+                    }
+                    break;
                   case 'msg':
                   case 'stdout':
                   case 'stderr':
-                  case 'start':
-                  case 'end':
                   case 'delta':
                   case 'rc':
                      if (data['event_data'] && data['event_data']['res'] && data['event_data']['res'][fld] !== undefined) {

awx/ui/static/js/forms/JobEvents.js

@@ -41,6 +41,12 @@ angular.module('JobEventFormDefinition', [])
                 readonly: true,
                 section: 'Event'
                 },
+            play: {
+                label: 'Play',
+                type: 'text',
+                readonly: true,
+                section: 'Event'
+                },
             task: {
                 label: 'Task',
                 type: 'text',
@@ -119,22 +125,15 @@ angular.module('JobEventFormDefinition', [])
         navigation: {
             back_top: {
                 label: 'Back', 
-                position: 'top',
+                position: ['top-left','top-right', 'bottom-left', 'bottom-right'],
-                'class': 'btn-small pull-right',
+                'class': 'btn-small',
-                icon:  'icon-arrow-left',
-                ngClick: 'navigateBack()'
-                },
-            back_bottom: {
-                label: 'Back', 
-                position: 'bottom',
-                'class': 'btn-small pull-right',
                 icon:  'icon-arrow-left',
                 ngClick: 'navigateBack()'
                 },
             raw_view: {
                 label: 'View raw JSON results', 
                 icon: 'icon-zoom-in',
-                position: 'bottom',
+                position: ['bottom-left'],
                 'class': 'btn-small',
                 ngClick: 'rawView()'
                 }

awx/ui/static/js/forms/JobEvents.js.old

@@ -1,100 +0,0 @@
-/*********************************************
- *  Copyright (c) 2013 AnsibleWorks, Inc.
- *
- *  JobEvents.js
- *  Form definition for Job Events model
- *
- *  @dict
- */
-angular.module('JobEventFormDefinition', [])
-    .value(
-    'JobEventForm', {
-        
-        editTitle: '{{ name }} Events',                         //Legend in edit mode
-        name: 'job_events',
-        well: true,
-        fieldsAsHeader: true,
-        
-        fields: {
-            job: {
-                label: 'Job',
-                type: 'text',
-                class: 'span1',
-                readonly: true
-                },
-            job_name: {
-                type: 'text',
-                sourceModel: 'job',
-                sourceField: 'name',
-                class: 'span5',
-                readonly: true
-                },
-            job_description: { 
-                type: 'text',
-                sourceModel: 'job',
-                sourceField: 'description',
-                class: 'span5',
-                readonly: true
-                }
-            },
-
-        buttons: { 
-
-            },
-
-        items: {
-            event: {
-                set: 'job_events',
-                iterator: 'job_event',
-                label: 'Event',
-                fields: {
-                    id: {
-                        label: 'Event ID',
-                        type: 'text',
-                        readonly: true,
-                        class: 'span2',
-                        key: true,
-                        searchType: 'int'
-                        },
-                    created: {
-                        label: 'Event Timestamp',
-                        type: 'text',
-                        readonly: true,
-                        class: 'span4'
-                        },
-                    event: {
-                        label: 'Event',
-                        type: 'text',
-                        readonly: true
-                        },
-                    host: {
-                        label: 'Host',
-                        type: 'text',
-                        readonly: true
-                        },
-                    event_status: {
-                        label: 'Event Status',
-                        type: 'text',
-                        class: 'job-\{\{ event_status \}\}',
-                        readonly: true,
-                        searchField: 'failed',
-                        searchType: 'boolean',
-                        searchOptions: [{ name: "success", value: 0 }, { name: "failed", value: 1 }],
-                        },
-                    event_data: {
-                        label: 'Event Data',
-                        type: 'textarea',
-                        class: 'span12',
-                        rows: 10,
-                        readonly: true
-                        } 
-                    }
-                }
-            },
-         
-        related: { //related colletions (and maybe items?)
-           
-            }
-            
-    }); //Form
-

awx/ui/static/js/helpers/search.js

@@ -8,8 +8,7 @@
  *
  *  SearchInit({
  *      scope:       <scope>,
- *      set:         <model name (i.e. organizations),
+ *      set:         <model name (i.e. organizations) used in ng-repeat>
- *                   name was given in ng-repeat>
  *      url:         <default api url used to load data>
  *      list:        <list object used by ListGenerator>
  *      });   

awx/ui/static/lib/ansible/form-generator.js

@@ -181,18 +181,25 @@ angular.module('FormGenerator', ['GeneratorHelpers', 'ngCookies'])
        return html;
        },
 
-    button: function(btn) {
+    button: function(btn, topOrBottom) {
        // pass in a button object and get back an html string containing
        // a <button> element.
        var html = '';
-       html += "<button "; 
+       for (var i=0; i < btn.position.length; i++) {
-       html += "class=\"btn"; 
+           if (btn.position[i].indexOf(topOrBottom) >= 0) {
-       html += (btn['class']) ?  " " + btn['class'] : "";
+              html += "<button "; 
-       html += "\" ";
+              html += "class=\"btn";
-       html += (btn.ngClick) ? this.attr(btn, 'ngClick') : "";
+              html += (btn['class']) ?  " " + btn['class'] : "";
-       html += ">" + this.attr(btn, 'icon');
+              if (btn.position[i] == 'top-right' || btn.position[i] == 'bottom-right') {
-       html += " " + btn.label;
+                 html += " " + "pull-right";  
-       html += "</button>\n";
+              }
+              html += "\" ";
+              html += (btn.ngClick) ? this.attr(btn, 'ngClick') : "";
+              html += ">" + this.attr(btn, 'icon');
+              html += " " + btn.label;
+              html += "</button>\n";
+           }
+       }
        return html;
     },
 
@@ -608,8 +615,8 @@ angular.module('FormGenerator', ['GeneratorHelpers', 'ngCookies'])
              html += "<div class=\"navigation-buttons navigation-buttons-top\">\n";
              for (btn in this.form.navigation) {
                  var btn = this.form.navigation[btn];
-                 if (btn.position == 'top') {
+                 if ( btn.position.indexOf('top-left') >= 0 || btn.position.indexOf('top-right') >= 0 ) {
-                    html += this.button(btn);
+                    html += this.button(btn, 'top');
                  }
              }
              html += "</div>\n";
@@ -722,8 +729,8 @@ angular.module('FormGenerator', ['GeneratorHelpers', 'ngCookies'])
              html += "<div class=\"navigation-buttons navigation-buttons-bottom\">\n";
              for (btn in this.form.navigation) {
                  var btn = this.form.navigation[btn];
-                 if (btn.position == 'bottom') {
+                 if ( btn.position.indexOf('bottom-left') >= 0 || btn.position.indexOf('bottom-right') >= 0 ) {
-                    html += this.button(btn);
+                    html += this.button(btn, 'bottom');
                  }
              }
              html += "</div>\n";