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{ ...@@ -3350,6 +3350,10 @@ input.add-note-btn:hover{
.expand-btn > img { .expand-btn > img {
margin-left: 15px; margin-left: 15px;
} }
.expand-btn a{
color: #ffffff;
}
.app-line-br{ .app-line-br{
float: left; float: left;
width: 100%; width: 100%;
...@@ -3754,9 +3758,9 @@ span.right-img { ...@@ -3754,9 +3758,9 @@ span.right-img {
position: relative; position: relative;
top: -4px; top: -4px;
} }
.grid-box-view { /*.grid-box-view {
margin-bottom: 195px; margin-bottom: 195px;
} }*/
/*View Applicants HT005 - Shortlist End*/ /*View Applicants HT005 - Shortlist End*/
......
cmsWebApp/webroot/extensions/adminportal/inc/application_sorting_bar.jsp
...@@ -10,6 +10,7 @@ ...@@ -10,6 +10,7 @@
String currentPage = (String) getData(request, "currentPage"); String currentPage = (String) getData(request, "currentPage");
AppSortOption appSortOpt = (AppSortOption) getData(request, "sortOption"); AppSortOption appSortOpt = (AppSortOption) getData(request, "sortOption");
String tabNumber = (String) getData(request, "tabNumber"); String tabNumber = (String) getData(request, "tabNumber");
Boolean expand = getData(request, "expand")!=null ? (Boolean) getData(request, "expand") : Boolean.FALSE;
%> %>
...@@ -63,7 +64,8 @@ ...@@ -63,7 +64,8 @@
<% <%
for (AppSortOption sortOption : AppSortOption.getAppSortOptionArray()) 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 %>"> <option <%= (appSortOpt != null && appSortOpt == sortOption ? "selected" : "" )%> value="<%= optionLink %>">
<oneit:toString value="<%= sortOption.getDescription() %>" mode="EscapeHTML"/> <oneit:toString value="<%= sortOption.getDescription() %>" mode="EscapeHTML"/>
......
cmsWebApp/webroot/extensions/adminportal/view_applicants_shortlist_grid.jsp
...@@ -15,7 +15,20 @@ ...@@ -15,7 +15,20 @@
process.setAttribute("Job", job); 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"); Debug.assertion(job != null, "Job is null in admin portal view applicants");
...@@ -45,6 +58,7 @@ ...@@ -45,6 +58,7 @@
List<JobApplication> sortedApplications = applications!=null ? Utils.getApplicationsSorted(applications, appSortOpt) : new ArrayList<JobApplication>(); List<JobApplication> sortedApplications = applications!=null ? Utils.getApplicationsSorted(applications, appSortOpt) : new ArrayList<JobApplication>();
process.setAttribute("AppSortOption", appSortOpt); process.setAttribute("AppSortOption", appSortOpt);
process.setAttribute("IsExpand", isExpand);
%> %>
<script type="text/javascript"> <script type="text/javascript">
...@@ -102,152 +116,181 @@ ...@@ -102,152 +116,181 @@
sortOption="<%= appSortOpt %>" sortOption="<%= appSortOpt %>"
currentPage="<%= currentPage %>" currentPage="<%= currentPage %>"
tabNumber="2" tabNumber="2"
expand="<%= isExpand %>"
data="<%= CollectionUtils.EMPTY_MAP%>"/> 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) for(JobApplication jobApplication : sortedApplications)
{ {
%> %>
<div class="appl-c-box application-row" onClick='gotoEditApplication("<%= jobApplication.getID() %>")'> <div class="<%= "appl-c-box " + (i == 0 ? " cb-one" : "")%> ">
<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--> <!--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" ))%> "> <div class="<%= "cb-title " + (i == 0 ? "green-back" : (i < 3 ? "blue-back" : "dark-back" ))%> ">
<oneit:toString value="<%= jobApplication.getCandidate() %>" mode="EscapeHTML" /> <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>
<div class="overall-suitablity"> <div class="overall-suitablity grid-suitability">
<div class="<%= "over-all " + (index == 0 ? "f-60 green" : (index < 3 ? "blue" : "gray"))%> "> <!--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" /> <oneit:toString value="<%= jobApplication.getOverallSuitability() %>" mode="Integer" />
</div> </div>
<div class="overall">overall rank</div> <div class="overall take-font-up">overall rank</div>
</div> </div>
<div class="jcc-box"> <div class="jcc-box">
<div class="job-match jcc"> <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> <span>
<oneit:toString value="<%= jobApplication.getJobMatchPercentage() %>" mode="PercentageWholeNumber" /> <oneit:toString value="<%= jobApplication.getJobMatchPercentage() %>" mode="PercentageWholeNumber" />
</span> </span>
</div> </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"> <div class="culture jcc">
<img src="images/culture-icon.svg"> culture fit <img src="images/culture-icon.svg"> culture fit
<span> <span>
<oneit:toString value="<%= jobApplication.getCulturePercentage() %>" mode="PercentageWholeNumber" /> <oneit:toString value="<%= jobApplication.getCulturePercentage() %>" mode="PercentageWholeNumber" />
</span> </span>
</div> </div>
<div class="criteria jcc"> <div class="detail-box">
<img src="images/criteria-icon.svg"> requirements <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> <span>
<oneit:toString value="<%= jobApplication.getCriteriaPercentage() %>" mode="PercentageWholeNumber" /> <oneit:toString value="<%= jobApplication.getCriteriaPercentage() %>" mode="PercentageWholeNumber" />
</span> </span>
</div> </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> </div>
<% <%
index++; i++;
} }
%> %>
<div class="app-border-bottom"></div> </div>
</div> <div class="main-expand-btn">
<div class="main-expand-btn"> <div class="expand-btn">
<div class="expand-btn">Expand shortlist <img src="images/arrow-white-icon.svg"></div> <oneit:button value=" " name="gotoPage" skin="link"
</div> requestAttribs="<%= CollectionUtils.mapEntry("nextPage", currentPage+"&Expand=N")
.mapEntry("procParams", CollectionUtils.mapEntry("Job", job).mapEntry("AppSortOption", appSortOpt).toMap())
<div class="five-boxs grid-box-view"> .toMap() %>">
<% Collapse shortlist <img src="images/select-top-arrow.svg">
int i = 0; </oneit:button>
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>
<% </div>
i++; <%
} }
%> %>
</div>
</div> </div>
</div> </div>
</oneit:form> </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