fix the job occupatino selector requriemtn to capture id from popup

cmsWebApp/webroot/extensions/adminportal/job_detail.jsp

@@ -23,6 +23,8 @@
 
 
     <script type="text/javascript">
+        var lastclickedOccid = 0 , lastclickedOcc = "" ;
+        var occPopup;
         $(document).ready(function() 
         {
             setupRecalc ($("form#editJob"), {'recalcOnError':true});
@@ -34,7 +36,7 @@
 
             var popup_width = 1040;
             
-            new jBox('Modal', {
+             occPopup = new jBox('Modal', {
                 id : "occupation-list",
                 attach: '.select-occupation',
                 title: 'Select the occupation classification for this job',
@@ -48,6 +50,13 @@
             });
             
             $(document).on("click",".occupation_content_column ul li",function(){
+           
+                lastclickedOccid = $(this).data('id');
+                lastclickedOcc = $(this).data('occ');
+                
+                $(".select-occupation").val(lastclickedOcc);
+                $("#select-occupation-id").val(lastclickedOccid);
+                
                 $(this).siblings('li').removeClass("clicked");
                 $(this).addClass("clicked");
 
@@ -70,6 +79,12 @@
                     }
                 }
             });
+            
+            $("#save-job-occ").on("click",function(){
+                if(!lastclickedOccid==0){
+                    occPopup.close();
+                }
+            });
         });
         
         function addWorkflow() 
@@ -221,7 +236,8 @@
                             <label><oneit:label GUIName="Job Occupation Classification" /></label>
                             <input type="text" class="form-control select-occupation search-input " placeholder="Select the occupation classification"
                                    value="<%= job.getOccupation() != null ? job.getOccupation() : "Select the occupation classification"%>"></input>
-                            <tagfile:ormsingleasso_select obj="<%= job %>"  assocName="Occupation"    options="<%= Occupation.searchAll(transaction) %>"/>
+                            <input type="hidden" id="select-occupation-id" />
+                            <!--<tagfile:ormsingleasso_select obj="<%= job %>"  assocName="Occupation"    options="<%= Occupation.searchAll(transaction) %>"/>-->
 
                         </div>
                     </div>
@@ -414,28 +430,28 @@
                         for (Occupation firstLevel : firstLevelOccupations)
                         {
                     %>
-                            <li class="main-item">
+                    <li class="main-item" data-id="<%= firstLevel.getObjectID()%>" data-occ="<%= firstLevel%>">
                                 <span> <%= firstLevel%> </span>
                                 <ul class="first-child">
                                 <%
                                     for (Occupation secondLevel : firstLevel.getChildOccupationsSet())
                                     {
                                 %>
-                                        <li >
+                                        <li data-id="<%= secondLevel.getObjectID()%>" data-occ="<%= secondLevel%>">
                                             <span> <%= secondLevel%></span>
                                             <ul class="second-child">
                                             <%
                                                 for (Occupation thirdLevel : secondLevel.getChildOccupationsSet())
                                                 {
                                             %>
-                                                    <li >
+                                                    <li data-id="<%= thirdLevel.getObjectID()%>" data-occ="<%= thirdLevel%>">
                                                         <span>  <%= thirdLevel%></span>
                                                         <ul class="third-child">
                                                         <%
                                                             for (Occupation  fourthLevel : thirdLevel.getChildOccupationsSet())
                                                             {
                                                         %>
-                                                                <li >
+                                                                <li data-id="<%= fourthLevel.getObjectID()%>" data-occ="<%= fourthLevel%>">
                                                                     <span>  <%= fourthLevel%></span>
                                                                 </li>
                                                         <%
@@ -468,7 +484,7 @@
                 Select the most appropriate Category to help narrow down your Occupation
             </div>
             <div class="occupation_select_button">
-                <button type="button" value="Save Job Occupation" class="btn btn-primary largeBtn" style="" >Save Job Occupation</button>
+                <button type="button" value="Save Job Occupation" id="save-job-occ" class="btn btn-primary largeBtn" style="" >Save Job Occupation</button>
             </div>
         </div>
     </oneit:form>