ui chagnes in applicant view page

cmsWebApp/webroot/css/common.css

@@ -2892,7 +2892,11 @@ span.ex-management {
     background-color: #667281;
 }
 
-.edit-btn-dropdown a:hover,.edit-btn-dropdown a:focus{
+.edit-btn-dropdown a.active,.edit-btn-dropdown a:focus{
+   	background-color: #03A0E7;
+}
+
+.edit-btn-dropdown a:hover{
     background-color: #434c58;
 }
 .edit-btn-dropdown img {
@@ -3463,7 +3467,7 @@ input.add-note-btn:hover{
 
 .int-timeline {
     display: inline-block;
-    margin-bottom: -1px;
+    margin-bottom: 0;
 }
 .int-timeline li{
     display: inline-block;
@@ -3471,7 +3475,11 @@ input.add-note-btn:hover{
     margin-right: -3px;
     border-radius: 3px 3px 0 0px;
     position: relative;
+    border-bottom: none;
 }
+  .int-timeline li.incomplete {border: 1px solid #324150; border-bottom: 0; background-color: transparent;color : #7B8DA0; margin-right: 25px;}
+  .int-timeline li.incomplete a { background-color: transparent;}
+  .int-timeline li.incomplete a:after {display:none}
 .int-timeline li span{
     display: block;
     width: 100%;
@@ -5169,9 +5177,11 @@ img.alert-icon {float: left;}
   .rateing-title{font-size: 13px;padding: 23px 30px;width: 75%;position: relative;}
   .rateing-title span {font-size: 12px;position: absolute;right: -23%;top: 6px;}
   .int-timeline li,.int-timeline li a,.int-timeline{width: 100%;border-radius: 0;margin: 0;}  
+
   .int-timeline li.active a::after,.int-timeline li:nth-child(2) a::after{display: none;}
   .int-timeline li.interview-tran-btn a {margin: 0;padding: 5px 0 10px;top: 0;width: 100%;}
   .int-timeline li.interview-tran-btn {margin-left: 0;}  
+  
   .unsutable,.unsutable a{width: 100%;}
   .appli-shorting-dropdown{width: 100%;margin-bottom: 8px;}
   .appli-filter {bottom: -40px;position: absolute;top: auto;}
@@ -6452,3 +6462,9 @@ input{
     display: inline-block;
     margin: 0 2px 0;
 }
+
+.job-edit-menu {display: none;}
+.job-edit-pop  {border-radius: 2px; }
+.job-edit-pop .jBox-content  {padding: 0}
+.job-edit-pop .jBox-container{border-radius: 2px !important; width: 240px;box-shadow: 0 3px 9px 0 rgba(0,0,0,0.35);background-color: #FFFFFF;}
+.job-edit-menu  .job-edit-menu-item {display: block; font-weight: 500; height:45px; padding: 24px;border-bottom: 1px solid #DBDBDF;font-size:11px;line-height:1px;letter-spacing: 1px;	color: #03A0E7;}
\ No newline at end of file

cmsWebApp/webroot/extensions/adminportal/inc/applicant_view_tabs.jsp

@@ -20,9 +20,8 @@
     <div class="first-part">
         
         <oneit:dynInclude   page="/extensions/adminportal/inc/job_title_bar.jsp"   data="<%= CollectionUtils.EMPTY_MAP%>"/>
-        
-        <div class="int-timeline">
-            <li class="<%= noOfIncomplete > 0 ? "has-applicant" : "no-applicant" %> <%= tabNumber == 1 ? "active" : "inactive" %>">
+            <ul>
+                 <li class="<%= "incomplete "  + (noOfIncomplete > 0 ? "has-applicant" : "no-applicant") %> <%= tabNumber == 1 ? "active" : "inactive" %>">
                 <oneit:button   id="unsuitableBtn"   value=" "   name="gotoPage" skin="link" disabled="<%= noOfUnsuitable > 0 ? "false" : "true" %>"
                                 requestAttribs="<%= CollectionUtils.mapEntry("nextPage", applicantsPage)
                                                                 .mapEntry("procParams", CollectionUtils.mapEntry("Job", job).mapEntry("TabNumber", 1).toMap())
@@ -33,7 +32,6 @@
                     <%= job.getWorkFlowBySortOrder(1).getName() %>
                 </oneit:button>
             </li>
-            <ul>
                 <%
                     for (WorkFlow workflow : job.getSortedMiddleWorkFlows())
                     {

cmsWebApp/webroot/extensions/adminportal/inc/job_title_bar.jsp

@@ -120,14 +120,43 @@
                                                                     .mapEntry("procParams", CollectionUtils.mapEntry("Job", job).toMap())
                                                                     .mapEntry("cancelProcess", true)
                                                                     .toMap() %>"/>
-                <oneit:button   value=" " cssClass="rightbtn"  name="gotoPage" skin="link"
+                <a href="#" class="rightbtn job-edit"><img src="images/dot-menu.png">  </a>
+                    <div class="job-edit-menu">
+                                <oneit:button   value=" " cssClass="job-edit-menu-item"  name="gotoPage" skin="link"
                                 requestAttribs="<%= CollectionUtils.mapEntry("nextPage", editJobPage + "&JobID=" + job.getObjectID())
                                                                     .mapEntry("procParams", CollectionUtils.mapEntry("Job", job).toMap())
 //                                                                  .mapEntry("cancelProcess", true)
                                                                     .toMap() %>">
-                    EDIT
-                    <span><img src="images/edit-dropdown-arrow.svg" /></span>
+                                 EDIT JOB              
                              </oneit:button> 
+         
+                        <a href="#" class="job-edit-menu-item">EXPORT APPLICANT REPORT</a>
+                    </div>
+                </a>
+        
+                                                                        
+                <script>
+                        $(function(){
+                            new jBox('Tooltip', {
+                        attach: '.job-edit',
+                        content: $('.job-edit-menu'),
+                        trigger : 'click',
+                        pointer: 'right:30',
+                        pointTo : 'top',
+                        outside : "x",
+                        offset : {y: 45, x : -70},
+                        addClass : "job-edit-pop",
+                        onOpen : function(){
+                            $(".job-edit").addClass('active');
+                        },
+                        onClose : function(){
+                            $(".job-edit").removeClass('active');
+                        },
+                        closeOnClick : "body"
+                      });
+                        });                                                
+                </script>                                                      
+                                                                        
             </span>
 
         </div>

cmsWebApp/webroot/inc/std_imports.jsp

@@ -28,7 +28,7 @@
     <oneit:script src="/scripts/countimer.js"/>
     <oneit:script src="/scripts/slick.min.js"/>
     <oneit:script src="/scripts/raphael-min.js"/>
-     <oneit:script src="/scripts/jBox.min.js"/>
+     <oneit:script src="/scripts/jBox.js"/>
 </oneit:script>
 
 <script>