Skip to content

P
PERFORMA_REPLICA
Commit 3448b7f9 by chenith Committed by Harsh Shah
Options

Updated grid view in Application shortlist.

parent a21537de
Showing with 165 additions and 116 deletions
cmsWebApp/webroot/css/common.css
......@@ -3350,6 +3350,10 @@ input.add-note-btn:hover{
.expand-btn > img {
margin-left: 15px;
}
.expand-btn a{
color: #ffffff;
}
.app-line-br{
float: left;
width: 100%;
......@@ -3754,9 +3758,9 @@ span.right-img {
position: relative;
top: -4px;
}
.grid-box-view {
/*.grid-box-view {
margin-bottom: 195px;
}
}*/
/*View Applicants HT005 - Shortlist End*/
......
cmsWebApp/webroot/extensions/adminportal/inc/application_sorting_bar.jsp
......@@ -10,6 +10,7 @@
String currentPage = (String) getData(request, "currentPage");
AppSortOption appSortOpt = (AppSortOption) getData(request, "sortOption");
String tabNumber = (String) getData(request, "tabNumber");
Boolean expand = getData(request, "expand")!=null ? (Boolean) getData(request, "expand") : Boolean.FALSE;
%>
......@@ -63,7 +64,8 @@
<%
for (AppSortOption sortOption : AppSortOption.getAppSortOptionArray())
{
String optionLink = currentPage + "&JobID=" + job.getID() + "&AppSortOption=" + sortOption.getName() ;
String optionLink = currentPage + "&JobID=" + job.getID() + "&AppSortOption=" + sortOption.getName()
+ (expand ? "&Expand=Y" : "");
%>
<option <%= (appSortOpt != null && appSortOpt == sortOption ? "selected" : "" )%> value="<%= optionLink %>">
<oneit:toString value="<%= sortOption.getDescription() %>" mode="EscapeHTML"/>
......
cmsWebApp/webroot/extensions/adminportal/view_applicants_shortlist_grid.jsp
......@@ -15,7 +15,20 @@
process.setAttribute("Job", job);
}
Boolean isExpand = (Boolean) process.getAttribute("IsExpand");
if(request.getParameter("Expand") != null)
{
isExpand = CollectionUtils.equals((String) request.getParameter("Expand"), "Y");
}
if(isExpand == null)
{
isExpand = Boolean.FALSE;
}
System.out.println(isExpand);
Debug.assertion(job != null, "Job is null in admin portal view applicants");
......@@ -45,6 +58,7 @@
List<JobApplication> sortedApplications = applications!=null ? Utils.getApplicationsSorted(applications, appSortOpt) : new ArrayList<JobApplication>();
process.setAttribute("AppSortOption", appSortOpt);
process.setAttribute("IsExpand", isExpand);
%>
<script type="text/javascript">
......@@ -102,152 +116,181 @@
sortOption="<%= appSortOpt %>"
currentPage="<%= currentPage %>"
tabNumber="2"
expand="<%= isExpand %>"
data="<%= CollectionUtils.EMPTY_MAP%>"/>
<div class="five-boxs">
<%
if(!isExpand)
{
%>
<div class="five-boxs">
<%
int index = 0;
for(JobApplication jobApplication : sortedApplications)
{
%>
<div class="appl-c-box application-row" onClick='gotoEditApplication("<%= jobApplication.getID() %>")'>
<oneit:button value="EDIT" name="gotoPage" cssClass="<%= jobApplication.getID() + " hidden"%>" skin="link"
requestAttribs="<%= CollectionUtils.mapEntry("nextPage", applicationPage)
.mapEntry("procParams", CollectionUtils.mapEntry("JobApplication", jobApplication).toMap())
.toMap() %>"/>
<!--TODO: need to work on the logic. just added to demonstrate that there are 3 different colors for this-->
<div class="<%= "cb-title " + (index == 0 ? "green-back" : (index < 3 ? "blue-back" : "dark-back" ))%> ">
<oneit:toString value="<%= jobApplication.getCandidate() %>" mode="EscapeHTML" />
</div>
<div class="overall-suitablity">
<div class="<%= "over-all " + (index == 0 ? "f-60 green" : (index < 3 ? "blue" : "gray"))%> ">
<oneit:toString value="<%= jobApplication.getOverallSuitability() %>" mode="Integer" />
</div>
<div class="overall">overall rank</div>
</div>
<div class="jcc-box">
<div class="job-match jcc">
<img src="images/app-job-match-icon.svg"> role fit
<span>
<oneit:toString value="<%= jobApplication.getJobMatchPercentage() %>" mode="PercentageWholeNumber" />
</span>
</div>
<div class="culture jcc">
<img src="images/culture-icon.svg"> culture fit
<span>
<oneit:toString value="<%= jobApplication.getCulturePercentage() %>" mode="PercentageWholeNumber" />
</span>
</div>
<div class="criteria jcc">
<img src="images/criteria-icon.svg"> requirements
<span>
<oneit:toString value="<%= jobApplication.getCriteriaPercentage() %>" mode="PercentageWholeNumber" />
</span>
</div>
</div>
</div>
<%
index++;
}
%>
<div class="app-border-bottom"></div>
</div>
<div class="main-expand-btn">
<div class="expand-btn">
<oneit:button value=" " name="gotoPage" skin="link"
requestAttribs="<%= CollectionUtils.mapEntry("nextPage", currentPage+"&Expand=Y")
.mapEntry("procParams", CollectionUtils.mapEntry("Job", job).mapEntry("AppSortOption", appSortOpt).toMap())
.toMap() %>">
Expand shortlist <img src="images/arrow-white-icon.svg">
</oneit:button>
</div>
</div>
<%
}
else
{
%>
<div class="five-boxs grid-box-view" style="">
<%
int index = 0;
int i = 0;
for(JobApplication jobApplication : sortedApplications)
{
%>
<div class="appl-c-box application-row" onClick='gotoEditApplication("<%= jobApplication.getID() %>")'>
<oneit:button value="EDIT" name="gotoPage" cssClass="<%= jobApplication.getID() + " hidden"%>" skin="link"
requestAttribs="<%= CollectionUtils.mapEntry("nextPage", applicationPage)
.mapEntry("procParams", CollectionUtils.mapEntry("JobApplication", jobApplication).toMap())
.toMap() %>"/>
<div class="<%= "appl-c-box " + (i == 0 ? " cb-one" : "")%> ">
<!--TODO: need to work on the logic. just added to demonstrate that there are 3 different colors for this-->
<div class="<%= "cb-title " + (index == 0 ? "green-back" : (index < 3 ? "blue-back" : "dark-back" ))%> ">
<oneit:toString value="<%= jobApplication.getCandidate() %>" mode="EscapeHTML" />
<div class="<%= "cb-title " + (i == 0 ? "green-back" : (i < 3 ? "blue-back" : "dark-back" ))%> ">
<div class="checkbox-list grid-checkbox">
<oneit:ormInput obj="<%= jobApplication %>" id="<%= jobApplication.getID().toString()%>" attributeName="IsSelected" type="checkbox"/>
<oneit:recalcClass htmlTag="span" classScript="jobApplication.getIsSelected() != null && jobApplication.getIsSelected() ? 'checked': 'unchecked'" jobApplication="<%= jobApplication %>">
<label for="<%= jobApplication.getID().toString()%>">
<oneit:toString value="<%= jobApplication.getCandidate() %>" mode="EscapeHTML" />
</label>
</oneit:recalcClass>
</div>
</div>
<div class="overall-suitablity">
<div class="<%= "over-all " + (index == 0 ? "f-60 green" : (index < 3 ? "blue" : "gray"))%> ">
<div class="overall-suitablity grid-suitability">
<!--TODO: need to work on the logic. just added to demonstrate that there are 3 different colors for this-->
<div class="<%= "over-all " + (i == 0 ? "f-60 green" : (i < 3 ? "blue" : "gray"))%>">
<oneit:toString value="<%= jobApplication.getOverallSuitability() %>" mode="Integer" />
</div>
<div class="overall">overall rank</div>
<div class="overall take-font-up">overall rank</div>
</div>
<div class="jcc-box">
<div class="job-match jcc">
<img src="images/app-job-match-icon.svg"> role fit
<img src="images/app-job-match-icon.svg"> Role fit
<span>
<oneit:toString value="<%= jobApplication.getJobMatchPercentage() %>" mode="PercentageWholeNumber" />
</span>
</div>
<div class="detail-box">
<div class="detail-row">
<div class="detail-label">Career Drive</div>
<div class="detail-no green">82%</div>
</div>
<div class="detail-row">
<div class="detail-label">Conflict Management Style</div>
<div class="detail-no green">82%</div>
</div>
<div class="detail-row">
<div class="detail-label">Coping</div>
<div class="detail-no blue">78%</div>
</div>
<div class="detail-row">
<div class="detail-label">People Orientation</div>
<div class="detail-no gray">68%</div>
</div>
</div>
<div class="culture jcc">
<img src="images/culture-icon.svg"> culture fit
<span>
<oneit:toString value="<%= jobApplication.getCulturePercentage() %>" mode="PercentageWholeNumber" />
<oneit:toString value="<%= jobApplication.getCulturePercentage() %>" mode="PercentageWholeNumber" />
</span>
</div>
<div class="criteria jcc">
<img src="images/criteria-icon.svg"> requirements
<div class="detail-box">
<div class="detail-row">
<div class="detail-label">Category</div>
<div class="detail-no green">91%</div>
</div>
<div class="detail-row">
<div class="detail-label">Category</div>
<div class="detail-no green">88%</div>
</div>
</div>
<div class="jcc">
<img src="images/criteria-icon.svg"> Requirements
<span>
<oneit:toString value="<%= jobApplication.getCriteriaPercentage() %>" mode="PercentageWholeNumber" />
</span>
</div>
<div class="detail-box">
<div class="detail-row">
<div class="detail-label">Category</div>
<div class="detail-no green">93%</div>
</div>
<div class="detail-row">
<div class="detail-label">Category</div>
<div class="detail-no green">88%</div>
</div>
</div>
</div>
</div>
<%
index++;
i++;
}
%>
<div class="app-border-bottom"></div>
</div>
<div class="main-expand-btn">
<div class="expand-btn">Expand shortlist <img src="images/arrow-white-icon.svg"></div>
</div>
<div class="five-boxs grid-box-view">
<%
int i = 0;
for(JobApplication jobApplication : job.getShortlistedApplications())
{
%>
<div class="<%= "appl-c-box " + (i == 0 ? " cb-one" : "")%> ">
<!--TODO: need to work on the logic. just added to demonstrate that there are 3 different colors for this-->
<div class="<%= "cb-title " + (i == 0 ? "green-back" : (i < 3 ? "blue-back" : "dark-back" ))%> ">
<div class="checkbox-list grid-checkbox">
<oneit:ormInput obj="<%= jobApplication %>" id="<%= jobApplication.getID().toString()%>" attributeName="IsSelected" type="checkbox"/>
<oneit:recalcClass htmlTag="span" classScript="jobApplication.getIsSelected() != null && jobApplication.getIsSelected() ? 'checked': 'unchecked'" jobApplication="<%= jobApplication %>">
<label for="<%= jobApplication.getID().toString()%>">
<oneit:toString value="<%= jobApplication.getCandidate() %>" mode="EscapeHTML" />
</label>
</oneit:recalcClass>
</div>
</div>
<div class="overall-suitablity grid-suitability">
<!--TODO: need to work on the logic. just added to demonstrate that there are 3 different colors for this-->
<div class="<%= "over-all " + (i == 0 ? "f-60 green" : (i < 3 ? "blue" : "gray"))%>">
<oneit:toString value="<%= jobApplication.getOverallSuitability() %>" mode="Integer" />
</div>
<div class="overall take-font-up">overall rank</div>
</div>
<div class="jcc-box">
<div class="job-match jcc">
<img src="images/app-job-match-icon.svg"> Role fit
<span>
<oneit:toString value="<%= jobApplication.getJobMatchPercentage() %>" mode="PercentageWholeNumber" />
</span>
</div>
<div class="detail-box">
<div class="detail-row">
<div class="detail-label">Career Drive</div>
<div class="detail-no green">82%</div>
</div>
<div class="detail-row">
<div class="detail-label">Conflict Management Style</div>
<div class="detail-no green">82%</div>
</div>
<div class="detail-row">
<div class="detail-label">Coping</div>
<div class="detail-no blue">78%</div>
</div>
<div class="detail-row">
<div class="detail-label">People Orientation</div>
<div class="detail-no gray">68%</div>
</div>
</div>
<div class="culture jcc">
<img src="images/culture-icon.svg"> culture fit
<span>
<oneit:toString value="<%= jobApplication.getCulturePercentage() %>" mode="PercentageWholeNumber" />
</span>
</div>
<div class="detail-box">
<div class="detail-row">
<div class="detail-label">Category</div>
<div class="detail-no green">91%</div>
</div>
<div class="detail-row">
<div class="detail-label">Category</div>
<div class="detail-no green">88%</div>
</div>
</div>
<div class="jcc">
<img src="images/criteria-icon.svg"> Requirements
<span>
<oneit:toString value="<%= jobApplication.getCriteriaPercentage() %>" mode="PercentageWholeNumber" />
</span>
</div>
<div class="detail-box">
<div class="detail-row">
<div class="detail-label">Category</div>
<div class="detail-no green">93%</div>
</div>
<div class="detail-row">
<div class="detail-label">Category</div>
<div class="detail-no green">88%</div>
</div>
</div>
</div>
</div>
<div class="main-expand-btn">
<div class="expand-btn">
<oneit:button value=" " name="gotoPage" skin="link"
requestAttribs="<%= CollectionUtils.mapEntry("nextPage", currentPage+"&Expand=N")
.mapEntry("procParams", CollectionUtils.mapEntry("Job", job).mapEntry("AppSortOption", appSortOpt).toMap())
.toMap() %>">
Collapse shortlist <img src="images/select-top-arrow.svg">
</oneit:button>
</div>
<%
i++;
}
%>
</div>
</div>
<%
}
%>
</div>
</div>
</oneit:form>
......
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