S12567067 # Client - Incoming Issues (raised by Client) #Applicant Grid report

cmsWebApp/webroot/extensions/adminportal/inc/applicants_grid_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,9 +51,12 @@
                 <%
                     }
                 %>
-                </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>
+
+
         </div>
         <div class="white-header">
             <div style="clear:both"></div>

cmsWebApp/webroot/extensions/adminportal/inc/applicants_grid_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" >
 
-        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; font-family: "Usual-Light";}
+        div.header{background-color: #1a2531; height: 80px;  padding: 0 30px ;}
+        .chief-officer {font-family: "Usual-Light";color: #ffffff; text-align: left; line-height: 80px; font-size: 22px;; 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 {font-family: "Usual-Light";color: #ffffff; float: right; font-size: 12px;  width:40%;text-align: right; }
+        .header-right-status {font-family: "Usual-Light";margin: 25px 0 10px; font-size: 11px;}
+        .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: #b0b4b8;    
+            font-size: 11px;
+            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-family: "Usual-Medium";
+             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;  margin:0 }
         .main-appli-name {display: inline-block; width: 38%;  }
-        .appli-name{color: #1A2531; text-align: left; font-size: 26px; font-weight: 300; font-family: "Usual-Light";}
+        .appli-name{color: #1A2531; text-align: left; font-size: 26px; font-weight: 300; font-family: "Usual-Regular";}
         .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; }
-        .appl-c-box{display: inline-block;width:23%;text-align: left;background: #ffffff none repeat scroll 0 0;margin: 0.8% 0.8%;}
+        .view-appli-list {padding: 5mm; }
+        .appl-c-box{display: inline-block;width:30%;text-align: left;background: #ffffff none repeat scroll 0 0;margin: 1.5% 1.5%;}
         
         .gridbox-title{background-color: #4A4A4A; padding: 10px;font-size: 16px;}
         .gridbox-applicant{color: #FFFFFF;font-size: 16px;}
@@ -36,7 +59,7 @@
             letter-spacing: 0.9px;    
             text-transform: uppercase;
             color: #7d7f82;
-            font-family: "Usual-Medium";
+           
             display: inline-block;
              vertical-align: middle;
              width: 70%;
@@ -62,8 +85,10 @@
         }
         .jcc-box {
              width: 100%;
+              
         }
         .jcc {
+              
             width: 100%;
             height: 40px;
             line-height: 40px;
@@ -73,8 +98,8 @@
             font-size: 10px;
             /*font-weight: 500;*/
             letter-spacing: 0.9px;
-           
-            line-height: 40px;
+           padding: 0;
+            /*line-height: 40px;*/
             font-family: "Usual-Medium";
             color: #4E5258;
         }
@@ -82,9 +107,9 @@
             display: inline-block;
             width: 65%;
             padding-left: 10px;
-             line-height: 40px;
+          
         }
-        .jcc img {margin-right: 8px;}
+        .jcc img {margin-right:5px;}
         .jcc span {
             width: 25%;
             display: inline-block;
@@ -93,6 +118,7 @@
             text-align: right;
             color: #7d7f82;
             font-family: "Usual-Light";
+           
         }
       
         .jcc-box .red-bg {background-color: #F9623D; color : #fff;}