AC-423, AC-424, AC-425, AC-426 resolved issues.

awx/ui/static/js/controllers/JobTemplates.js

@@ -145,11 +145,47 @@ function JobTemplatesAdd ($scope, $rootScope, $compile, $location, $log, $routeP
        }
        };
    
+   // Detect and alert user to potential SCM status issues
+   var checkSCMStatus = function(oldValue, newValue) {
+       if (oldValue !== newValue) {
+          Rest.setUrl(GetBasePath('projects') + scope.project + '/');
+          Rest.get()
+              .success( function(data, status, headers, config) {
+                  var msg;
+                  switch(data.status) {
+                      case 'failed':
+                          msg = "The selected project has a <em>failed</em> status. Review the project's SCM settings" +
+                           " and run an update before adding it to a template."; 
+                          break;
+                      case 'never updated':
+                          msg = 'The selected project has a <em>never updated</em> status. You will need to run a successful' +
+                              ' update in order to selected a playbook. Without a valid playbook you will not be able ' +
+                              ' to save this template.';
+                          break;
+                      case 'missing':
+                          msg = 'The selected project has a status of <em>missing</em>. Please check the server and make sure ' +
+                              ' the directory exists and file permissions are set correctly.';
+                          break;
+                      }
+                  if (msg) {
+                     Alert('Waning', msg, 'alert-info');
+                  }
+                  })
+              .error( function(data, status, headers, config) {
+                  ProcessErrors(scope, data, status, form,
+                      { hdr: 'Error!', msg: 'Failed to get project ' + scope.project +'. GET returned status: ' + status });
+                  });  
+       }
+       }
+  
    // Register a watcher on project_name
    if (scope.selectPlaybookUnregister) {
       scope.selectPlaybookUnregister();
    }
-   scope.selectPlaybookUnregister = scope.$watch('project_name', selectPlaybook);
+   scope.selectPlaybookUnregister = scope.$watch('project_name', function(oldval, newval) {
+       selectPlaybook(oldval, newval);
+       checkSCMStatus(oldval, newval);
+       });
 
    LookUpInit({
        scope: scope,
@@ -273,6 +309,39 @@ function JobTemplatesEdit ($scope, $rootScope, $compile, $location, $log, $route
        }
        }
    
+   // Detect and alert user to potential SCM status issues
+   var checkSCMStatus = function() {
+       Rest.setUrl(GetBasePath('projects') + scope.project + '/');
+       Rest.get()
+           .success( function(data, status, headers, config) {
+               var msg;
+               switch(data.status) {
+                   case 'failed':
+                       msg = "The selected project has a <em>failed</em> status. Review the project's SCM settings" +
+                           " and run an update before adding it to a template.";
+                       break;
+                   case 'never updated':
+                       msg = 'The selected project has a <em>never updated</em> status. You will need to run a successful' +
+                           ' update in order to selected a playbook. Without a valid playbook you will not be able ' +
+                           ' to save this template.';
+                       break;
+                   case 'missing':
+                       msg = 'The selected project has a status of <em>missing</em>. Please check the server and make sure ' +
+                           ' the directory exists and file permissions are set correctly.';
+                       break;
+                   }
+
+               if (msg) {
+                  Alert('Waning', msg, 'alert-info');
+               }
+               })
+           .error( function(data, status, headers, config) {
+               ProcessErrors(scope, data, status, form,
+                   { hdr: 'Error!', msg: 'Failed to get project ' + scope.project +'. GET returned status: ' + status });
+               });
+       }
+
+
    // Register a watcher on project_name. Refresh the playbook list on change.
    if (scope.selectPlaybookUnregister) {
       scope.selectPlaybookUnregister();
@@ -281,6 +350,7 @@ function JobTemplatesEdit ($scope, $rootScope, $compile, $location, $log, $route
        if (oldValue !== newValue && newValue !== '' && newValue !== null && newValue !== undefined) {
           scope.playbook = null;
           getPlaybooks(scope.project);
+          checkSCMStatus();
        }
        });
    

awx/ui/static/js/controllers/Projects.js

@@ -34,11 +34,17 @@ function ProjectsList ($scope, $rootScope, $location, $log, $routeParams, Rest,
     }
     scope.projectsPostRefresh = scope.$on('PostRefresh', function() {
         for (var i=0; i < scope.projects.length; i++) {
-            if (scope.projects[i].scm_type == null) {
+            switch(scope.projects[i].status) {
-               // override the last_update_failed on manual projects- it should be false so we get a 
+                case 'updating':
-               // green badge.  if projet scm_type changed from something to manual, last_update_failed
+                case 'successful':
-               // will contain status of last update, which is not what we want.
+                case 'ok':
-               scope.projects[i].last_update_failed = false;  
+                   scope.projects[i].badge = 'false';
+                   break;
+                case 'never updated':
+                case 'failed':
+                case 'missing':
+                   scope.projects[i].badge = 'true'; 
+                   break;
             }
             scope.projects[i].last_updated = (scope.projects[i].last_updated !== null) ? 
                 FormatDate(new Date(scope.projects[i].last_updated)) : null;
@@ -89,7 +95,7 @@ function ProjectsList ($scope, $rootScope, $location, $log, $routeParams, Rest,
            statusCheckRemove();
            });
      
-       // Refresh the project list so we're  looking at the latest data
+       // Refresh the project list so we're looking at the latest data
        scope.search(list.iterator);
 
        } 
@@ -124,7 +130,7 @@ function ProjectsList ($scope, $rootScope, $location, $log, $routeParams, Rest,
     scope.SCMUpdate = function(project_id) {
        for (var i=0; i < scope.projects.length; i++) {
            if (scope.projects[i].id == project_id) {
-              if (scope.projects[i].scm_type == "") {
+              if (scope.projects[i].scm_type == "" || scope.projects[i].scm_type == null ) {
                  Alert('Missing SCM Setup', 'Before running an SCM update, edit the project and provide the SCM access information.', 'alert-info');
               }
               else if (scope.projects[i].status == 'updating') {
@@ -140,7 +146,7 @@ function ProjectsList ($scope, $rootScope, $location, $log, $routeParams, Rest,
 
 ProjectsList.$inject = [ '$scope', '$rootScope', '$location', '$log', '$routeParams', 'Rest', 'Alert', 'ProjectList', 'GenerateList', 
                          'LoadBreadCrumbs', 'Prompt', 'SearchInit', 'PaginateInit', 'ReturnToCaller', 'ClearScope', 'ProcessErrors',
-                         'GetBasePath', 'SelectionInit', 'ProjectUpdate', 'ProjectStatus', 'FormatDate'];
+                         'GetBasePath', 'SelectionInit', 'ProjectUpdate', 'ProjectStatus', 'FormatDate' ];
 
 
 function ProjectsAdd ($scope, $rootScope, $compile, $location, $log, $routeParams, ProjectsForm, 
@@ -162,7 +168,6 @@ function ProjectsAdd ($scope, $rootScope, $compile, $location, $log, $routeParam
    generator.reset();
    LoadBreadCrumbs();
    GetProjectPath({ scope: scope, master: master });
-   //console.log(scope.)
    
    scope.scm_type = null;
    master.scm_type = null;

awx/ui/static/js/forms/JobTemplates.js

@@ -51,8 +51,6 @@ angular.module('JobTemplateFormDefinition', [])
                 type: 'lookup',
                 sourceModel: 'inventory',
                 sourceField: 'name',
-                addRequired: true,
-                editRequired: true,
                 ngClick: 'lookUpInventory()',
                 awRequiredWhen: {variable: "inventoryrequired", init: "true" },
                 column: 1
@@ -62,8 +60,6 @@ angular.module('JobTemplateFormDefinition', [])
                 type: 'lookup',
                 sourceModel: 'project',
                 sourceField: 'name',
-                addRequired: true,
-                editRequired: true,
                 ngClick: 'lookUpProject()',
                 awRequiredWhen: {variable: "projectrequired", init: "true" },
                 column: 1
@@ -73,8 +69,6 @@ angular.module('JobTemplateFormDefinition', [])
                 type:'select',
                 ngOptions: 'book for book in playbook_options',
                 id: 'playbook-select',
-                addRequired: true, 
-                editRequired: true,
                 awRequiredWhen: {variable: "playbookrequired", init: "true" },
                 column: 1
                 },

awx/ui/static/js/helpers/JobSubmission.js

@@ -19,6 +19,7 @@ angular.module('JobSubmissionHelper', [ 'RestServices', 'Utilities', 'Credential
         var html = '';
         var field, element, dialogScope, fld;
         var base = $location.path().replace(/^\//,'').split('/')[0];
+        var extra_html = params.extra_html;
 
         function navigate(canceled) {
             //Decide where to send the user once the modal dialog closes
@@ -31,7 +32,6 @@ angular.module('JobSubmissionHelper', [ 'RestServices', 'Utilities', 'Credential
                }
             } 
             else {
-               console.log('navigating to: ' +  base);
                $location.path('/' + base);
             }
             }
@@ -58,6 +58,9 @@ angular.module('JobSubmissionHelper', [ 'RestServices', 'Utilities', 'Credential
             if (form.name == 'credential') {
                cancel();
             }
+            else {
+               scope.$emit('UpdateSubmitted');
+            }
             }
         
         scope.startJob = function() {
@@ -96,14 +99,15 @@ angular.module('JobSubmissionHelper', [ 'RestServices', 'Utilities', 'Credential
         
         if (passwords.length > 0) {
            // We need to prompt for passwords
-           html += html += "<form class=\"form-horizontal\" name=\"password_form\" novalidate>\n";    
+           html += "<form class=\"form-horizontal\" name=\"password_form\" novalidate>\n";
+           html += (extra_html) ? extra_html : "";
            for (var i=0; i < passwords.length; i++) {
                // Add the password field
                field = (form.fields[passwords[i]]) ? form.fields[passwords[i]] : ProjectsForm.fields[passwords[i]];
                fld = passwords[i];
                scope[fld] = '';
                html += "<div class=\"form-group\">\n";
-               html += "<label class=\"control-label col-lg-3\" for=\"" + fld + '">' + field.label + '</label>' + "\n";
+               html += "<label class=\"control-label col-lg-3 normal-weight\" for=\"" + fld + '">* ' + field.label + '</label>' + "\n";
                html += "<div class=\"col-lg-9\">\n"; 
                html += "<input type=\"password\" ";
                html += "ng-model=\"" + fld + '" ';
@@ -124,7 +128,7 @@ angular.module('JobSubmissionHelper', [ 'RestServices', 'Utilities', 'Credential
                field = (form.fields[field.associated]) ? form.fields[field.associated] : ProjectsForm.fields[field.associated];
                scope[fld] = '';
                html += "<div class=\"form-group\">\n";
-               html += "<label class=\"control-label col-lg-3\" for=\"" + fld + '">' + field.label + '</label>' + "\n";
+               html += "<label class=\"control-label col-lg-3 normal-weight\" for=\"" + fld + '">* ' + field.label + '</label>' + "\n";
                html += "<div class=\"col-lg-9\">\n"; 
                html += "<input type=\"password\" ";
                html += "ng-model=\"" + fld + '" ';
@@ -150,6 +154,9 @@ angular.module('JobSubmissionHelper', [ 'RestServices', 'Utilities', 'Credential
             element.html(html);
             $compile(element.contents())(scope);
             $('#password-modal').modal();
+            $('#password-modal').on('shown.bs.modal', function() {
+                 $('#password-body').find('input[type="password"]:first').focus();
+                 });
         }
         else {
             scope.startJob();
@@ -282,19 +289,21 @@ angular.module('JobSubmissionHelper', [ 'RestServices', 'Utilities', 'Credential
            scope.removeUpdateSubmitted();
         }
         scope.removeUpdateSubmitted = scope.$on('UpdateSubmitted', function() {
-            $location.path('/projects');
+            // Refresh the project list after update request submitted
+            scope.refresh();
             });
         
         if (scope.removeSCMSubmit) {
            scope.removeSCMSubmit();
         }
-        scope.removeSCMSubmit = scope.$on('SCMSubmit', function(e, passwords_needed_to_update) {
+        scope.removeSCMSubmit = scope.$on('SCMSubmit', function(e, passwords_needed_to_update, extra_html) {
             // After the call to update, kick off the job.
             PromptPasswords({
                        scope: scope,
                        passwords: passwords_needed_to_update,
                        start_url: url, 
-                       form: ProjectsForm
+                       form: ProjectsForm,
+                       extra_html: extra_html
                        });
             });
         
@@ -303,7 +312,36 @@ angular.module('JobSubmissionHelper', [ 'RestServices', 'Utilities', 'Credential
         Rest.get()
             .success( function(data, status, headers, config) {
                 if (data.can_update) {
-                   scope.$emit('SCMSubmit', data.passwords_needed_to_update);
+                   var extra_html = '';
+                   for (var i=0; i < scope.projects.length; i++) {
+                       if (scope.projects[i].id == project_id) {
+                          extra_html += "<div class=\"form-group\">\n";
+                          extra_html += "<label class=\"control-label col-lg-3 normal-weight\" for=\"scm_url\">SCM URL</label>\n";
+                          extra_html += "<div class=\"col-lg-9\">\n"; 
+                          extra_html += "<input type=\"text\" readonly";
+                          extra_html += ' name=\"scm_url\" ';
+                          extra_html += "class=\"form-control\" ";
+                          extra_html += "value=\"" + scope.projects[i].scm_url + "\" ";
+                          extra_html += "/>";
+                          extra_html += "</div>\n";
+                          extra_html += "</div>\n";
+                          if (scope.projects[i].scm_username) {
+                             extra_html += "<div class=\"form-group\">\n";
+                             extra_html += "<label class=\"control-label col-lg-3 normal-weight\" for=\"scm_username\">SCM Username</label>\n";
+                             extra_html += "<div class=\"col-lg-9\">\n"; 
+                             extra_html += "<input type=\"text\" readonly";
+                             extra_html += ' name=\"scm_username\" ';
+                             extra_html += "class=\"form-control\" ";
+                             extra_html += "value=\"" + scope.projects[i].scm_username + "\" ";
+                             extra_html += "/>";
+                             extra_html += "</div>\n";
+                             extra_html += "</div>\n"; 
+                          }                        
+                          break;
+                       }
+                   }
+                   extra_html += "</p>";
+                   scope.$emit('SCMSubmit', data.passwords_needed_to_update, extra_html);
                 } 
                 else {
                    Alert('Permission Denied', 'You do not have access to update this project. Please contact your system administrator.', 

awx/ui/static/js/helpers/Lookup.js

@@ -15,8 +15,8 @@
  */
  
 angular.module('LookUpHelper', [ 'RestServices', 'Utilities', 'SearchHelper', 'PaginateHelper', 'ListGenerator', 'ApiLoader' ])  
-    .factory('LookUpInit', ['Alert', 'Rest', 'GenerateList', 'SearchInit', 'PaginateInit', 'GetBasePath',
+    .factory('LookUpInit', ['Alert', 'Rest', 'GenerateList', 'SearchInit', 'PaginateInit', 'GetBasePath', 'FormatDate',
-    function(Alert, Rest, GenerateList, SearchInit, PaginateInit, GetBasePath) {
+    function(Alert, Rest, GenerateList, SearchInit, PaginateInit, GetBasePath, FormatDate) {
     return function(params) {
         
         var scope = params.scope;  // form scope
@@ -26,7 +26,6 @@ angular.module('LookUpHelper', [ 'RestServices', 'Utilities', 'SearchHelper', 'P
         var field = params.field;  // form field
         var postAction = params.postAction  //action to perform post user selection
         
-        
         // Show pop-up 
         var name = list.iterator.charAt(0).toUpperCase() + list.iterator.substring(1);
         var defaultUrl = (list.name == 'inventories') ? GetBasePath('inventory') : GetBasePath(list.name);
@@ -92,6 +91,14 @@ angular.module('LookUpHelper', [ 'RestServices', 'Utilities', 'SearchHelper', 'P
                 listScope.lookupPostRefreshRemove();
             }
             listScope.lookupPostRefreshRemove = scope.$on('PostRefresh', function() {
+                for (var fld in list.fields) {
+                   if (list.fields[fld].type && list.fields[fld].type == 'date') {
+                      //convert dates to our standard format
+                      for (var i=0; i < scope[list.name].length; i++) {
+                          scope[list.name][i][fld] = FormatDate(new Date(scope[list.name][i][fld]));
+                      }
+                   } 
+                }
                 listScope['toggle_' + list.iterator](scope[field]);
                 });
 

awx/ui/static/js/helpers/Projects.js

@@ -9,9 +9,10 @@
  *
  */
 
-angular.module('ProjectsHelper', ['RestServices', 'Utilities', 'ProjectStatusDefinition'])
+angular.module('ProjectsHelper', ['RestServices', 'Utilities', 'ProjectStatusDefinition', 'ProjectFormDefinition'])
-.factory('ProjectStatus', ['$rootScope', '$location', '$log', '$routeParams', 'Rest', 'Alert', 'GenerateForm', 
+
-         'Prompt', 'ProcessErrors', 'GetBasePath', 'FormatDate', 'ProjectStatusForm',
+    .factory('ProjectStatus', ['$rootScope', '$location', '$log', '$routeParams', 'Rest', 'Alert', 'GenerateForm', 
+        'Prompt', 'ProcessErrors', 'GetBasePath', 'FormatDate', 'ProjectStatusForm',
     function($rootScope, $location, $log, $routeParams, Rest, Alert, GenerateForm, Prompt, ProcessErrors, GetBasePath,
           FormatDate, ProjectStatusForm) {
     return function(params) {
@@ -65,3 +66,5 @@ angular.module('ProjectsHelper', ['RestServices', 'Utilities', 'ProjectStatusDef
                 });
     }
     }]);
+
+    

awx/ui/static/js/lists/Projects.js

@@ -23,7 +23,7 @@ angular.module('ProjectsListDefinition', [])
             name: {
                 key: true,
                 label: 'Name',
-                badgeIcon: "\{\{ 'icon-failures-' + project.last_update_failed \}\}",
+                badgeIcon: "\{\{ 'icon-failures-' + project.badge \}\}",
                 badgePlacement: 'left'
                 },
             description: {

awx/ui/static/less/ansible-ui.less

@@ -26,7 +26,10 @@ body {
 /* Helper Classes */
 .pad-right-sm { padding-right: 10px; }
 .pad-left-lg { padding-left: 50px; }
+.normal-weight { font-weight: normal; }
 
+
+/* Working... spinner */
 .spinny {
   display: none;
   position: absolute;
@@ -507,6 +510,7 @@ select.field-mini-height {
   .job-running,
   .job-success,
   .job-successful,
+  .job-waiting,
   .icon-failures-false,
   .license-valid,
   input[type="text"].job-success,

awx/ui/static/lib/ansible/directives.js

@@ -110,9 +110,7 @@ angular.module('AWDirectives', ['RestServices', 'Utilities', 'AuthService', 'Hos
                validity = true;
                if ( scope[attrs.awRequiredWhen] && (elm.attr('required') == null || elm.attr('required') == undefined) ) {
                   $(elm).attr('required','required');
-                  console.log('here');
                   if ($(elm).hasClass('lookup')) {
-                     console.log('adding!');
                      $(elm).parent().parent().parent().find('label').prepend('* ');
                   }
                }

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

@@ -126,6 +126,9 @@ angular.module('FormGenerator', ['GeneratorHelpers', 'ngCookies'])
               }
               });
        }
+       if (!this.scope.$$phase) {
+          this.scope.$digest();
+        } 
        return this.scope;
        },
 

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

@@ -193,7 +193,7 @@ angular.module('GeneratorHelpers', ['GeneratorHelpers'])
            html += (field.ngShow) ? "<span " + Attr(field,'ngShow') + ">" : "";
 
            // Badge
-           if (field.badgeIcon && field.badgePlacement && field.badgePlacement == 'left') {
+           if (options.mode !== 'lookup' && field.badgeIcon && field.badgePlacement && field.badgePlacement == 'left') {
               html += Badge(field);
            }
             
@@ -262,7 +262,7 @@ angular.module('GeneratorHelpers', ['GeneratorHelpers'])
                "></div>\n" : "";
             
            // Badge
-           if (field.badgeIcon && field.badgePlacement && field.badgePlacement !== 'left') {
+           if (options.mode !== 'lookup' &&  field.badgeIcon && field.badgePlacement && field.badgePlacement !== 'left') {
               html += Badge(field);
            }
         }

awx/ui/templates/ui/index.html

@@ -202,12 +202,11 @@
           <div class="modal-content">
               <div class="modal-header">
                 <button type="button" class="close" ng-click="cancelJob()" aria-hidden="true">&times;</button>
-                <h3>Password Required</h3>
+                <h3>Authentication Required</h3>
-              </div>
-              <div class="modal-body" id="password-body">
               </div>
+              <div class="modal-body" id="password-body"></div>
               <div class="modal-footer">
-                <a href="#" ng-click="cancelJob()" class="btn btn-default">Cancel</a>
+                <a href="" ng-click="cancelJob()" class="btn btn-default">Cancel</a>
                 <a href="" ng-click="startJob()" class="btn btn-primary" ng-disabled="password_form.$pristine || password_form.$invalid">Continue</a>
               </div>
           </div><!-- modal-content -->