S12518726 - fixed focus sequence withing same group radio buttons

cmsWebApp/webroot/css/common.css

@@ -1133,7 +1133,7 @@ span.skill-label span{
     padding-left: 34px;
 }
 .main-pack-type li a:focus{outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px; }
-
+.job-match-radio label:focus::before {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
 .main-pack-type li{
     float: left;
     width: 22.38%;

cmsWebApp/webroot/extensions/adminportal/job_detail.jsp

@@ -117,9 +117,21 @@
                 }
             });
                 
-            $(".create-job").find('a,input,select,textarea').each(function (i) { $(this).attr('tabindex', i + 1); });
+            $(".create-job").find('.main-pack-type a,input,select,textarea').not(".level_radio").each( function (i) 
+                    {
+                       
+                          if($(this).hasClass('type_radio'))
+                          {
+                               console.log($(this).attr('type'));
+                               $(this).next('label').attr('tabindex', i + 1); 
+                          }else
+                          {
+                              
+                                $(this).attr('tabindex', i + 1); 
+                          }
+                      });
                 
-            var currFocusSelect2
+            var currFocusSelect2;
             
             $(document).on('focus', '.select2.select2-container', function (e) {
             // only open on original attempt - close focus event should not fire open
@@ -406,7 +418,7 @@
 
                 %>
                         <div class="radio radio-primary job-match-radio">
-                            <input type="radio" name="<%= assessmentTypeKey %>" id="<%= assessmentTypeId %>"   tabindex="12"  class="type_radio" value="<%= assessmentType.getName() %>" <%= selectedStr %>/>
+                            <input type="radio" name="<%= assessmentTypeKey %>" id="<%= assessmentTypeId %>"     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 />