Modified styling of modal dialog.

ansibleworks/ui/static/css/ansible-ui.css

@@ -487,3 +487,33 @@
 .modal-input-xlarge {
    width: 400px;
 }
+
+
+/* overrides to TB modal */
+.modal-header {
+  padding: 15px 15px;
+  border-bottom: 1px solid #eee;
+  background-color: #36454F;
+  color: #A9A9A9;
+  -webkit-border-top-left-radius: 3px;
+     -moz-border-top-left-radius: 3px;
+          border-top-left-radius: 3px;
+  -webkit-border-top-right-radius: 3px;
+     -moz-border-top-right-radius: 3px;
+          border-top-right-radius: 3px;
+}
+
+.modal {
+  border: 1px solid #36454F;
+}
+
+.close {
+  color: #A9A9A9;
+  opacity: .7;
+  filter: alpha(opacity=70);
+}
+
+.modal-header h3 {
+  margin: 0;
+  text-rendering: optimizeLegibility;
+}

ansibleworks/ui/static/css/bootstrap.css

@@ -5198,7 +5198,7 @@ input[type="submit"].btn.btn-mini {
   border: 1px solid #999;
   border: 1px solid rgba(0, 0, 0, 0.3);
   *border: 1px solid #999;
-  -webkit-border-radius: 6px;
+  *-webkit-border-radius: 6px;
      -moz-border-radius: 6px;
           border-radius: 6px;
   outline: none;

ansibleworks/ui/static/js/controllers/JobHosts.js

@@ -38,18 +38,19 @@ function JobHostSummaryList ($scope, $rootScope, $location, $log, $routeParams,
 
     LoadBreadCrumbs();
     
-    scope.viewHost = function(id) {
+    scope.showEvents = function(host_name, last_job) {
-        Rest.setUrl(GetBasePath('jobs') + $routeParams.id + '/'); 
+      // When click on !Failed Events link, redirect to latest job/job_events for the host
-        Rest.get()
+      Rest.setUrl(last_job);
-            .success( function(data, status, headers, config) {
+      Rest.get()
-                LoadBreadCrumbs({ path: '/inventories/' + data.inventory, title: data.summary_fields.inventory.name });
+          .success( function(data, status, headers, config) {
-                $location.path('/inventories/' + data.inventory + /hosts/ + id);
+              LoadBreadCrumbs({ path: '/jobs/' + data.id, title: data.name });
-                })
+              $location.url('/jobs/' + data.id + '/job_events/?host=' + escape(host_name));
-            .error( function(data, status, headers, config) {
+              })
-                ProcessErrors(scope, data, status, null,
+          .error( function(data, status, headers, config) {
-                   { hdr: 'Error!', msg: 'Failed to lookup job record for job ' + $routeParams.id + ' GET returned status: ' + status });
+              ProcessErrors(scope, data, status, form,
-                });
+                  { hdr: 'Error!', msg: 'Failed to lookup last job: ' + last_job + '. GET status: ' + status });
-        };
+              });
+      }
 
     scope.refresh = function() {
        scope.search(list.iterator);

ansibleworks/ui/static/js/helpers/Events.js

@@ -19,13 +19,15 @@ angular.module('EventsHelper', ['RestServices', 'Utilities', 'JobEventFormDefini
         generator.reset();
         var master = {};
        
+        scope.formModalAction = function() {
+            $('#form-modal').modal("hide");
+            }
+
         scope.formModalActionLabel = 'OK';
         scope.formModalHeader = 'View Event';
         scope.formModalCancelShow = false;
         
-        scope.formModalAction = function() {
+        $('#form-modal .btn-success').removeClass('btn-success').addClass('btn-info');
-            $('#form-modal').modal("hide");
-            }
         
         // Retrieve detail record and prepopulate the form
         Rest.setUrl(defaultUrl);

ansibleworks/ui/static/js/helpers/Groups.js

@@ -35,7 +35,9 @@ angular.module('GroupsHelper', [ 'RestServices', 'Utilities', 'ListGenerator', '
         scope.formModalActionLabel = 'Finished';
         scope.formModalHeader = 'Add Group';
         scope.formModalCancelShow = true;
+        scope.formModalActionClass = 'btn btn-success';
 
+        $('#form-modal .btn-info').removeClass('btn-info').addClass('btn-success');
         $('#form-modal').modal();
 
         scope.selected = [];
@@ -176,6 +178,8 @@ angular.module('GroupsHelper', [ 'RestServices', 'Utilities', 'ListGenerator', '
         scope.parseType = 'json';
         ParseTypeChange(scope);
         
+        $('#form-modal .btn-info').removeClass('btn-info').addClass('btn-success');
+
         generator.reset();
         var master={};
 
@@ -269,6 +273,8 @@ angular.module('GroupsHelper', [ 'RestServices', 'Utilities', 'ListGenerator', '
         scope.parseType = 'json';
         ParseTypeChange(scope);
 
+        $('#form-modal .btn-info').removeClass('btn-info').addClass('btn-success');
+
         // After the group record is loaded, retrieve any group variables
         if (scope.groupLoadedRemove) {
            scope.groupLoadedRemove();

ansibleworks/ui/static/js/helpers/Hosts.js

@@ -37,6 +37,7 @@ angular.module('HostsHelper', [ 'RestServices', 'Utilities', 'ListGenerator', 'H
         scope.formModalHeader = 'Add Host';
         scope.formModalCancelShow = true;
 
+        $('#form-modal .btn-info').removeClass('btn-info').addClass('btn-success');
         $('#form-modal').modal();
         $('#form-modal').unbind('hidden');
         $('#form-modal').on('hidden', function () { HostsReload(params); });
@@ -167,6 +168,7 @@ angular.module('HostsHelper', [ 'RestServices', 'Utilities', 'ListGenerator', 'H
         scope.parseType = 'json';
         ParseTypeChange(scope);
         
+        $('#form-modal .btn-info').removeClass('btn-info').addClass('btn-success');
         $('#form-modal').unbind('hidden');
         $('#form-modal').on('hidden', function () { HostsReload(params); });
         
@@ -259,6 +261,7 @@ angular.module('HostsHelper', [ 'RestServices', 'Utilities', 'ListGenerator', 'H
         scope.parseType = 'json';
         ParseTypeChange(scope);
         
+        $('#form-modal .btn-info').removeClass('btn-info').addClass('btn-success');
         $('#form-modal').unbind('hidden');
         $('#form-modal').on('hidden', function () { HostsReload(params); });
 

ansibleworks/ui/static/js/lists/JobHosts.js

@@ -23,8 +23,7 @@ angular.module('JobHostDefinition', [])
                 sourceModel: 'host',
                 sourceField: 'name',
                 ngBind: 'jobhost.host_name',
-                //linkTo: '/hosts/\{\{ jobhost.host \}\}'
+                ngClick:"showEvents('\{\{ jobhost.summary_fields.host.name \}\}','\{\{ jobhost.related.job \}\}')"
-                ngClick:"viewHost(\{\{ jobhost.host \}\})"
                 },
              ok: {
                 label: 'Success',