Skip to content

P
PERFORMA_REPLICA
Commit 193523f5 by Saliya Randunu
Options

applicant pdf report ui design

parent d3c9a37b
Showing with 65 additions and 42 deletions
cmsWebApp/webroot/extensions/adminportal/inc/applicant_report.jsp
...@@ -59,43 +59,49 @@ ...@@ -59,43 +59,49 @@
<span>OVERALL RANK</span> <span>OVERALL RANK</span>
<oneit:toString value="<%= jobApplication.getOverallRank() %>" mode="Integer" /> <oneit:toString value="<%= jobApplication.getOverallRank() %>" mode="Integer" />
</div> </div>
<div class="shortlised"> <div class="shortlised" style="background-image: url('file:///<%= PDFUtils.FILE_BASE_PATH %>/images/shortlist.png')">
Shortlisted Shortlisted
</div> </div>
</div> </div>
</div> </div>
</div> <div class="contact-row">
<div> <span class="contact-label">E</span>
<div class="contact-label">E
<a href="<%= "mailto:" + candidate.getUser().getUserName() %>"> <a href="<%= "mailto:" + candidate.getUser().getUserName() %>">
<oneit:toString value="<%= candidate.getUser().getUserName() %>" mode="EscapeHTML" /> <oneit:toString value="<%= candidate.getUser().getUserName() %>" mode="EscapeHTML" />
</a> </a>
</div> <span class="contact-label">P </span>
<div class="contact-row">
<div class="contact-label">P
<oneit:toString value="<%= candidate.getPhone() %>" mode="EscapeHTML" /> <oneit:toString value="<%= candidate.getPhone() %>" mode="EscapeHTML" />
<span class="contact-label"><img src="file:///<%= PDFUtils.FILE_BASE_PATH %>/images/icon-location.png" /></span>
<span>Melbourne,Victoria Austrilia 3000 <div class="orange-text">Dose not want to reclocated</div></span>
<span class="contact-label"><img src="file:///<%= PDFUtils.FILE_BASE_PATH %>/images/icon-remote.png" /></span>
<span class="green-text">Prefers to remote</span>
</div> </div>
</div> </div>
<div class="">
<!--Requirements--> <!--Requirements-->
<% <%
if(job.getIncludeAssessmentCriteria() == Boolean.TRUE) if(job.getIncludeAssessmentCriteria() == Boolean.TRUE)
{ {
%> %>
<table width="100%" cellspacing="0" cellpadding="0" style="margin-top:10px;"> <table width="100%" cellspacing="0" cellpadding="0" class="charts-table">
<tr> <tr>
<td style="width:30%;"> <td class="chart-cell">
<div>Requirements</div> <div class="cell-title">Requirements</div>
<div> <div>
<img src="file:///<%= jobApplication.getRequirementRingChart() %>" alt="Ring Chart"/> <img src="file:///<%= jobApplication.getRequirementRingChart() %>" alt="Ring Chart"/>
</div> </div>
</td> </td>
<td> <td class="chart-info-cell">
<table width="100%" cellspacing="0" cellpadding="0">
<% <%
Map<Importance, Long> requirementFitData = (Map<Importance, Long>)jobApplication.getRequirementFit(); Map<Importance, Long> requirementFitData = (Map<Importance, Long>)jobApplication.getRequirementFit();
...@@ -103,19 +109,19 @@ ...@@ -103,19 +109,19 @@
{ {
Long rating = requirementFitData.get(importance); Long rating = requirementFitData.get(importance);
%> %>
<tr> <div class="appli-row">
<span class="appli-label"><oneit:toString value="<%= importance %>" mode="EscapeHTML"/></span> <span class="appli-label"><oneit:toString value="<%= importance %>" mode="EscapeHTML"/></span>
<span class="appli-percen gray"><oneit:toString value="<%= rating %>" mode="PercentageWholeNumber" /></span> <span class="appli-percen gray"><oneit:toString value="<%= rating %>" mode="PercentageWholeNumber" /></span>
<span class="appli-progress-bar"> <span class="appli-progress-bar">
<div class="progress"> <div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="<%= rating %>" aria-valuemin="0" aria-valuemax="100" style="width:<%= rating %>;"></div> <div class="progress-bar" style="width:<%= rating %>%;" role="progressbar" aria-valuenow="<%= rating %>" aria-valuemin="0" aria-valuemax="100"></div>
</div> </div>
</span> </span>
</tr> </div>
<% <%
} }
%> %>
</table>
</td> </td>
</tr> </tr>
</table> </table>
...@@ -124,16 +130,16 @@ ...@@ -124,16 +130,16 @@
%> %>
<!--Role Fit--> <!--Role Fit-->
<table width="100%" cellspacing="0" cellpadding="0" style="margin-top:10px;"> <table width="100%" cellspacing="0" cellpadding="0" class="charts-table">
<tr> <tr>
<td style="width:30%;"> <td class="chart-cell">
<div>Role Fit</div> <div class="cell-title">Role Fit</div>
<div> <div>
<img src="file:///<%= jobApplication.getRoleFitChart() %>" alt="Ring Chart"/> <img src="file:///<%= jobApplication.getRoleFitChart() %>" alt="Ring Chart"/>
</div> </div>
</td> </td>
<td> <td class="chart-info-cell">
<table width="100%" cellspacing="0" cellpadding="0">
<% <%
Map<FactorClass, Tuple.T3<Double, ColorCode, Double>> roleScoreMap = (Map<FactorClass, Tuple.T3<Double, ColorCode, Double>>)jobApplication.getRoleFit(); Map<FactorClass, Tuple.T3<Double, ColorCode, Double>> roleScoreMap = (Map<FactorClass, Tuple.T3<Double, ColorCode, Double>>)jobApplication.getRoleFit();
Map<FactorClass, Map<FactorLevelLink, Map>> factorClassDtls = (Map<FactorClass, Map<FactorLevelLink, Map>>) jobApplication.getFactorScoreDetails(); Map<FactorClass, Map<FactorLevelLink, Map>> factorClassDtls = (Map<FactorClass, Map<FactorLevelLink, Map>>) jobApplication.getFactorScoreDetails();
...@@ -142,34 +148,34 @@ ...@@ -142,34 +148,34 @@
{ {
Double rating = roleScoreMap.get(factorClass).get2(); Double rating = roleScoreMap.get(factorClass).get2();
%> %>
<tr> <div class="appli-row">
<span class="appli-label"><oneit:toString value="<%= factorClass %>" mode="EscapeHTML"/></span> <span class="appli-label"><oneit:toString value="<%= factorClass %>" mode="EscapeHTML"/></span>
<span class="appli-percen gray"><oneit:toString value="<%= rating %>" mode="PercentageWholeNumber" /></span> <span class="appli-percen gray"><oneit:toString value="<%= rating %>" mode="PercentageWholeNumber" /></span>
<span class="appli-progress-bar"> <span class="appli-progress-bar">
<div class="progress"> <div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="<%= rating %>" aria-valuemin="0" aria-valuemax="100" style="width:<%= rating %>;"></div> <div class="progress-bar" role="progressbar" aria-valuenow="<%= rating %>" aria-valuemin="0" aria-valuemax="100" style="width:<%= rating %>%;"></div>
</div> </div>
</span> </span>
</tr> </div>
<% <%
} }
%> %>
</table>
</td> </td>
</tr> </tr>
</table> </table>
<!--Culture Fit Data--> <!--Culture Fit Data-->
<table width="100%" cellspacing="0" cellpadding="0" style="margin-top:10px;"> <table width="100%" cellspacing="0" cellpadding="0" class="charts-table">
<tr> <tr>
<td style="width:30%;"> <td class="chart-cell">
<div>Culture Fit</div> <div class="cell-title">Culture Fit</div>
<div> <div>
<img src="file:///<%= jobApplication.getCultureRingChart() %>" alt="Ring Chart"/> <img src="file:///<%= jobApplication.getCultureRingChart() %>" alt="Ring Chart"/>
</div> </div>
</td> </td>
<td> <td class="chart-info-cell">
<table width="100%" cellspacing="0" cellpadding="0">
<% <%
Map<CultureClass, Tuple.T2<Long, Set<Tuple.T3>>> cultureFitData = (Map<CultureClass, Tuple.T2<Long, Set<Tuple.T3>>>) jobApplication.getCultureFit(); Map<CultureClass, Tuple.T2<Long, Set<Tuple.T3>>> cultureFitData = (Map<CultureClass, Tuple.T2<Long, Set<Tuple.T3>>>) jobApplication.getCultureFit();
...@@ -182,19 +188,19 @@ ...@@ -182,19 +188,19 @@
Long rating = cultureFitData.get(cClass).get0(); Long rating = cultureFitData.get(cClass).get0();
%> %>
<tr> <div class="appli-row">
<span class="appli-label"><oneit:toString value="<%= cClass %>" mode="EscapeHTML"/></span> <span class="appli-label"><oneit:toString value="<%= cClass %>" mode="EscapeHTML"/></span>
<span class="appli-percen gray"><oneit:toString value="<%= rating %>" mode="PercentageWholeNumber" /></span> <span class="appli-percen gray"><oneit:toString value="<%= rating %>" mode="PercentageWholeNumber" /></span>
<span class="appli-progress-bar"> <span class="appli-progress-bar">
<div class="progress"> <div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="<%= rating %>" aria-valuemin="0" aria-valuemax="100" style="width:<%= rating %>;"></div> <div class="progress-bar" role="progressbar" aria-valuenow="<%= rating %>" aria-valuemin="0" aria-valuemax="100" style="width:<%= rating %>%;"></div>
</div> </div>
</span> </span>
</tr> </div>
<% <%
} }
%> %>
</table>
</td> </td>
</tr> </tr>
</table> </table>
......
cmsWebApp/webroot/extensions/adminportal/inc/applicant_report_header.jsp
...@@ -26,17 +26,34 @@ ...@@ -26,17 +26,34 @@
.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%; float: right;} .rank-info {display: inline-block; width: 55%; float: right;}
.shortlised {background:url("") no-repeat left center; text-align: center ;float: right;display: inline-block; color: #03AC66;font-size: 15px;height: 50px; line-height: 50px; border-right:1px solid #ECECEE;width: 120px;padding: 0 20px;} .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: 120px;padding: 0 20px;}
.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;} .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;}
.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;}
.appli-label{font-size: 12px;text-align: left; color: #4E5258;}
.appli-percen{font-size: 24px; color: #667281;}
span.appli-progress-bar {display: inline-block; width: 60%;} .contact-row {padding-top: 20px; }
.contact-label img {width: 10px;}
.contact-row > span , .contact-row > a {margin-right:20px; font-size: 12px; display: inline-block;vertical-align: top;}
.orange-text {color: #F9623D;}
.green-text {color: #41BDB4;}
.contact-row > span.contact-label {font-weight: 500; font-size: 12px; margin-right:10px;}
.charts-table {background: #fff;margin-top: 30px; page-break-inside: avoid;}
.chart-cell {width: 30%; text-align: center; padding: 25px 0;border-right:1px solid #ECECEE; vertical-align: top;}
.chart-info-cell{vertical-align: top;}
.chart-info-cell .appli-row {height: 60px; border-bottom: 1px solid #ECECEE; padding-left: 30px;line-height: 60px;}
.chart-info-cell .appli-row:last-child {border-bottom: none;}
.cell-title {text-transform: uppercase;color: #4A4A4A;font-size: 16px;letter-spacing: 1.45px;}
.appli-label{font-size: 12px;text-align: left; color: #4E5258;min-width: 150px; display: inline-block; vertical-align: middle;width:20% }
.appli-percen{font-size: 24px; color: #667281; display: inline-block; vertical-align: middle;width: 15%}
span.appli-progress-bar {display: inline-block; width:50%;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;} .progress-bar{background: #667281;height: 24px; }
@page @page
{ {
......
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