S12520281 # Client - Incoming Issues (raised by Client) #Mouse wheel does not work on category list

cmsWebApp/webroot/extensions/adminportal/job_detail.jsp

@@ -21,6 +21,7 @@
         var lastclickedOccid = 0 , lastclickedOcc = "" ;
         var occPopup;
         var occlistObj = {"level0" : null , "level1" : null , "level2" : null , "level3" : null };
+        var scrolldiv = null ;
         $(document).ready(function() 
         {
             setupRecalc ($("form#editJob"), {'recalcOnError':true});
@@ -53,7 +54,7 @@
                     $(".dyn-div").empty();
                     $('.occupation_content_column ul li').removeClass("clicked");
                     $(".occupation_select_info").css("width","75%");
-                      
+                     if (scrolldiv===null) scrolldiv = '.main-list-div';
                     if(lastclickedOccid!==0){
                         var  currEle = $(".main-list-div").find("li[data-id='"+ lastclickedOccid +"']");
                         occlistObj[currEle.parent('ul').attr("class")] = lastclickedOccid ;
@@ -79,6 +80,20 @@
                     occPopup.close();
                 }
             });
+            
+              $(document).on('mousewheel', function(e){
+                                    
+                  if(scrolldiv!==null){
+                     var target = $( scrolldiv);
+                    if(e.originalEvent.wheelDelta /120 > 0) {
+                       target.scrollTop(target.scrollTop() + 10);
+                    }
+                    else{
+                        target.scrollTop(target.scrollTop() - 10);
+                    }
+                  }
+                });
+            
         });
         
       
@@ -109,11 +124,20 @@
 
                 $("." + nextUl.attr('class') + "-div").empty();
                 $("." + nextUl.attr('class') + "-div").nextAll().empty();
+                var nextDiv = $("." + nextUl.attr('class') + "-div");
+                
             
                 if(nextUl) {
-                    nextUl.appendTo($("." + nextUl.attr('class') + "-div"));
+                    nextUl.appendTo(nextDiv);
+                }
+                
+                if(nextDiv.hasScrollBar()){
+                    scrolldiv = "." + nextUl.attr('class') + "-div";
+                }else{
+                     scrolldiv = '.main-list-div';
                 }
               
+
                 if(thisEle.parent().hasClass("level2")) {
                     $(".occupation_select_info").hide();
                 } else {
@@ -140,6 +164,13 @@
             ajaxProcessDeleteJQ("<%= request.getContextPath() %>/genericDelete_AJAX.jsp", "#middle-workflows" , { varKey: deleteVarKey });
             return false;
         }
+        
+      (function($) {
+            $.fn.hasScrollBar = function() {
+                return this.get(0).scrollHeight > this.height();
+            }
+        })(jQuery);  
+
     </script>  
     <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&libraries=places&key=AIzaSyCaBh-MsMb8BBYJD_NcFzoCmygQbt5-QSw"></script>
     <oneit:script>
@@ -474,7 +505,7 @@
                     
         <div class="occupation_content" id="occupation_content" style="display: none;">
             <div  class="occupation_content_row">
-                <div class="main-list-div occupation_content_column">
+                <div id="scrollme" class="main-list-div occupation_content_column">
                     <ul class="level0">
                     <%
                         Occupation[]    firstLevelOccupations   =   Occupation.SearchByAll()