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/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