Skip to content

P
PERFORMA_REPLICA
Commit b5aecfaf by Saliya Randunu
Options

S12567691 # Client - Incoming Issues (raised by Client) #Applicant Summary report

parent dc510c9a
Showing with 84 additions and 38 deletions
cmsWebApp/webroot/extensions/adminportal/inc/applicant_report.jsp
......@@ -89,7 +89,11 @@
<tr>
<td class="chart-cell">
<div class="cell-title">Requirements</div>
<div>
<div class="chart-img">
<%if(missingReq) {%>
<div class="chart-cell-missing-req-icon">
</div>
<%}%>
<img src="file:///<%= jobApplication.getRequirementRingChart() %>" alt="Ring Chart"/>
</div>
<div class="row four-label">
......@@ -108,7 +112,7 @@
continue;
}
%>
<div class="col-md-6 col-sm-6 col-xs-6 text-left">
<div style="width: 40%;">
<div class="a-label-row">
<span class="r-y-label pre-dot"><%= ct.getDescription() %></span>
<%
......
cmsWebApp/webroot/extensions/adminportal/inc/applicant_report_header.jsp
......@@ -11,7 +11,6 @@
.chief-officer {color: #ffffff; text-align: left; font-size: 22px; line-height: normal;
font-weight: 300; width:50%;display: inline-block; vertical-align: middle;
}
.chief-officer .ref-no {color: #8E97A0;}
......@@ -41,67 +40,75 @@
.charts-table {background: #fff;margin-top: 30px; page-break-inside: avoid;}
.chart-cell {width:25%; text-align: center; padding: 25px 0;border-right:1px solid #ECECEE; vertical-align: top;}
.chart-cell {width:20%; text-align: center; padding: 25px 0;border-right:1px solid #ECECEE; vertical-align: top;}
.chart-img {position: relative;}
.chart-cell-missing-req-icon{
top:12px;
left :42%;
box-sizing: border-box;
height: 20px;
width: 20px;
position: absolute;
padding: 0;
display: block;
border-radius: 50%;
border:2px solid #fff;
background-image : url('file://<%= PDFUtils.FILE_BASE_PATH %>/images/missinreq.png'); background-size:20px;
}
.chart-info-cell{vertical-align: top;}
.chart-info-cell .appli-row {height: 60px; border-bottom: 1px solid #ECECEE; padding-left:25px;line-height: 60px;}
.chart-info-cell .appli-row {height: 60px; border-bottom: 1px solid #ECECEE; padding-left:17px;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; display: inline-block; vertical-align: middle;width:26%;white-space: nowrap; }
.appli-percen{font-size: 24px; color: #667281; display: inline-block; vertical-align: middle;width: 10%}
span.appli-progress-bar {display: inline-block; width:60%;vertical-align: middle; }
.appli-label{font-weight: 500;font-size: 12px;text-align: left; color: #4E5258; display: inline-block; vertical-align: middle;width:20%;white-space: nowrap; }
.appli-percen{font-size: 24px; color: #667281; display: inline-block; vertical-align: middle;width: 14%; }
span.appli-progress-bar {display: inline-block; width:62%;vertical-align: middle; }
.progress {margin-bottom: 0; border-radius: 0;height: 24px;background: #e9ecef;box-shadow: none;}
.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.fixed-height {height: 45px;}
.detail-tab-row-title {font-size: 10px;letter-spacing: 0.91px;color: #4E5258;display: inline-block; vertical-align: middle;width:34%; padding-left:25px; text-transform: uppercase;}
.detail-tab-row-text {color: #7D7F82;display: inline-block; vertical-align: middle;width:45%; font-size: 12px;}
.detail-tab-row-title {font-size: 10px;letter-spacing: 0.91px;color: #4E5258;display: inline-block; vertical-align: middle;width:34%; padding-left:20px; text-transform: uppercase;}
.detail-tab-row-text {color: #7D7F82;display: inline-block; vertical-align: middle;width:60%; font-size: 12px; }
.line-height-fixed { line-height: 1.4;}
.red-requirements {color: #F9623D; position: relative}
.green-requirements {color: #67B413; position: relative}
.green-requirements .dot-icon {
top:15px;
left :5px;
top:17px;
left :3px;
box-sizing: border-box;
height: 15px;
width: 15px;
border: 1px solid #67B413;
height: 12px;
width: 12px;
position: absolute;
border-radius: 50%;
background-repeat: no-repeat;
background-position: 34% 25%;
padding: 0;
display: block;
background-image : url('file://<%= PDFUtils.FILE_BASE_PATH %>/images/correct.png'); background-color : #67B413; background-size:55%;
background-image : url('file://<%= PDFUtils.FILE_BASE_PATH %>/images/reqgreen.png'); background-size:12px;
}
.red-requirements .dot-icon {
top:15px;
left : 5px;
top:17px;
left :3px;
box-sizing: border-box;
height: 15px;
width: 15px;
border: 1px solid #F9623D;
height: 12px;
width: 12px;
position: absolute;
border-radius: 50%;
background-repeat: no-repeat;
background-position: 32% 25%;
padding: 0;
display: block;
background-image : url('file://<%= PDFUtils.FILE_BASE_PATH %>/images/icon-requirements.png'); background-color : #F9623D; background-size:20%;
background-image : url('file://<%= PDFUtils.FILE_BASE_PATH %>/images/missinreq.png'); background-size:12px;
}
.tab-view-side {
display: inline-block; vertical-align: middle;width:61%;
display: inline-block; vertical-align: middle;width:60%;
}
.result-want {
width: 100%;
font-family: "Usual-Medium";
font-family: "Usual-Light";
}
.result,.wants{
font-size: 10px;
......@@ -121,7 +128,7 @@
float: left;
position: relative;
width: 100%;
overflow: hidden;
}
.like-strive{
font-size: 12px;
......@@ -135,7 +142,12 @@
background: none;
padding: 0 !important;
margin: 0;
overflow: hidden;
}
.result-bar li {
}
.red-b {
background: #fb5d67 none repeat scroll 0 0 !important;
float: left;
......@@ -165,6 +177,7 @@
right: 0;
width: 11px;
z-index: 10;
top:2px;
}
.candidate-does-not {
......@@ -176,18 +189,47 @@
}
.req-icon {
float: right;margin-right: 10px;
display: inline-block;
height: 21px;
width: 21px;
border: 1px solid #F9623D;
border-radius: 50%;
background-repeat: no-repeat;
background-position: 35% 25%;
padding: 0;
display: block;
background-image : url('file://<%= PDFUtils.FILE_BASE_PATH %>/images/icon-requirements.png'); background-color : #F9623D; background-size:20%;
background-image : url('file://<%= PDFUtils.FILE_BASE_PATH %>/images/missinreq.png'); background-size:21px;
}
.common-dot{
width: 12px;
height: 12px;
display: inline-block;
border-radius: 50%;
vertical-align: middle;
}
.red-dot{
background-color: #fabdc1;
border:1px solid #fb5d67;
}
.yellow-dot{
background-color: #fbe7a1;
border: 1px solid #fbc712;
}
.green-dot{
background-color: #8CE2DB;
border: 1px solid #47BBB3;
}
.text-dot-dot{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 88%;
display: inline-block;
}
.r-y-label{
font-size: 11px;
color: #67696d;
padding-left: 6px;
vertical-align: middle;
}
@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