Skip to content

P
PERFORMA_REPLICA
Commit 4f8dd9aa by Nilu Committed by Harsh Shah
Options

checkbox issue in HT screens

parent e2bca0e1
Showing with 45 additions and 25 deletions
cmsWebApp/src/performa/orm/JobApplication.xml
...@@ -9,6 +9,8 @@ ...@@ -9,6 +9,8 @@
<MULTIPLEREFERENCE name="CultureCriteriaAnswers" type="CultureCriteriaAnswer" backreferenceName="JobApplication" /> <MULTIPLEREFERENCE name="CultureCriteriaAnswers" type="CultureCriteriaAnswer" backreferenceName="JobApplication" />
<MULTIPLEREFERENCE name="ProfileAssessmentAnswers" type="Answer" backreferenceName="JobApplication" /> <MULTIPLEREFERENCE name="ProfileAssessmentAnswers" type="Answer" backreferenceName="JobApplication" />
<TRANSIENT name="IsSelected" type="Boolean" defaultValue="Boolean.FALSE"/>
<TABLE name="tl_job_application" tablePrefix="object" polymorphic="FALSE"> <TABLE name="tl_job_application" tablePrefix="object" polymorphic="FALSE">
<ATTRIB name="CV" type="BinaryContent" dbcol="cv" binaryHandler="loggedin" attribHelper="BLOBAttributeHelper" attribHelperInstance="BLOBAttributeHelper.INSTANCE" mandatory="false"/> <ATTRIB name="CV" type="BinaryContent" dbcol="cv" binaryHandler="loggedin" attribHelper="BLOBAttributeHelper" attribHelperInstance="BLOBAttributeHelper.INSTANCE" mandatory="false"/>
......
cmsWebApp/webroot/css/common.css
...@@ -125,6 +125,7 @@ header{ ...@@ -125,6 +125,7 @@ header{
.fl-right{ .fl-right{
float: right; float: right;
width: 27.673%; width: 27.673%;
background-color: #ffffff;
} }
.notification-bar { .notification-bar {
float: left; float: left;
...@@ -3215,6 +3216,9 @@ input.add-note-btn:hover{ ...@@ -3215,6 +3216,9 @@ input.add-note-btn:hover{
width: 100%; width: 100%;
padding: 0 12px 20px; padding: 0 12px 20px;
} }
.grid-suitability{
text-align: center;
}
.over-all{ .over-all{
font-size: 50px; font-size: 50px;
font-weight: 300; font-weight: 300;
...@@ -3541,33 +3545,32 @@ span.right-img { ...@@ -3541,33 +3545,32 @@ span.right-img {
width: 18px; width: 18px;
height: 18px; height: 18px;
left: 0; left: 0;
margin-left: -22px;
border: 1px solid #cccccc; border: 1px solid #cccccc;
border-radius: 5px; border-radius: 5px;
margin-top: 5px;
background-color: #fff; background-color: #fff;
-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
transition: border 0.15s ease-in-out, color 0.15s ease-in-out; } transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
.checkbox-list label::after { }
.checkbox-list label::after {
display: inline-block; display: inline-block;
position: absolute; position: absolute;
width: 16px; width: 16px;
height: 16px; height: 16px;
left: 0; left: 0;
top: 0; top: 0;
margin-left: -18px; padding-top: 2px;
padding-left: 7px; padding-left: 7px;
padding-top: 7px;
font-size: 11px; font-size: 11px;
color: #555555; } color: #555555;
}
.checkbox-list input[type="checkbox"] { .checkbox-list input[type="checkbox"] {
opacity: 0; } opacity: 0; }
.checkbox-list input[type="checkbox"]:focus + label::before { .checkbox-list input[type="checkbox"]:focus + label::before , .checkbox-list span.checked label:before {
outline: thin dotted; outline: thin dotted;
outline: 5px auto -webkit-focus-ring-color; outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px; } outline-offset: -2px; }
.checkbox-list input[type="checkbox"]:checked + label::after { .checkbox-list input[type="checkbox"]:checked + label::after , .checkbox-list span.checked label:after {
font-family: 'FontAwesome'; font-family: 'FontAwesome';
content: "\f00c"; } content: "\f00c"; }
.checkbox-list input[type="checkbox"]:disabled + label { .checkbox-list input[type="checkbox"]:disabled + label {
...@@ -3580,7 +3583,7 @@ span.right-img { ...@@ -3580,7 +3583,7 @@ span.right-img {
.checkbox-list.checkbox-inline { .checkbox-list.checkbox-inline {
margin-top: 0; } margin-top: 0; }
/*View Applicants Second page End*/ /*iew Applicants Second page End*/
/*View Applicants HT005 - Shortlist*/ /*View Applicants HT005 - Shortlist*/
.short-list a:before{ .short-list a:before{
...@@ -3633,7 +3636,7 @@ span.right-img { ...@@ -3633,7 +3636,7 @@ span.right-img {
.grid-checkbox.checkbox-list label::after{ .grid-checkbox.checkbox-list label::after{
padding-left: 0; padding-left: 0;
padding-top: 4px; padding-top: 4px;
margin-left: -18px; margin-left: 4px;
} }
.detail-box{ .detail-box{
float: left; float: left;
......
cmsWebApp/webroot/css/fonts/fontawesome-webfont.svg 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
cmsWebApp/webroot/extensions/adminportal/view_applicants.jsp
...@@ -16,6 +16,11 @@ ...@@ -16,6 +16,11 @@
%> %>
<script type="text/javascript"> <script type="text/javascript">
$(document).ready(function()
{
recalcFunction = setupRecalc ($("form"), {'recalcOnError':true});
});
function gotoEditApplication (id) { function gotoEditApplication (id) {
$('.' + id).click(); $('.' + id).click();
} }
...@@ -121,14 +126,11 @@ ...@@ -121,14 +126,11 @@
%> %>
<div class="appli-row"> <div class="appli-row">
<div class="appli-checkbox appli-l eq-second-height"> <div class="appli-checkbox appli-l eq-second-height">
<div class="styled_checkboxes">
<div class="checkbox checkbox-primary checkbox-list">
<oneit:input type="checkbox" name="SelectAction" value='<%= jobApplication.getObjectID().toString() %>'/>
</div>
</div>
<div class="checkbox-list"> <div class="checkbox-list">
<input id="checkbox1" type="checkbox"> <oneit:ormInput obj="<%= jobApplication %>" id="<%= jobApplication.getID().toString()%>" attributeName="IsSelected" type="checkbox"/>
<label for="checkbox1"></label> <oneit:recalcClass htmlTag="span" classScript="jobApplication.getIsSelected() != null && jobApplication.getIsSelected() ? 'checked': 'unchecked'" jobApplication="<%= jobApplication %>">
<label for="<%= jobApplication.getID().toString()%>"/>
</oneit:recalcClass>
</div> </div>
</div> </div>
<div class="appli-list-name appli-l eq-second-height"> <div class="appli-list-name appli-l eq-second-height">
......
cmsWebApp/webroot/extensions/adminportal/view_applicants_shortlist.jsp
...@@ -14,6 +14,12 @@ ...@@ -14,6 +14,12 @@
String firstTab = WebUtils.getSamePageInRenderMode(request, WebUtils.APPLICANTS_SHORTLIST); String firstTab = WebUtils.getSamePageInRenderMode(request, WebUtils.APPLICANTS_SHORTLIST);
String secondTab = WebUtils.getSamePageInRenderMode(request, WebUtils.APPLICANTS_GRID); String secondTab = WebUtils.getSamePageInRenderMode(request, WebUtils.APPLICANTS_GRID);
%> %>
<script type="text/javascript">
$(document).ready(function()
{
recalcFunction = setupRecalc ($("form"), {'recalcOnError':true});
});
</script>
<oneit:form name="viewApplicants" method="post" enctype="multipart/form-data"> <oneit:form name="viewApplicants" method="post" enctype="multipart/form-data">
...@@ -38,8 +44,10 @@ ...@@ -38,8 +44,10 @@
<div class="appli-row"> <div class="appli-row">
<div class="appli-checkbox appli-l eq-second-height"> <div class="appli-checkbox appli-l eq-second-height">
<div class="checkbox-list"> <div class="checkbox-list">
<input id="checkbox1" type="checkbox"> <oneit:ormInput obj="<%= jobApplication %>" id="<%= jobApplication.getID().toString()%>" attributeName="IsSelected" type="checkbox"/>
<label for="checkbox1"></label> <oneit:recalcClass htmlTag="span" classScript="jobApplication.getIsSelected() != null && jobApplication.getIsSelected() ? 'checked': 'unchecked'" jobApplication="<%= jobApplication %>">
<label for="<%= jobApplication.getID().toString()%>"/>
</oneit:recalcClass>
</div> </div>
</div> </div>
<div class="appli-list-name appli-l eq-second-height"> <div class="appli-list-name appli-l eq-second-height">
...@@ -79,7 +87,7 @@ ...@@ -79,7 +87,7 @@
<div class="appli-status appli-l eq-second-height"> <div class="appli-status appli-l eq-second-height">
<!--TODO: logic needed to be worked out. Added to note that there are three colors--> <!--TODO: logic needed to be worked out. Added to note that there are three colors-->
<div class="<%= "appli-percent-no " + (j == 0 ? "green" : (j < 3 ? "blue" : "grey" ))%>"> <div class="<%= "appli-percent-no " + (j == 0 ? "green" : (j < 3 ? "blue" : "grey" ))%>">
<oneit:toString value="<%= jobApplication.getOverallSuitability() %>" mode="PercentageWholeNumber" /> <oneit:toString value="<%= jobApplication.getOverallSuitability() %>" mode="Integer" />
</div> </div>
<div class="appli-list-drop"> <div class="appli-list-drop">
<select class="form-control"> <select class="form-control">
......
cmsWebApp/webroot/extensions/adminportal/view_applicants_shortlist_grid.jsp
...@@ -49,6 +49,8 @@ ...@@ -49,6 +49,8 @@
} }
] ]
}); });
recalcFunction = setupRecalc ($("form"), {'recalcOnError':true});
}); });
</script> </script>
...@@ -74,16 +76,18 @@ ...@@ -74,16 +76,18 @@
<!--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 " + (i == 0 ? "green-back" : (i < 3 ? "blue-back" : "dark-back" ))%> "> <div class="<%= "cb-title " + (i == 0 ? "green-back" : (i < 3 ? "blue-back" : "dark-back" ))%> ">
<div class="checkbox-list grid-checkbox"> <div class="checkbox-list grid-checkbox">
<input id="checkbox1" type="checkbox"> <oneit:ormInput obj="<%= jobApplication %>" id="<%= jobApplication.getID().toString()%>" attributeName="IsSelected" type="checkbox"/>
<label for="checkbox1"> <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" /> <oneit:toString value="<%= jobApplication.getCandidate() %>" mode="EscapeHTML" />
</label> </label>
</oneit:recalcClass>
</div> </div>
</div> </div>
<div class="overall-suitablity"> <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--> <!--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"))%>"> <div class="<%= "over-all " + (i == 0 ? "f-60 green" : (i < 3 ? "blue" : "gray"))%>">
<oneit:toString value="<%= jobApplication.getOverallSuitability() %>" mode="PercentageWholeNumber" /> <oneit:toString value="<%= jobApplication.getOverallSuitability() %>" mode="Integer" />
</div> </div>
<div class="overall take-font-up">overall suitablity</div> <div class="overall take-font-up">overall suitablity</div>
</div> </div>
......
cmsWebApp/webroot/inc/std_imports.jsp
...@@ -10,6 +10,7 @@ ...@@ -10,6 +10,7 @@
<oneit:css href="/css/bootstrap.min.css" /> <oneit:css href="/css/bootstrap.min.css" />
<oneit:css href="/css/select2.min.css" /> <oneit:css href="/css/select2.min.css" />
<oneit:css href="/css/common.css" /> <oneit:css href="/css/common.css" />
<oneit:css href="/css/fa/font-awesome.css" />
</oneit:css> </oneit:css>
<oneit:script> <oneit:script>
......
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