Commit 4f8dd9aa by Nilu Committed by Harsh Shah

checkbox issue in HT screens

parent e2bca0e1
......@@ -9,6 +9,8 @@
<MULTIPLEREFERENCE name="CultureCriteriaAnswers" type="CultureCriteriaAnswer" 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">
<ATTRIB name="CV" type="BinaryContent" dbcol="cv" binaryHandler="loggedin" attribHelper="BLOBAttributeHelper" attribHelperInstance="BLOBAttributeHelper.INSTANCE" mandatory="false"/>
......
......@@ -125,6 +125,7 @@ header{
.fl-right{
float: right;
width: 27.673%;
background-color: #ffffff;
}
.notification-bar {
float: left;
......@@ -3215,6 +3216,9 @@ input.add-note-btn:hover{
width: 100%;
padding: 0 12px 20px;
}
.grid-suitability{
text-align: center;
}
.over-all{
font-size: 50px;
font-weight: 300;
......@@ -3541,33 +3545,32 @@ span.right-img {
width: 18px;
height: 18px;
left: 0;
margin-left: -22px;
border: 1px solid #cccccc;
border-radius: 5px;
margin-top: 5px;
background-color: #fff;
-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;
transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.checkbox-list label::after {
transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox-list label::after {
display: inline-block;
position: absolute;
width: 16px;
height: 16px;
left: 0;
top: 0;
margin-left: -18px;
padding-top: 2px;
padding-left: 7px;
padding-top: 7px;
font-size: 11px;
color: #555555; }
color: #555555;
}
.checkbox-list input[type="checkbox"] {
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: 5px auto -webkit-focus-ring-color;
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';
content: "\f00c"; }
.checkbox-list input[type="checkbox"]:disabled + label {
......@@ -3580,7 +3583,7 @@ span.right-img {
.checkbox-list.checkbox-inline {
margin-top: 0; }
/*View Applicants Second page End*/
/*iew Applicants Second page End*/
/*View Applicants HT005 - Shortlist*/
.short-list a:before{
......@@ -3633,7 +3636,7 @@ span.right-img {
.grid-checkbox.checkbox-list label::after{
padding-left: 0;
padding-top: 4px;
margin-left: -18px;
margin-left: 4px;
}
.detail-box{
float: left;
......
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -16,6 +16,11 @@
%>
<script type="text/javascript">
$(document).ready(function()
{
recalcFunction = setupRecalc ($("form"), {'recalcOnError':true});
});
function gotoEditApplication (id) {
$('.' + id).click();
}
......@@ -121,14 +126,11 @@
%>
<div class="appli-row">
<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">
<input id="checkbox1" type="checkbox">
<label for="checkbox1"></label>
<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:recalcClass>
</div>
</div>
<div class="appli-list-name appli-l eq-second-height">
......
......@@ -14,6 +14,12 @@
String firstTab = WebUtils.getSamePageInRenderMode(request, WebUtils.APPLICANTS_SHORTLIST);
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">
......@@ -38,8 +44,10 @@
<div class="appli-row">
<div class="appli-checkbox appli-l eq-second-height">
<div class="checkbox-list">
<input id="checkbox1" type="checkbox">
<label for="checkbox1"></label>
<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:recalcClass>
</div>
</div>
<div class="appli-list-name appli-l eq-second-height">
......@@ -79,7 +87,7 @@
<div class="appli-status appli-l eq-second-height">
<!--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" ))%>">
<oneit:toString value="<%= jobApplication.getOverallSuitability() %>" mode="PercentageWholeNumber" />
<oneit:toString value="<%= jobApplication.getOverallSuitability() %>" mode="Integer" />
</div>
<div class="appli-list-drop">
<select class="form-control">
......
......@@ -49,6 +49,8 @@
}
]
});
recalcFunction = setupRecalc ($("form"), {'recalcOnError':true});
});
</script>
......@@ -74,16 +76,18 @@
<!--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">
<input id="checkbox1" type="checkbox">
<label for="checkbox1">
<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="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="PercentageWholeNumber" />
<oneit:toString value="<%= jobApplication.getOverallSuitability() %>" mode="Integer" />
</div>
<div class="overall take-font-up">overall suitablity</div>
</div>
......
......@@ -10,6 +10,7 @@
<oneit:css href="/css/bootstrap.min.css" />
<oneit:css href="/css/select2.min.css" />
<oneit:css href="/css/common.css" />
<oneit:css href="/css/fa/font-awesome.css" />
</oneit:css>
<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