S12566801 # Client - Incoming Issues (raised by Client) #Report - Applicant List

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

@@ -23,12 +23,25 @@
                     if(job.getReferenceNumber() != null)
                     {
                 %>
-                        &nbsp;(<oneit:toString value="<%= job.getReferenceNumber() %>" mode="EscapeHTML" />)
+                &nbsp;<span class="ref-no">(<oneit:toString value="<%= job.getReferenceNumber() %>" mode="EscapeHTML" />)</span>
                 <%
                     }
                 %>
             </div>
             <div class="by-name">
+                <div class="header-right-status">
+                    <span class="light-calendar">
+                        <span class="number">
+                            <span class="calcField">0</span>
+                        </span>
+                        <span class="calcField">days until closed</span>
+                
+                    </span>
+                    <span class="job-status-appli">
+                        <span class="open-status-icon"></span>
+                        <span class="calcField">THIS JOB IS Open</span>
+                    </span>
+                </div>
                 <span>
                 <%
                     if(job.isClientAvailable())
@@ -38,7 +51,8 @@
                 <%
                     }
                 %>
-                </span> by <oneit:toString   value="<%= job.getCreatedBy() %>"  mode="EscapeHTML"  nullValue=""/>
+                </span>SUPERLAW by <oneit:toString   value="<%= job.getCreatedBy() %>"  mode="EscapeHTML"  nullValue=""/>
+                &nbsp;&nbsp;.&nbsp;&nbsp;
                 <oneit:toString value="<%= job.getLevel() %>"   mode="EscapeHTML" />
             </div>
 

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

 <%@ page extends="oneit.servlets.jsp.JSPInclude" %>
 
 <%@include file="../../../setuprequest.jsp" %>
-
+<%@ page import="performa.orm.*, performa.orm.types.*, performa.chart.*, performa.utils.*"%>
 <oneit:dynIncluded>
     <style type="text/css" media="print,screen" >
         /*@import url("//hello.myfonts.net/count/343a83");*/
@@ -14,21 +14,44 @@
 
         @font-face {font-family: 'Usual-Regular';src: url('../../../fonts/343A83_3_0.eot');src: url('../../../fonts/343A83_3_0.eot?#iefix') format('embedded-opentype'),url('../../../fonts/343A83_3_0.woff2') format('woff2'),url('../../../fonts/343A83_3_0.woff') format('woff'),url('../../../fonts/343A83_3_0.ttf') format('truetype');}
         
-        body { margin: 5mm;   background-color: #e9ecef; }
-        div.header{background-color: #1a2531; height: 80px; line-height: 80px; padding: 0 30px ;}
-            .chief-officer {color: #ffffff; text-align: left; font-size: 26px; font-weight: 300; margin-bottom: 15px; float:left; width:60%}
+        body { margin: 0;   background-color: #e9ecef; }
+        div.header{background-color: #1a2531; height: 80px;  padding: 0 30px ;}
+            .chief-officer {color: #ffffff; text-align: left; line-height: 80px; font-size: 26px; font-weight: 300; margin-bottom: 15px; float:left; width:60%}
             .chief-officer .ref-no {color: #8E97A0;}
-            .by-name {color: #ffffff; float: right;  width:30%;text-align: right;}
+            .by-name {color: #ffffff; float: right; font-size: 12px;  width:40%;text-align: right; }
+            .header-right-status { margin: 20px 0 10px;}
+                .light-calendar {
+                    background-image: url('file://<%=  PDFUtils.FILE_BASE_PATH %>/images/calendar-icon-light.png');
+                    background-repeat: no-repeat;
+                    padding: 3px 10px 3px 24px;
+                    background-position: left center;
+                    color: #8E97A0;    
+                    font-size: 11px;
+                    font-weight: 700;
+                    font-family: "Usual-Medium";
 
+                }    
+                .job-status-appli {
+                     background-image: url('file://<%=  PDFUtils.FILE_BASE_PATH %>/images/open.png');
+                      background-repeat: no-repeat;
+                      background-position: left center;
+                      background-size: 15px;
+                    text-transform: uppercase;
+                    letter-spacing: 1px;
+                    color: #ffffff;
+                    font-size: 11px;
+                    font-weight: 700;
+                     padding: 3px 0 3px 24px;
+                }
      
         div.white-header {background-color: #fff; height:80px;box-shadow: 0 3px 5px 0 rgba(0,0,0,0.02); padding: 0 30px ;}
             .applicant-details {height: 80px; line-height: 80px; border:1px solid red; margin:0 }
-            .main-appli-name {display: inline-block; width: 38%;  }
+            .main-appli-name {display: inline-block; width: 38%; margin-top: 10px;  }
             .appli-name{color: #1A2531; text-align: left; font-size: 26px; font-weight: 300; font-family: "Usual-Light";}
             .appli-applied{color: #7d7f82; text-align: left; font-size: 12px; margin-top: 6px;}
             .appli-count {display: inline-block; width: 60%;text-align: right;color: #8E97A0;font-size: 15px; }
         
-        .view-appli-list {padding: 20px 0; }
+        .view-appli-list {padding: 5mm; }
         .appli-row{ width: 100%; background-color: #ffffff; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.02);    margin-bottom: 16px;}
         .appli-l {float: left;    border-left: solid 1px #eee; height:30px;}
         .appli-list-name {color: #4a4a4a;font-size: 20px;width:27%; padding:20px 2%; height:30px; border-left: none;}