Skip to content

P
PERFORMA_REPLICA
Commit 6abf011b by Saliya Randunu
Options

ui fixes in pdf file after increasing page size

parent 7bdf57c5
Showing with 150 additions and 79 deletions
cmsWebApp/webroot/extensions/adminportal/inc/applicant_report.jsp
...@@ -139,16 +139,20 @@ ...@@ -139,16 +139,20 @@
if(hDesirableNo > 0) if(hDesirableNo > 0)
{ {
%> %>
<div class="width50 text-left" >
<span class="common-dot yellow-dot"></span> <span class="common-dot yellow-dot"></span>
<span class="r-y-label pre-dot">(<%=hDesirableNo%>)</span> <span class="r-y-label pre-dot">(<%=hDesirableNo%>)</span>
</div>
<% <%
} }
if(essentialNo > 0) if(essentialNo > 0)
{ {
%> %>
<div class="width50 text-left" >
<span class="common-dot red-dot"></span> <span class="common-dot red-dot"></span>
<span class="r-y-label pre-dot">(<%=essentialNo%>)</span> <span class="r-y-label pre-dot">(<%=essentialNo%>)</span>
</div>
<% <%
} }
%> %>
...@@ -181,7 +185,7 @@ ...@@ -181,7 +185,7 @@
{ {
%> %>
<span class="appli-percen gray"> <span class="<%= missingReq ? "req-icon" : hasAllReq ? "all-req-icon" : ""%>"></span></span> <span class="appli-percen gray"> <span class="<%= missingReq ? "req-icon" : hasAllReq ? "all-req-icon" : ""%>"></span></span>
<span class="appli-progress-bar candidate-does-not"> <span class="appli-progress-bar essential-msg <%= (missingReq ? "red" : hasAllReq ? "green" : "")%>">
<%= missingReq ? "Candidate does not meet essential requirements" : hasAllReq ? "Candidate meets essential requirements" : ""%> <%= missingReq ? "Candidate does not meet essential requirements" : hasAllReq ? "Candidate meets essential requirements" : ""%>
</span> </span>
<% <%
...@@ -231,7 +235,7 @@ ...@@ -231,7 +235,7 @@
%> %>
<!--Role Fit--> <!--Role Fit-->
<table width="100%" cellspacing="0" cellpadding="0" class="charts-table"> <table width="100%" cellspacing="0" cellpadding="0" class="charts-table role">
<tr> <tr>
<td class="chart-cell"> <td class="chart-cell">
<div class="cell-title">Role Fit</div> <div class="cell-title">Role Fit</div>
...@@ -253,8 +257,9 @@ ...@@ -253,8 +257,9 @@
String dotClass = firstScore.getColorCode() != null ? firstScore.getColorCode().getDotCSSClass() : ""; String dotClass = firstScore.getColorCode() != null ? firstScore.getColorCode().getDotCSSClass() : "";
%> %>
<div style="width: 100%;">
<div class="a-label-row"> <div class="a-label-row">
<div class="col-md-6 col-sm-6 col-xs-6 text-left" onClick="focusDiv('<%= "#" + firstScore.getObjectID() %>')"> <div class="width50 text-left" >
<span class="common-dot <%= dotClass %>"></span> <span class="common-dot <%= dotClass %>"></span>
<span class="r-y-label text-dot-dot"> <span class="r-y-label text-dot-dot">
<oneit:toString value="<%= firstScore.getFactor() %>" mode="EscapeHTML"/> <oneit:toString value="<%= firstScore.getFactor() %>" mode="EscapeHTML"/>
...@@ -265,7 +270,7 @@ ...@@ -265,7 +270,7 @@
{ {
dotClass = secondScore.getColorCode() != null ? secondScore.getColorCode().getDotCSSClass() : ""; dotClass = secondScore.getColorCode() != null ? secondScore.getColorCode().getDotCSSClass() : "";
%> %>
<div class="col-md-6 col-sm-6 col-xs-6 text-left" onClick="focusDiv('<%= "#" + secondScore.getObjectID() %>')"> <div class="width50 text-left" >
<span class="common-dot <%= dotClass %>"></span> <span class="common-dot <%= dotClass %>"></span>
<span class="r-y-label text-dot-dot"> <span class="r-y-label text-dot-dot">
<oneit:toString value="<%= secondScore.getFactor() %>" mode="EscapeHTML"/> <oneit:toString value="<%= secondScore.getFactor() %>" mode="EscapeHTML"/>
...@@ -275,6 +280,7 @@ ...@@ -275,6 +280,7 @@
} }
%> %>
</div> </div>
</div>
<% <%
} }
} }
...@@ -372,8 +378,9 @@ ...@@ -372,8 +378,9 @@
String dotClass = ((ColorCode)firstTuple.get1()).getDotCSSClass(); String dotClass = ((ColorCode)firstTuple.get1()).getDotCSSClass();
%> %>
<div style="width: 100%;">
<div class="a-label-row"> <div class="a-label-row">
<div class="col-md-6 col-sm-6 col-xs-6 text-left" onClick="focusDiv('<%= "#" + ((CultureElement)firstTuple.get0()).getObjectID() %>')"> <div class="width50 text-left" >
<span class="common-dot <%= dotClass %>"></span> <span class="common-dot <%= dotClass %>"></span>
<span class="r-y-label text-dot-dot"> <span class="r-y-label text-dot-dot">
<oneit:toString value="<%= firstTuple.get0() %>" mode="EscapeHTML"/> <oneit:toString value="<%= firstTuple.get0() %>" mode="EscapeHTML"/>
...@@ -384,7 +391,7 @@ ...@@ -384,7 +391,7 @@
{ {
dotClass = ((ColorCode)secondTuple.get1()).getDotCSSClass(); dotClass = ((ColorCode)secondTuple.get1()).getDotCSSClass();
%> %>
<div class="col-md-6 col-sm-6 col-xs-6 text-left" onClick="focusDiv('<%= "#" + ((CultureElement)firstTuple.get0()).getObjectID() %>')"> <div class="width50 text-left" >
<span class="common-dot <%= dotClass %>"></span> <span class="common-dot <%= dotClass %>"></span>
<span class="r-y-label text-dot-dot"> <span class="r-y-label text-dot-dot">
<oneit:toString value="<%= secondTuple.get0() %>" mode="EscapeHTML"/> <oneit:toString value="<%= secondTuple.get0() %>" mode="EscapeHTML"/>
...@@ -394,6 +401,7 @@ ...@@ -394,6 +401,7 @@
} }
%> %>
</div> </div>
</div>
<% <%
} }
} }
......
cmsWebApp/webroot/extensions/adminportal/inc/applicant_report_header.jsp
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<%@ page import="performa.orm.*, performa.orm.types.*, performa.chart.*, performa.utils.*"%> <%@ page import="performa.orm.*, performa.orm.types.*, performa.chart.*, performa.utils.*"%>
<oneit:dynIncluded> <oneit:dynIncluded>
<style type="text/css" media="print,screen" > <style type="text/css" media="print,screen" >
body { margin: 0; background-color: #e9ecef; font-family: "Usual-Light";} body { margin: 0; background-color: #e9ecef; font-family: "Usual-Regular";}
div.header{background-color: #1a2531; height: 80px; padding: 0 50px;} div.header{background-color: #1a2531; height: 80px; padding: 0 50px;}
div.header:after{display:inline-block; line-height:80px; width:0; content:"\00A0"; overflow:hidden; vertical-align:middle} div.header:after{display:inline-block; line-height:80px; width:0; content:"\00A0"; overflow:hidden; vertical-align:middle}
div.white-header {background-color: #fff; height:170px;box-shadow: 0 3px 5px 0 rgba(0,0,0,0.02); padding: 0 50px ;} div.white-header {background-color: #fff; height:170px;box-shadow: 0 3px 5px 0 rgba(0,0,0,0.02); padding: 0 50px ;}
...@@ -16,16 +16,16 @@ ...@@ -16,16 +16,16 @@
.chief-officer .ref-no {color: #8E97A0;} .chief-officer .ref-no {color: #8E97A0;}
.by-name {color: #ffffff; display: inline-block; width:48%;text-align: right;} .by-name {color: #ffffff; display: inline-block; width:48%;text-align: right;}
.applicant-details {height: 80px;} .applicant-details {height: 100px;}
.applicant-details:after{display:inline-block; line-height:80px; width:0; content:"\00A0"; overflow:hidden; vertical-align:middle} .applicant-details:after{display:inline-block; line-height:80px; width:0; content:"\00A0"; overflow:hidden; vertical-align:middle}
.main-appli-name {display: inline-block; width: 44%; vertical-align: middle;} .main-appli-name {display: inline-block; width: 44%; vertical-align: initial; padding-top: 24px;}
.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-Light";}
.appli-applied{color: #7d7f82; text-align: left; font-size: 12px; margin-top: 6px;} .appli-applied{color: #7d7f82; text-align: left; font-size: 12px; margin-top: 6px;}
.rank-info {display: inline-block; width: 55%;vertical-align: middle; } .rank-info {display: inline-block; width: 55%;vertical-align: initial; }
.shortlised {background:left center no-repeat ; text-align: center ;float: right;display: inline-block; color: #03AC66;font-size: 15px;height: 50px; line-height: 50px; border-right:1px solid #ECECEE;width: 100px;padding: 0 20px; white-space: nowrap;} .shortlised {background:left center no-repeat ; text-align: center ;float: right;display: inline-block; color: #2EB36B;font-size: 15px;height: 50px; line-height: 50px; border-right:1px solid #ECECEE; width: auto;padding: 0 20px; white-space: nowrap;}
.shortlised img {width: 18px;} .shortlised img {width: 18px;}
.overall-suit {text-align: center ;float: right;display: inline-block; color: #4A4A4A;font-size: 12px;height: 50px; line-height: 50px; width: 120px;padding:0 20px; white-space: nowrap;} .overall-suit {text-align: center ;float: right;display: inline-block; color: #4A4A4A;font-size: 12px;height: 50px; line-height: 50px; width: auto; padding: 0 5px 0 20px; white-space: nowrap;}
.overall-suit span { vertical-align:middle;} .overall-suit span { vertical-align:middle;}
.overall-suit span:last-child {padding-left:3px;font-size: 40px;color: #667281; vertical-align:middle;} .overall-suit span:last-child {padding-left:3px;font-size: 40px;color: #667281; vertical-align:middle;}
...@@ -43,70 +43,74 @@ ...@@ -43,70 +43,74 @@
.chart-cell {width: 290px; text-align: center; padding: 25px 0;border-right:1px solid #ECECEE; vertical-align: top;} .chart-cell {width: 290px; text-align: center; padding: 25px 0;border-right:1px solid #ECECEE; vertical-align: top;}
.chart-img {position: relative;} .chart-img {position: relative;}
.chart-cell-missing-req-icon{ .chart-cell-missing-req-icon{
top:12px; top:10px;
left :42%; left :45%;
box-sizing: border-box; box-sizing: border-box;
height: 20px; height: 25px;
width: 20px; width: 25px;
position: absolute; position: absolute;
padding: 0; padding: 0;
display: block; display: block;
border-radius: 50%; border-radius: 50%;
border:2px solid #fff; border:2px solid #fff;
background-image : url('file://<%= PDFUtils.FILE_BASE_PATH %>/images/missinreq.png'); background-size:20px; background-repeat: no-repeat;
background-image : url('file://<%= PDFUtils.FILE_BASE_PATH %>/images/missinreq.png'); background-size:25px;
} }
.essential-requirements-note {height: 34px;border-top: 1px solid #ECECEE;;width:100%; .essential-requirements-note {height: 34px;border-top: 1px solid #ECECEE;;width:100%;
font-size: 10px;left:0;bottom: 0;padding-top: 15px; } font-size: 10px;left:0;bottom: 0;padding-top: 15px; }
.red-requirements {color: #F9623D;} .red-requirements {color: #F9623D;}
.chart-info-cell{vertical-align: top; width: 949px;} .chart-info-cell{vertical-align: top; width: 949px;}
.chart-info-cell .appli-row {height: 60px; border-bottom: 1px solid #ECECEE; padding-left:50px;line-height: 60px;} .chart-info-cell .appli-row {height: 80px; border-bottom: 1px solid #ECECEE; padding-left:50px;line-height: 60px;}
.chart-info-cell .appli-row:last-child {border-bottom: none;} .chart-info-cell .appli-row:last-child {border-bottom: none;}
.cell-title {text-transform: uppercase;color: #4A4A4A;font-size: 16px;letter-spacing: 1.45px;} .cell-title {text-transform: uppercase;color: #4A4A4A;font-size: 16px;letter-spacing: 1.45px;}
.appli-label{font-weight: 500;font-size: 12px;text-align: left; color: #4E5258; display: inline-block; vertical-align: middle;width:24%;white-space: nowrap; } .appli-label{font-weight: 500;font-size: 12px;text-align: left; color: #4E5258; display: inline-block; vertical-align: middle;
.appli-percen{font-size: 24px; color: #667281; display: inline-block; vertical-align: middle;width: 10%; } width:150px;white-space: nowrap; line-height: 80px; }
span.appli-progress-bar {display: inline-block; width:62%;vertical-align: middle; } .appli-percen{font-size: 24px; color: #667281; display: inline-block; vertical-align: middle;width: 80px; text-align: right;
padding-right: 18px; box-sizing: border-box;}
span.appli-progress-bar {display: inline-block; width: 613px;vertical-align: middle; }
.progress {margin-bottom: 0; border-radius: 0;height: 24px;background: #e9ecef;box-shadow: none;} .progress {margin-bottom: 0; border-radius: 0;height: 24px;background: #e9ecef;box-shadow: none;}
.progress-bar{background: #667281;height: 24px; } .progress-bar{background: #667281;height: 24px; }
.tab-row{ width: 100%; border-bottom: solid 1px #e3e3e3; background-color: #F7F7F8;height:auto; min-height: 45px; line-height: 45px;} .tab-row{ width: 100%; border-bottom: solid 1px #e3e3e3; background-color: #F7F7F8;height:auto; min-height: 45px; line-height: 45px;}
.tab-row.fixed-height {height: 45px;} .tab-row.fixed-height {height: 45px;}
.detail-tab-row-title {font-size: 10px;letter-spacing: 0.91px;color: #4E5258;display: inline-block; vertical-align: middle; width: 310px; padding-left:50px; text-transform: uppercase;} .detail-tab-row-title {font-size: 10px;letter-spacing: 0.91px;color: #4E5258;display: inline-block; vertical-align: middle; width: 228px; padding-left:50px; text-transform: uppercase;position: relative;}
.detail-tab-row-text {color: #7D7F82;display: inline-block; vertical-align: middle;width:60%; font-size: 12px; } .detail-tab-row-text {color: #7D7F82;display: inline-block; vertical-align: middle;width: 613px; padding-left: 21px; font-size: 12px; }
.line-height-fixed { line-height: 1.4;} .line-height-fixed { line-height: 1.4;}
.red-requirements {color: #F9623D; position: relative} .red-requirements {color: #F9623D; position: relative}
.green-requirements {color: #67B413; position: relative} .green-requirements {color: #67B413; position: relative}
.green-requirements .dot-icon { .green-requirements .dot-icon {
top:17px; top:13px;
left :21px; left :21px;
box-sizing: border-box; box-sizing: border-box;
height: 12px; height: 19px;
width: 12px; width: 19px;
position: absolute; position: absolute;
padding: 0; padding: 0;
display: block; display: block;
background-image : url('file://<%= PDFUtils.FILE_BASE_PATH %>/images/reqgreen.png'); background-size:12px; background-image : url('file://<%= PDFUtils.FILE_BASE_PATH %>/images/reqgreen.png'); background-size:19px;
background-repeat: no-repeat;
} }
.red-requirements .dot-icon { .red-requirements .dot-icon {
top:17px; top:13px;
left :21px; left :21px;
box-sizing: border-box; box-sizing: border-box;
height: 12px; height: 19px;
width: 12px; width: 19px;
position: absolute; position: absolute;
padding: 0; padding: 0;
display: block; display: block;
background-image : url('file://<%= PDFUtils.FILE_BASE_PATH %>/images/missinreq.png'); background-size:12px; background-image : url('file://<%= PDFUtils.FILE_BASE_PATH %>/images/missinreq.png'); background-size:19px;
background-repeat: no-repeat;
} }
.width50 {width:50% ; box-sizing: border-box;float: left; }
.tab-view-side { .tab-view-side {
display: inline-block; vertical-align: middle;width:60%; display: inline-block; vertical-align: middle;width:613px;padding-left: 20px;
} }
.result-want { .result-want {
...@@ -121,6 +125,7 @@ ...@@ -121,6 +125,7 @@
margin-bottom: 2px; margin-bottom: 2px;
line-height: 1.4; line-height: 1.4;
} }
.result .calcField{color: #4E5258; font-family: "Usual-Bold";}
.result{ .result{
float: left; float: left;
} }
...@@ -140,7 +145,7 @@ ...@@ -140,7 +145,7 @@
color: #7d7f82; color: #7d7f82;
float: left; float: left;
width: 100%; width: 100%;
padding-top: 5px;
} }
.result-bar ul{ .result-bar ul{
...@@ -189,13 +194,17 @@ ...@@ -189,13 +194,17 @@
top:2px; top:2px;
} }
.candidate-does-not {
color: #F9623D;
.essential-msg {
font-size: 12px; font-size: 12px;
font-weight: 500; font-weight: 500;
} }
.essential-msg.red {
color: #F9623D;
}
.essential-msg.green {
color: #67B413;
}
.req-icon { .req-icon {
float: right; float: right;
...@@ -208,12 +217,28 @@ ...@@ -208,12 +217,28 @@
display: block; display: block;
background-image : url('file://<%= PDFUtils.FILE_BASE_PATH %>/images/missinreq.png'); background-size:21px; background-image : url('file://<%= PDFUtils.FILE_BASE_PATH %>/images/missinreq.png'); background-size:21px;
} }
.all-req-icon {
float: right;
margin-right: 10px;
display: inline-block;
height: 21px;
width: 21px;
background-repeat: no-repeat;
padding: 0;
display: block;
background-image : url('file://<%= PDFUtils.FILE_BASE_PATH %>/images/reqgreen.png'); background-size:21px;
}
.a-label-row { .a-label-row {
margin-bottom: 10px; margin-bottom: 10px;
} }
.detail-tab-row-title .common-dot { .detail-tab-row-title .common-dot {
margin-top: 15px; margin-top: 15px;
top: 15px;
position: absolute;
left: 28.5px;
margin: 0;
} }
.common-dot{ .common-dot{
...@@ -258,6 +283,19 @@ ...@@ -258,6 +283,19 @@
margin-bottom: 10px; margin-bottom: 10px;
} }
.contact-row span.calcField {
color: #7D7F82;
}
.contact-row > a span.calcField {
color: #4A90E2;
}
.role .tab-row {
line-height: 80px;
}
@page @page
......
cmsWebApp/webroot/extensions/adminportal/inc/applicants_grid_report.jsp
...@@ -108,17 +108,17 @@ ...@@ -108,17 +108,17 @@
<div class="jcc-title"> <div class="jcc-title">
<img src="file:///<%= PDFUtils.FILE_BASE_PATH %>/images/job-match-icon.png" /> role fit <img src="file:///<%= PDFUtils.FILE_BASE_PATH %>/images/job-match-icon.png" /> role fit
</div> </div>
<span> <div class="jcc-precentage">
<oneit:toString value="<%= jobApplication.getRoleFitPercentage() %>" mode="PercentageWholeNumber" /> <oneit:toString value="<%= jobApplication.getRoleFitPercentage() %>" mode="PercentageWholeNumber" />
</span> </div>
</div> </div>
<div class="culture jcc"> <div class="culture jcc">
<div class="jcc-title"> <div class="jcc-title">
<img src="file:///<%= PDFUtils.FILE_BASE_PATH %>/images/culture-icon.png" /> culture fit <img src="file:///<%= PDFUtils.FILE_BASE_PATH %>/images/culture-icon.png" /> culture fit
</div> </div>
<span> <div class="jcc-precentage">
<oneit:toString value="<%= jobApplication.getCultureFitScore() %>" mode="PercentageWholeNumber" /> <oneit:toString value="<%= jobApplication.getCultureFitScore() %>" mode="PercentageWholeNumber" />
</span> </div>
</div> </div>
<% <%
...@@ -129,9 +129,9 @@ ...@@ -129,9 +129,9 @@
<div class="jcc-title"> <div class="jcc-title">
<img src="file:///<%= PDFUtils.FILE_BASE_PATH %>/images/<%=(missingReq ? "icon-requirements_small.png" : "critarea_white.png")%>"/> requirements <img src="file:///<%= PDFUtils.FILE_BASE_PATH %>/images/<%=(missingReq ? "icon-requirements_small.png" : "critarea_white.png")%>"/> requirements
</div> </div>
<span> <div class="jcc-precentage">
<oneit:toString value="<%= jobApplication.getRequirementFitScore() %>" mode="PercentageWholeNumber" /> <oneit:toString value="<%= jobApplication.getRequirementFitScore() %>" mode="PercentageWholeNumber" />
</span> </div>
</div> </div>
<% <%
} }
......
cmsWebApp/webroot/extensions/adminportal/inc/applicants_grid_report_header.jsp
...@@ -4,15 +4,14 @@ ...@@ -4,15 +4,14 @@
<%@ page import="performa.orm.*, performa.orm.types.*, performa.chart.*, performa.utils.*"%> <%@ page import="performa.orm.*, performa.orm.types.*, performa.chart.*, performa.utils.*"%>
<oneit:dynIncluded> <oneit:dynIncluded>
<style type="text/css" media="print,screen" > <style type="text/css" media="print,screen" >
body { margin: 0; background-color: #e9ecef; font-family: "Usual-Regular";}
div.header{background-color: #1a2531; height: 80px; padding: 0 50px ;}
body { margin: 0; background-color: #e9ecef; font-family: "Usual-Light";} div.header:after{display:inline-block; line-height:80px; width:0; content:"\00A0"; overflow:hidden; vertical-align:middle; }
div.header{background-color: #1a2531; height: 80px; padding: 0 30px ;}
div.header:after{display:inline-block; line-height:80px; width:0; content:"\00A0"; overflow:hidden; vertical-align:middle}
.chief-officer {font-family: "Usual-Light";color: #ffffff; text-align: left; line-height: normal; .chief-officer {font-family: "Usual-Light";color: #ffffff; text-align: left; line-height: normal;
font-size: 22px;; font-weight: 300; display: inline-block; width:58%;vertical-align:middle} font-size: 22px;; font-weight: 300; display: inline-block; width:58%;vertical-align:middle}
.chief-officer .ref-no {color: #8E97A0;} .chief-officer .ref-no {color: #8E97A0;}
.by-name {font-family: "Usual-Light";color: #ffffff; float: right; font-size: 12px; width:40%; display: inline-block; text-align: right;} .header-right {color: #ffffff; float: right; width:40%; text-align: right;border:1px solid white}
.by-name {font-family: "Usual-Light";color: #ffffff; float: right; font-size: 12px; padding: 0; width:40%;text-align: right; }
.header-right-status {font-family: "Usual-Light";margin: 25px 0 10px; font-size: 11px;text-align: right; } .header-right-status {font-family: "Usual-Light";margin: 25px 0 10px; font-size: 11px;text-align: right; }
.light-calendar { .light-calendar {
background-image: url('file://<%= PDFUtils.FILE_BASE_PATH %>/images/calendar-icon-light.png'); background-image: url('file://<%= PDFUtils.FILE_BASE_PATH %>/images/calendar-icon-light.png');
...@@ -26,29 +25,45 @@ ...@@ -26,29 +25,45 @@
} }
.job-status-appli { .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; text-transform: uppercase;
letter-spacing: 1px; letter-spacing: 1px;
color: #ffffff; color: #ffffff;
font-size: 11px; font-size: 11px;
font-family: "Usual-Medium"; font-family: "Usual-Medium";
padding: 3px 0 3px 24px; padding: 3px 0 3px 0;
}
.job-status-appli .status-icon{
height: 12px;
width: 12px;
display: inline-block;
border-radius: 50%;
margin: -5px 5px;
} }
div.white-header {background-color: #fff; height:80px;box-shadow: 0 3px 5px 0 rgba(0,0,0,0.02); padding: 0 30px ;} .status-icon.open {
border: 4px solid #03AC66;
}
.status-icon.closed {
border: 4px solid #f9623d;
}
.status-icon.filled {
border: 4px solid #f9623d;
}
div.white-header {background-color: #fff; height:100px;box-shadow: 0 3px 5px 0 rgba(0,0,0,0.02); padding: 0 50px ;}
div.white-header:after{display:inline-block; line-height:80px; width:0; content:"\00A0"; overflow:hidden; vertical-align:middle} div.white-header:after{display:inline-block; line-height:80px; width:0; content:"\00A0"; overflow:hidden; vertical-align:middle}
.main-appli-name {display: inline-block; width:48%; vertical-align:middle } .main-appli-name {display: inline-block; width:48%; vertical-align:middle ; margin-top:25px; }
.appli-name{color: #1A2531; text-align: left; font-size: 26px; font-weight: 300; font-family: "Usual-Regular";} .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-applied{color: #7d7f82; text-align: left; font-size: 12px; margin-top: 6px;}
.appli-count {display: inline-block; width: 50%;text-align: right;color: #8E97A0;font-size: 15px; vertical-align:middle;} .appli-count {margin-top:40px;float:right; width: 50%;text-align: right;color: #8E97A0;font-size: 15px; vertical-align:middle;}
.view-appli-list {padding: 5mm; } .view-appli-list {padding: 50px; text-align: center;}
.appl-c-box{display: inline-block;width:30%;text-align: left;background: #ffffff none repeat scroll 0 0;margin: 1.5% 1.5%;} .appl-c-box{display: inline-block;width:230px;text-align: left;background: #ffffff none repeat scroll 0 0;margin: 0 7.5px 40px;}
.gridbox-title{background-color: #4A4A4A; padding: 10px;font-size: 16px;} .gridbox-title{background-color: #4A4A4A; padding: 10px;font-size: 16px;}
.gridbox-applicant{color: #FFFFFF;font-size: 16px;} .gridbox-applicant{color: #FFFFFF;font-size: 16px;}
...@@ -105,18 +120,23 @@ ...@@ -105,18 +120,23 @@
/*font-weight: 500;*/ /*font-weight: 500;*/
letter-spacing: 0.9px; letter-spacing: 0.9px;
padding: 0; padding: 0;
/*line-height: 40px;*/
font-family: "Usual-Medium"; font-family: "Usual-Medium";
color: #4E5258; color: #4E5258;
} }
.jcc-title { .jcc-title {
display: inline-block; display: inline-block;
width: 65%; width: 50%;
padding-left: 10px; padding-left: 30px;
box-sizing: border-box;
position: relative;
/*border:1px solid black;*/
/* height: 40px;
line-height: 50px;*/
} }
.jcc img {margin-right:5px;} .jcc img {position: absolute; top:12px; left:10px;}
.jcc span { .jcc .jcc-precentage{
width: 25%; width: 25%;
display: inline-block; display: inline-block;
font-size: 22px; font-size: 22px;
...@@ -124,6 +144,7 @@ ...@@ -124,6 +144,7 @@
text-align: right; text-align: right;
color: #7d7f82; color: #7d7f82;
font-family: "Usual-Light"; font-family: "Usual-Light";
box-sizing: border-box;
} }
...@@ -135,7 +156,7 @@ ...@@ -135,7 +156,7 @@
@page @page
{ {
size: A4 portrait; size: 1340px 1896px;
margin : 0; margin : 0;
@top-left { content: element(header);} @top-left { content: element(header);}
} }
......
cmsWebApp/webroot/extensions/adminportal/inc/applicants_list_report.jsp
...@@ -28,6 +28,7 @@ ...@@ -28,6 +28,7 @@
} }
%> %>
</div> </div>
<div class="by-name"> <div class="by-name">
<div class="header-right-status"> <div class="header-right-status">
<span class="light-calendar"> <span class="light-calendar">
...@@ -56,6 +57,7 @@ ...@@ -56,6 +57,7 @@
<oneit:toString value="<%= job.getJobStatusText() %>" mode="EscapeHTML"/> <oneit:toString value="<%= job.getJobStatusText() %>" mode="EscapeHTML"/>
</span> </span>
</div> </div>
<div>
<span class="austr-post"> <span class="austr-post">
<% <%
if(job.isClientAvailable()) if(job.isClientAvailable())
...@@ -69,6 +71,7 @@ ...@@ -69,6 +71,7 @@
&nbsp;&nbsp;.&nbsp;&nbsp; &nbsp;&nbsp;.&nbsp;&nbsp;
<oneit:toString value="<%= job.getLevel() %>" mode="EscapeHTML" /> <oneit:toString value="<%= job.getLevel() %>" mode="EscapeHTML" />
</div> </div>
</div>
</div> </div>
......
cmsWebApp/webroot/extensions/adminportal/inc/applicants_list_report_header.jsp
...@@ -5,13 +5,14 @@ ...@@ -5,13 +5,14 @@
<oneit:dynIncluded> <oneit:dynIncluded>
<style type="text/css" media="print,screen" > <style type="text/css" media="print,screen" >
body { margin: 0; background-color: #e9ecef; font-family: "Usual-Light";} body { margin: 0; background-color: #e9ecef; font-family: "Usual-Regular";}
div.header{background-color: #1a2531; height: 80px; padding: 0 30px ;} div.header{background-color: #1a2531; height: 80px; padding: 0 50px ;}
div.header:after{display:inline-block; line-height:80px; width:0; content:"\00A0"; overflow:hidden; vertical-align:middle} div.header:after{display:inline-block; line-height:80px; width:0; content:"\00A0"; overflow:hidden; vertical-align:middle; }
.chief-officer {font-family: "Usual-Light";color: #ffffff; text-align: left; line-height: normal; .chief-officer {font-family: "Usual-Light";color: #ffffff; text-align: left; line-height: normal;
font-size: 22px;; font-weight: 300; display: inline-block; width:58%;vertical-align:middle} font-size: 22px;; font-weight: 300; display: inline-block; width:58%;vertical-align:middle}
.chief-officer .ref-no {color: #8E97A0;} .chief-officer .ref-no {color: #8E97A0;}
.by-name {font-family: "Usual-Light";color: #ffffff; float: right; font-size: 12px; width:40%; display: inline-block; text-align: right;} .header-right {color: #ffffff; float: right; width:40%; text-align: right;border:1px solid white}
.by-name {font-family: "Usual-Light";color: #ffffff; float: right; font-size: 12px; padding: 0; width:40%;text-align: right; }
.header-right-status {font-family: "Usual-Light";margin: 25px 0 10px; font-size: 11px;text-align: right; } .header-right-status {font-family: "Usual-Light";margin: 25px 0 10px; font-size: 11px;text-align: right; }
.light-calendar { .light-calendar {
background-image: url('file://<%= PDFUtils.FILE_BASE_PATH %>/images/calendar-icon-light.png'); background-image: url('file://<%= PDFUtils.FILE_BASE_PATH %>/images/calendar-icon-light.png');
...@@ -54,16 +55,16 @@ ...@@ -54,16 +55,16 @@
border: 4px solid #f9623d; border: 4px solid #f9623d;
} }
div.white-header {background-color: #fff; height:80px;box-shadow: 0 3px 5px 0 rgba(0,0,0,0.02); padding: 0 30px ;} div.white-header {background-color: #fff; height:100px;box-shadow: 0 3px 5px 0 rgba(0,0,0,0.02); padding: 0 50px ;}
div.white-header:after{display:inline-block; line-height:80px; width:0; content:"\00A0"; overflow:hidden; vertical-align:middle} div.white-header:after{display:inline-block; line-height:80px; width:0; content:"\00A0"; overflow:hidden; vertical-align:middle}
.main-appli-name {display: inline-block; width:48%; vertical-align:middle } .main-appli-name {display: inline-block; width:48%; vertical-align:middle ; margin-top:25px; }
.appli-name{color: #1A2531; text-align: left; font-size: 26px; font-weight: 300; font-family: "Usual-Regular";} .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-applied{color: #7d7f82; text-align: left; font-size: 12px; margin-top: 6px;}
.appli-count {display: inline-block; width: 50%;text-align: right;color: #8E97A0;font-size: 15px; vertical-align:middle;} .appli-count {margin-top:40px;float:right; width: 50%;text-align: right;color: #8E97A0;font-size: 15px; vertical-align:middle;}
.view-appli-list {padding: 5mm; } .view-appli-list {padding: 50px; }
.appli-row{ width: 100%; background-color: #ffffff; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.02); margin-bottom: 16px;} .appli-row{ width: 100%; background-color: #ffffff; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.02); height: 80px; margin-bottom: 16px;}
.appli-l {float: left; border-left: solid 1px #eee; height:30px;} .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;} .appli-list-name {color: #4a4a4a;font-size: 20px;width:27%; padding:20px 2%; height:30px; border-left: none;}
.appli-status { font-size: 11px; letter-spacing: 0.9px; text-align: left; color: #767577; text-transform: uppercase; margin-top:5px;} .appli-status { font-size: 11px; letter-spacing: 0.9px; text-align: left; color: #767577; text-transform: uppercase; margin-top:5px;}
...@@ -74,8 +75,8 @@ ...@@ -74,8 +75,8 @@
padding:20px 1%; padding:20px 1%;
text-transform: uppercase; text-transform: uppercase;
width: 15%; width: 15%;
height:30px; height:40px;
line-height: 30px; line-height: 40px;
} }
.appli-overall span { .appli-overall span {
color: #03a0e7; color: #03a0e7;
...@@ -87,7 +88,7 @@ ...@@ -87,7 +88,7 @@
color: #4a4a4a; color: #4a4a4a;
font-size: 11px; font-size: 11px;
letter-spacing: 1px; letter-spacing: 1px;
padding:20px 1%; padding:25px 1%;
text-transform: uppercase; text-transform: uppercase;
width: 15%; width: 15%;
} }
...@@ -151,7 +152,7 @@ ...@@ -151,7 +152,7 @@
@page @page
{ {
size: A4 portrait; size: 1340px 1896px;;
margin : 0; margin : 0;
@top-left { content: element(header);} @top-left { content: element(header);}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment