S12518726 # Client - Incoming Issues (raised by Client) #Bad tab sequence after Job Title

cmsWebApp/webroot/extensions/adminportal/job_detail.jsp

@@ -118,6 +118,31 @@
                   }
                 });
                 
+                $(".create-job").find('input,select,textarea').each(function (i) { $(this).attr('tabindex', i + 1); });
+                
+                
+                
+                    var currFocusSelect2
+            
+                    $(document).on('focus', '.select2.select2-container', function (e) {
+                    // only open on original attempt - close focus event should not fire open
+                    if (e.originalEvent && $(this).find(".select2-selection--single").length > 0) {
+                        currFocusSelect2 = $(this).siblings('select').on("select2-blur", function(e) { log ("blur");});;
+                       currFocusSelect2.select2('open');
+                       
+                    } 
+                  });
+                  
+                  
+                   $(document).on('keyup', '.select2.select2-container', function (e) {
+                      
+                       if(!$(this).hasClass('select2-container--open')){
+                            nexttab = parseInt($(this).siblings('select').attr('tabindex')) + 1 ;
+                            $('[tabindex=' + nexttab + ']').focus();
+                       }
+                   });
+                  
+            
         });
         
       
@@ -234,24 +259,24 @@
                         <div class="form-group row">
                             <div class="col-md-8">
                                 <label><oneit:label GUIName="Job Title" /></label>
-                                <oneit:ormInput obj="<%= job %>"  tabindex="1"   type="text" attributeName="JobTitle"    cssClass="form-control" />                                
+                                <oneit:ormInput obj="<%= job %>"    type="text" attributeName="JobTitle"    cssClass="form-control" />                                
                             </div>
                             <div class="col-md-4">
                                 <label><oneit:label GUIName="Reference Number" /><a href="#" title="Uniquely identify jobs that have identical titles. Examlple:<br>&#8226; New Home Sales Consutant (ABC123)<br>&#8226;  New Home Sales Consutant (ABC456)" class="info-icon"><img src="images/info-icon.png" /></a></label>
-                                <oneit:ormInput obj="<%= job %>"   tabindex="2"  type="text" attributeName="ReferenceNumber" cssClass="form-control" />
+                                <oneit:ormInput obj="<%= job %>"   type="text" attributeName="ReferenceNumber" cssClass="form-control" />
                             </div>
                         </div>
                         <div class="form-group row">
                             <div class="col-md-12">
                                 <label><oneit:label GUIName="About the Job" /></label>
-                                <oneit:ormtextarea  obj="<%= job %>" tabindex="3"     attributeName="JobDescription"  cssClass="form-control textarea-box"/>
+                                <oneit:ormtextarea  obj="<%= job %>"     attributeName="JobDescription"  cssClass="form-control textarea-box"/>
                             </div>
                         </div>
                         <div class="form-group row">
                             <div class="col-md-6">
                                 <label><oneit:label GUIName="Job Owner"/></label>
                                 <div class="wider-select">
-                                    <tagfile:ormsingleasso_select obj="<%= job %>" tabindex="4"   assocName="JobOwner"    options="<%= job.getHiringTeam().getActiveTeammates().toArray(new CompanyUser[0]) %>"/>
+                                    <tagfile:ormsingleasso_select obj="<%= job %>"    assocName="JobOwner"    options="<%= job.getHiringTeam().getActiveTeammates().toArray(new CompanyUser[0]) %>"/>
                                 </div>
                             </div>
                             <%
@@ -380,7 +405,7 @@
 
                 %>
                         <div class="radio radio-primary job-match-radio">
-                            <input type="radio" name="<%= assessmentTypeKey %>" id="<%= assessmentTypeId %>"    class="type_radio" value="<%= assessmentType.getName() %>" <%= selectedStr %>/>
+                            <input type="radio" name="<%= assessmentTypeKey %>" id="<%= assessmentTypeId %>"   tabindex="12"  class="type_radio" value="<%= assessmentType.getName() %>" <%= selectedStr %>/>
                             <label for="<%= assessmentTypeId %>">
                                 <span class="label-title"><oneit:toString value="<%= assessmentType %>" mode="EscapeHTML" /></span>
                                 <oneit:toString value="<%= assessmentType.getQuestionDetails() %>"  mode="EscapeHTML"/><br />