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 @@
if(hDesirableNo > 0)
{
%>
<div class="width50 text-left" >
<span class="common-dot yellow-dot"></span>
<span class="r-y-label pre-dot">(<%=hDesirableNo%>)</span>
</div>
<%
}
if(essentialNo > 0)
{
%>
<div class="width50 text-left" >
<span class="common-dot red-dot"></span>
<span class="r-y-label pre-dot">(<%=essentialNo%>)</span>
</div>
<%
}
%>
......@@ -181,7 +185,7 @@
{
%>
<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" : ""%>
</span>
<%
......@@ -231,7 +235,7 @@
%>
<!--Role Fit-->
<table width="100%" cellspacing="0" cellpadding="0" class="charts-table">
<table width="100%" cellspacing="0" cellpadding="0" class="charts-table role">
<tr>
<td class="chart-cell">
<div class="cell-title">Role Fit</div>
......@@ -253,8 +257,9 @@
String dotClass = firstScore.getColorCode() != null ? firstScore.getColorCode().getDotCSSClass() : "";
%>
<div style="width: 100%;">
<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="r-y-label text-dot-dot">
<oneit:toString value="<%= firstScore.getFactor() %>" mode="EscapeHTML"/>
......@@ -265,7 +270,7 @@
{
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="r-y-label text-dot-dot">
<oneit:toString value="<%= secondScore.getFactor() %>" mode="EscapeHTML"/>
......@@ -275,6 +280,7 @@
}
%>
</div>
</div>
<%
}
}
......@@ -372,8 +378,9 @@
String dotClass = ((ColorCode)firstTuple.get1()).getDotCSSClass();
%>
<div style="width: 100%;">
<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="r-y-label text-dot-dot">
<oneit:toString value="<%= firstTuple.get0() %>" mode="EscapeHTML"/>
......@@ -384,7 +391,7 @@
{
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="r-y-label text-dot-dot">
<oneit:toString value="<%= secondTuple.get0() %>" mode="EscapeHTML"/>
......@@ -394,6 +401,7 @@
}
%>
</div>
</div>
<%
}
}
......
cmsWebApp/webroot/extensions/adminportal/inc/applicants_grid_report.jsp
......@@ -108,17 +108,17 @@
<div class="jcc-title">
<img src="file:///<%= PDFUtils.FILE_BASE_PATH %>/images/job-match-icon.png" /> role fit
</div>
<span>
<div class="jcc-precentage">
<oneit:toString value="<%= jobApplication.getRoleFitPercentage() %>" mode="PercentageWholeNumber" />
</span>
</div>
</div>
<div class="culture jcc">
<div class="jcc-title">
<img src="file:///<%= PDFUtils.FILE_BASE_PATH %>/images/culture-icon.png" /> culture fit
</div>
<span>
<div class="jcc-precentage">
<oneit:toString value="<%= jobApplication.getCultureFitScore() %>" mode="PercentageWholeNumber" />
</span>
</div>
</div>
<%
......@@ -129,9 +129,9 @@
<div class="jcc-title">
<img src="file:///<%= PDFUtils.FILE_BASE_PATH %>/images/<%=(missingReq ? "icon-requirements_small.png" : "critarea_white.png")%>"/> requirements
</div>
<span>
<div class="jcc-precentage">
<oneit:toString value="<%= jobApplication.getRequirementFitScore() %>" mode="PercentageWholeNumber" />
</span>
</div>
</div>
<%
}
......
cmsWebApp/webroot/extensions/adminportal/inc/applicants_grid_report_header.jsp
......@@ -4,15 +4,14 @@
<%@ page import="performa.orm.*, performa.orm.types.*, performa.chart.*, performa.utils.*"%>
<oneit:dynIncluded>
<style type="text/css" media="print,screen" >
body { margin: 0; background-color: #e9ecef; font-family: "Usual-Light";}
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}
body { margin: 0; background-color: #e9ecef; font-family: "Usual-Regular";}
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; }
.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}
.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; }
.light-calendar {
background-image: url('file://<%= PDFUtils.FILE_BASE_PATH %>/images/calendar-icon-light.png');
......@@ -26,29 +25,45 @@
}
.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;
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}
.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-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; }
.appl-c-box{display: inline-block;width:30%;text-align: left;background: #ffffff none repeat scroll 0 0;margin: 1.5% 1.5%;}
.view-appli-list {padding: 50px; text-align: center;}
.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-applicant{color: #FFFFFF;font-size: 16px;}
......@@ -105,18 +120,23 @@
/*font-weight: 500;*/
letter-spacing: 0.9px;
padding: 0;
/*line-height: 40px;*/
font-family: "Usual-Medium";
color: #4E5258;
}
.jcc-title {
display: inline-block;
width: 65%;
padding-left: 10px;
width: 50%;
padding-left: 30px;
box-sizing: border-box;
position: relative;
/*border:1px solid black;*/
/* height: 40px;
line-height: 50px;*/
}
.jcc img {margin-right:5px;}
.jcc span {
.jcc img {position: absolute; top:12px; left:10px;}
.jcc .jcc-precentage{
width: 25%;
display: inline-block;
font-size: 22px;
......@@ -124,6 +144,7 @@
text-align: right;
color: #7d7f82;
font-family: "Usual-Light";
box-sizing: border-box;
}
......@@ -135,7 +156,7 @@
@page
{
size: A4 portrait;
size: 1340px 1896px;
margin : 0;
@top-left { content: element(header);}
}
......
cmsWebApp/webroot/extensions/adminportal/inc/applicants_list_report.jsp
......@@ -28,6 +28,7 @@
}
%>
</div>
<div class="by-name">
<div class="header-right-status">
<span class="light-calendar">
......@@ -56,6 +57,7 @@
<oneit:toString value="<%= job.getJobStatusText() %>" mode="EscapeHTML"/>
</span>
</div>
<div>
<span class="austr-post">
<%
if(job.isClientAvailable())
......@@ -69,6 +71,7 @@
&nbsp;&nbsp;.&nbsp;&nbsp;
<oneit:toString value="<%= job.getLevel() %>" mode="EscapeHTML" />
</div>
</div>
</div>
......
cmsWebApp/webroot/extensions/adminportal/inc/applicants_list_report_header.jsp
......@@ -5,13 +5,14 @@
<oneit:dynIncluded>
<style type="text/css" media="print,screen" >
body { margin: 0; background-color: #e9ecef; font-family: "Usual-Light";}
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}
body { margin: 0; background-color: #e9ecef; font-family: "Usual-Regular";}
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; }
.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}
.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; }
.light-calendar {
background-image: url('file://<%= PDFUtils.FILE_BASE_PATH %>/images/calendar-icon-light.png');
......@@ -54,16 +55,16 @@
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}
.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-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; }
.appli-row{ width: 100%; background-color: #ffffff; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.02); margin-bottom: 16px;}
.view-appli-list {padding: 50px; }
.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-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;}
......@@ -74,8 +75,8 @@
padding:20px 1%;
text-transform: uppercase;
width: 15%;
height:30px;
line-height: 30px;
height:40px;
line-height: 40px;
}
.appli-overall span {
color: #03a0e7;
......@@ -87,7 +88,7 @@
color: #4a4a4a;
font-size: 11px;
letter-spacing: 1px;
padding:20px 1%;
padding:25px 1%;
text-transform: uppercase;
width: 15%;
}
......@@ -151,7 +152,7 @@
@page
{
size: A4 portrait;
size: 1340px 1896px;;
margin : 0;
@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