Commit 1257861a by chenith Committed by Harsh Shah

Hide Requirements and expand Role and Culture fit if requirement test not applicable.

Removed percentage mark from HT003 grid view for role, culture and requirements.
parent 062e43f0
......@@ -3548,6 +3548,14 @@ input.add-note-btn:hover{
text-transform: uppercase;
width: 15%;
}
.appli-jcs2 {
color: #4a4a4a;
font-size: 11px;
letter-spacing: 1px;
padding: 26px 18px 5px;
text-transform: uppercase;
width: 20%;
}
.appli-overall{
color: #4a4a4a;
font-size: 11px;
......@@ -3914,9 +3922,10 @@ img.alert-icon {float: left;}
.expand-box{margin-left: 15px;}
.big-percentage{font-size: 58px;}
.appli-percent-no{padding-right: 25px;}
.appli-jcs{font-size: 10px;padding: 26px 15px 5px;}
.appli-jcs{font-size: 10px;padding: 26px 15px 5px; width: 13%;}
.appli-jcs2{font-size: 10px;padding: 26px 15px 5px;}
.appli-list-name{font-size: 18px;}
.appli-status{padding: 15px 0 0 12px;width: 28.8%;}
.appli-status{width: 13%; padding: 15px 0 0 12px; }
}
@media screen and (max-width: 1480px){
......@@ -3982,7 +3991,8 @@ img.alert-icon {float: left;}
.work-rating {font-size: 12px;}
.make-payment-tab li a{width: 300px;}
.appli-percent-no {padding-right: 18px;font-size: 28px;}
.appli-jcs {font-size: 9px;padding: 26px 10px 0;}
.appli-jcs {font-size: 9px;padding: 26px 10px 0; width: 12%;}
.appli-jcs2 {font-size: 9px;padding: 26px 10px 0; width: 18%;}
.jcc{padding: 0 8px;}
.jcc span{font-size: 18px;}
.jcc img {margin-right: 5px;}
......@@ -4087,6 +4097,7 @@ img.alert-icon {float: left;}
.appli-list-name{width: 18.5%;}
.appli-list-drop {width: 130px;}
.appli-jcs {font-size: 8px;}
.appli-jcs2 {font-size: 8px;}
.appli-list-name {padding: 26px 0 0 8px;}
.jcc{font-size: 8px;line-height: 34px;}
.jcc span {font-size: 16px;}
......@@ -4177,6 +4188,7 @@ img.alert-icon {float: left;}
.cb-title {font-size: 16px;padding: 12.5px 10px;}
.appli-list-name {border-right: medium none;width: 93%;border-bottom: 1px solid rgba(229, 232, 235, 0.5); padding: 15px 0 0 8px;}
.appli-jcs{width: 20.33%;padding: 26px 10px 15px;}
.appli-jcs2{width: 30.33%;padding: 26px 10px 15px;}
.appli-status{width: 36%;}
.appli-checkbox{border-bottom: 1px solid rgba(229, 232, 235, 0.5);padding: 15px 0 0;width: 7%;}
.appli-filter > ul {padding-right: 0;}
......
......@@ -57,8 +57,16 @@
<div class="<%= "appli-percent-no " + (j == 0 ? "first green" : (j < 3 ? "blue" : "grey" ))%>">
<oneit:toString value="<%= jobApplication.getOverallSuitability() %>" mode="Integer" />
</div>
</div>
<div class="appli-jcs appli-l eq-second-height">
</div>
<%
String widthClass = "appli-jcs2";
if(job.getIncludeAssessmentCriteria()==Boolean.TRUE)
{
widthClass = "appli-jcs";
}
%>
<div class="<%= widthClass %> appli-l eq-second-height">
<span class="appli-view-bar">
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="<%= jobMatch %>" aria-valuemin="0" aria-valuemax="100"
......@@ -68,7 +76,7 @@
</span>
role fit
</div>
<div class="appli-jcs appli-l eq-second-height">
<div class="<%= widthClass %> appli-l eq-second-height">
<span class="appli-view-bar">
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="<%= culture %>" aria-valuemin="0" aria-valuemax="100"
......@@ -78,16 +86,23 @@
</span>
culture fit
</div>
<div class="appli-jcs appli-l eq-second-height">
<span class="appli-view-bar">
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="<%= criteria %>" aria-valuemin="0" aria-valuemax="100"
style="<%= "width: " + criteria %>">
</div>
<%
if(job.getIncludeAssessmentCriteria()==Boolean.TRUE)
{
%>
<div class="<%= widthClass %> appli-l eq-second-height">
<span class="appli-view-bar">
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="<%= criteria %>" aria-valuemin="0" aria-valuemax="100"
style="<%= "width: " + criteria %>">
</div>
</div>
</span>
requirements
</div>
</span>
requirements
</div>
<%
}
%>
<div class="appli-status appli-l eq-second-height">
<div class="appli-list-drop">
<oneit:ormEnum obj="<%= jobApplication %>" attributeName="AppProcessOption" cssClass="form-control app-process"
......
......@@ -71,30 +71,44 @@
<div class="applicant-sub-part">
<div class="applicant-left">
<div class="applicant-progress">
<div class="col-sm-4 col-xs-12 text-center" href="#1a" data-toggle="tab" id="progress1" onClick="tabToggle('#tab1')">
<div class="<%= job.getIncludeAssessmentCriteria()==Boolean.TRUE ? "col-sm-4" : "col-sm-6" %> col-xs-12 text-center" href="#1a" data-toggle="tab" id="progress1" onClick="tabToggle('#tab1')">
<label class="progress-label">role fit</label>
<div class="percent-green fixed-width">
<p style="display:none;"><oneit:toString value="<%= roleScoreMap.get(null) %>" mode="TwoDPDouble" nullValue="0"/></p>
</div>
</div>
<div class="col-sm-4 col-xs-12 text-center" href="#2a" data-toggle="tab" id="progress2" onClick="tabToggle('#tab2')">
<div class="<%= job.getIncludeAssessmentCriteria()==Boolean.TRUE ? "col-sm-4" : "col-sm-4" %> col-xs-12 text-center" href="#2a" data-toggle="tab" id="progress2" onClick="tabToggle('#tab2')">
<label class="progress-label">culture fit</label>
<div class="percent-green fixed-width">
<p style="display:none;"><oneit:toString value="<%= jobApplication.getCulturePercentage() %>" mode="PercentageWholeNumber" /></p>
</div>
</div>
<div class="col-sm-4 col-xs-12 text-center" href="#3a" data-toggle="tab" id="progress3" onClick="tabToggle('#tab3')">
<label class="progress-label">requirements</label>
<div class="percent-blue fixed-width">
<p style="display:none;"><oneit:toString value="<%= jobApplication.getCriteriaPercentage() %>" mode="PercentageWholeNumber" /></p>
</div>
</div>
<%
if(job.getIncludeAssessmentCriteria()==Boolean.TRUE)
{
%>
<div class="col-sm-4 col-xs-12 text-center" href="#3a" data-toggle="tab" id="progress3" onClick="tabToggle('#tab3')">
<label class="progress-label">requirements</label>
<div class="percent-blue fixed-width">
<p style="display:none;"><oneit:toString value="<%= jobApplication.getCriteriaPercentage() %>" mode="PercentageWholeNumber" /></p>
</div>
</div>
<%
}
%>
</div>
<div class="applicant-tab">
<ul class="nav nav-pills nav-justified test-tabs">
<li id="tab1" class="active"><a href="#1a" data-toggle="tab">role fit</a></li>
<li id="tab2"><a href="#2a" data-toggle="tab">culture fit</a></li>
<li id="tab3"><a href="#3a" data-toggle="tab">requirements</a></li>
<%
if(job.getIncludeAssessmentCriteria()==Boolean.TRUE)
{
%>
<li id="tab3"><a href="#3a" data-toggle="tab">requirements</a></li>
<%
}
%>
<li id="tab4"><a href="#4a" data-toggle="tab">areas of concern</a></li>
</ul>
<div class="tab-content clearfix">
......@@ -234,79 +248,86 @@
}
%>
</div>
<div class="tab-pane" id="3a">
<%
Map<Importance, Long> requirementFitData = AnalysisEngine.getRequirementFit(jobApplication.getAssessmentCriteriaAnswersSet());
for(Importance importance: requirementFitData.keySet())
{
if(importance==null)
{
continue;
}
Long rating = requirementFitData.get(importance);
%>
<div class="main-pro-bar">
<div class="pro-bar">
<span class="appli-label"><oneit:toString value="<%= importance %>" mode="EscapeHTML"/></span>
<span class="appli-percen"><oneit:toString value="<%= rating %>" mode="PercentageWholeNumber" /></span>
<span class="appli-progress-bar">
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="<%= rating %>" aria-valuemin="0" aria-valuemax="100" style="width:<%= rating %>%"></div>
</div>
</span>
<span class="expand-box">
<span class="hasarrow"><img src="images/select-down-arrow.svg" /></span>
</span>
</div>
<div class="expand-hide-tag">
<div class="tab-row">
<div class="tab-view-label">
Achievement
</div>
<div class="tab-view-side">
<div class="result-want">
<div class="result">Not results focused</div>
<div class="wants">Wants results</div>
</div>
<div class="result-bar">
<ul>
<li class="red-b" style="width: 26.5%;"></li>
<li class="yellow-b" style="width: 26.5%;"></li>
<li class="green-b" style="width: 47%;"></li>
</ul>
<span class="triangle-arrow" style="left: 48%;"></span>
</div>
<div class="like-strive">Likely to strive to achive results</div>
</div>
</div>
<div class="tab-row">
<div class="tab-view-label">
Remuneration
<%
if(job.getIncludeAssessmentCriteria()==Boolean.TRUE)
{
%>
<div class="tab-pane" id="3a">
<%
Map<Importance, Long> requirementFitData = AnalysisEngine.getRequirementFit(jobApplication.getAssessmentCriteriaAnswersSet());
for(Importance importance: requirementFitData.keySet())
{
if(importance==null)
{
continue;
}
Long rating = requirementFitData.get(importance);
%>
<div class="main-pro-bar">
<div class="pro-bar">
<span class="appli-label"><oneit:toString value="<%= importance %>" mode="EscapeHTML"/></span>
<span class="appli-percen"><oneit:toString value="<%= rating %>" mode="PercentageWholeNumber" /></span>
<span class="appli-progress-bar">
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="<%= rating %>" aria-valuemin="0" aria-valuemax="100" style="width:<%= rating %>%"></div>
</div>
</span>
<span class="expand-box">
<span class="hasarrow"><img src="images/select-down-arrow.svg" /></span>
</span>
</div>
<div class="tab-view-side">
<div class="result-want">
<div class="result">Low concern</div>
<div class="wants">High concern</div>
<div class="expand-hide-tag">
<div class="tab-row">
<div class="tab-view-label">
Achievement
</div>
<div class="tab-view-side">
<div class="result-want">
<div class="result">Not results focused</div>
<div class="wants">Wants results</div>
</div>
<div class="result-bar">
<ul>
<li class="red-b" style="width: 26.5%;"></li>
<li class="yellow-b" style="width: 26.5%;"></li>
<li class="green-b" style="width: 47%;"></li>
</ul>
<span class="triangle-arrow" style="left: 48%;"></span>
</div>
<div class="like-strive">Likely to strive to achive results</div>
</div>
</div>
<div class="result-bar">
<ul>
<li class="red-b" style="width: 23.2%;"></li>
<li class="yellow-b" style="width: 57.6%;"></li>
<li class="green-b" style="width: 19%;"></li>
</ul>
<span class="triangle-arrow" style="left: 72%;"></span>
<div class="tab-row">
<div class="tab-view-label">
Remuneration
</div>
<div class="tab-view-side">
<div class="result-want">
<div class="result">Low concern</div>
<div class="wants">High concern</div>
</div>
<div class="result-bar">
<ul>
<li class="red-b" style="width: 23.2%;"></li>
<li class="yellow-b" style="width: 57.6%;"></li>
<li class="green-b" style="width: 19%;"></li>
</ul>
<span class="triangle-arrow" style="left: 72%;"></span>
</div>
<div class="like-strive">Financial reward is less of a motivation than many other factors</div>
</div>
</div>
<div class="like-strive">Financial reward is less of a motivation than many other factors</div>
</div>
</div>
</div>
</div>
<%
}
%>
</div>
<%
}
%>
</div>
<%
}
%>
<div class="tab-pane" id="4a">
</div>
</div>
......
......@@ -168,7 +168,7 @@
requestAttribs="<%= CollectionUtils.mapEntry("nextPage", applicationPage)
.mapEntry("procParams", CollectionUtils.mapEntry("JobApplication", jobApplication).toMap())
.toMap() %>">
<oneit:toString value="<%= jobApplication.getCulturePercentage() %>" mode="PercentageWholeNumber" />
<oneit:toString value="<%= jobApplication.getCulturePercentage() %>" mode="WholeNumber" />
</oneit:button>
</span>
</div>
......@@ -185,42 +185,49 @@
%>
<div class="detail-row">
<div class="detail-label"><oneit:toString value="<%= cClass %>" mode="EscapeHTML"/></div>
<div class="detail-no green"><oneit:toString value="<%= cultureFitData.get(cClass) %>" mode="PercentageWholeNumber" /></div>
<div class="detail-no green"><oneit:toString value="<%= cultureFitData.get(cClass) %>" mode="WholeNumber" /></div>
</div>
<%
}
%>
</div>
<div class="jcc">
<img src="images/criteria-icon.svg"> Requirements
<span>
<oneit:button value=" " name="gotoPage" skin="link"
requestAttribs="<%= CollectionUtils.mapEntry("nextPage", applicationPage)
.mapEntry("procParams", CollectionUtils.mapEntry("JobApplication", jobApplication).toMap())
.toMap() %>">
<oneit:toString value="<%= jobApplication.getCriteriaPercentage() %>" mode="PercentageWholeNumber" />
</oneit:button>
</span>
</div>
<div class="detail-box">
<%
Map<Importance, Long> requirementFitData = AnalysisEngine.getRequirementFit(jobApplication.getAssessmentCriteriaAnswersSet());
<%
if(job.getIncludeAssessmentCriteria()==Boolean.TRUE)
{
%>
<div class="jcc">
<img src="images/criteria-icon.svg"> Requirements
<span>
<oneit:button value=" " name="gotoPage" skin="link"
requestAttribs="<%= CollectionUtils.mapEntry("nextPage", applicationPage)
.mapEntry("procParams", CollectionUtils.mapEntry("JobApplication", jobApplication).toMap())
.toMap() %>">
<oneit:toString value="<%= jobApplication.getCriteriaPercentage() %>" mode="WholeNumber" />
</oneit:button>
</span>
</div>
<div class="detail-box">
<%
Map<Importance, Long> requirementFitData = AnalysisEngine.getRequirementFit(jobApplication.getAssessmentCriteriaAnswersSet());
for(Importance importance: requirementFitData.keySet())
{
if(importance==null)
{
continue;
}
%>
<div class="detail-row">
<div class="detail-label"><oneit:toString value="<%= importance %>" mode="EscapeHTML"/></div>
<div class="detail-no green"><oneit:toString value="<%= requirementFitData.get(importance) %>" mode="PercentageWholeNumber" /></div>
</div>
<%
}
%>
</div>
for(Importance importance: requirementFitData.keySet())
{
if(importance==null)
{
continue;
}
%>
<div class="detail-row">
<div class="detail-label"><oneit:toString value="<%= importance %>" mode="EscapeHTML"/></div>
<div class="detail-no green"><oneit:toString value="<%= requirementFitData.get(importance) %>" mode="WholeNumber" /></div>
</div>
<%
}
%>
</div>
<%
}
%>
</div>
</oneit:button>
</div>
......
......@@ -156,21 +156,28 @@
requestAttribs="<%= CollectionUtils.mapEntry("nextPage", applicationPage)
.mapEntry("procParams", CollectionUtils.mapEntry("JobApplication", jobApplication).toMap())
.toMap() %>">
<oneit:toString value="<%= jobApplication.getCulturePercentage() %>" mode="PercentageWholeNumber" />
</oneit:button>
</span>
</div>
<div class="criteria jcc">
<img src="images/criteria-icon.svg"> requirements
<span>
<oneit:button value=" " name="gotoPage" skin="link"
requestAttribs="<%= CollectionUtils.mapEntry("nextPage", applicationPage)
.mapEntry("procParams", CollectionUtils.mapEntry("JobApplication", jobApplication).toMap())
.toMap() %>">
<oneit:toString value="<%= jobApplication.getCriteriaPercentage() %>" mode="PercentageWholeNumber" />
<oneit:toString value="<%= jobApplication.getCulturePercentage() %>" mode="WholeNumber" />
</oneit:button>
</span>
</div>
<%
if(job.getIncludeAssessmentCriteria()==Boolean.TRUE)
{
%>
<div class="criteria jcc">
<img src="images/criteria-icon.svg"> requirements
<span>
<oneit:button value=" " name="gotoPage" skin="link"
requestAttribs="<%= CollectionUtils.mapEntry("nextPage", applicationPage)
.mapEntry("procParams", CollectionUtils.mapEntry("JobApplication", jobApplication).toMap())
.toMap() %>">
<oneit:toString value="<%= jobApplication.getCriteriaPercentage() %>" mode="WholeNumber" />
</oneit:button>
</span>
</div>
<%
}
%>
</div>
</oneit:button>
</div>
......
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