Skip to content

P
PERFORMA_REPLICA
Commit 16d9d579 by Nilu Committed by Harsh Shah
Options

styling changes and fonts

parent a63ce734
Showing with 673 additions and 549 deletions
cmsWebApp/src/performa/orm/Job.java
......@@ -176,29 +176,6 @@ public class Job extends BaseJob
}
public String getDaysTillClose()
{
StringBuilder sb = new StringBuilder();
if(getApplyBy()!=null)
{
int dateDiff = getNoOfDaystoClosed();
sb.append(dateDiff);
if(dateDiff==1)
{
sb.append(" day till close");
}
else
{
sb.append(" days till close");
}
}
return sb.toString();
}
public String getClosingInText()
{
StringBuilder sb = new StringBuilder("Closing in ");
......
cmsWebApp/src/performa/orm/types/Importance.java
......@@ -22,14 +22,14 @@ public class Importance extends AbstractEnumerated
public static final Importance NOT_APPLICABLE = new Importance ("NOT_APPLICABLE", "NOT_APPLICABLE", "Not Applicable", false);
public static final Importance ESSENTIAL = new Importance ("ESSENTIAL", "ESSENTIAL", "Essential", false);
public static final Importance DESIRABLE = new Importance ("DESIRABLE", "DESIRABLE", "Desirable", false);
public static final Importance HIGHLY_DESIRABLE = new Importance ("HIGHLY_DESIRABLE", "HIGHLY_DESIRABLE", "Highly Desirable", false);
public static final Importance DESIRABLE = new Importance ("DESIRABLE", "DESIRABLE", "Desirable", false);
public static final Importance ESSENTIAL = new Importance ("ESSENTIAL", "ESSENTIAL", "Essential", false);
private static final Importance[] allImportances =
new Importance[] { NOT_APPLICABLE,ESSENTIAL,HIGHLY_DESIRABLE,DESIRABLE};
new Importance[] { NOT_APPLICABLE,DESIRABLE,HIGHLY_DESIRABLE,ESSENTIAL};
private static Importance[] getAllImportances ()
......@@ -117,9 +117,9 @@ public class Importance extends AbstractEnumerated
public static void defineAdditionalData ()
{
NOT_APPLICABLE.ConsiderForAssessment = false;
ESSENTIAL.ConsiderForAssessment = true;
HIGHLY_DESIRABLE.ConsiderForAssessment = true;
DESIRABLE.ConsiderForAssessment = true;
HIGHLY_DESIRABLE.ConsiderForAssessment = true;
ESSENTIAL.ConsiderForAssessment = true;
}
......
cmsWebApp/src/performa/orm/types/Importance.xml
......@@ -6,9 +6,9 @@
<DATA name="ConsiderForAssessment" type="boolean" />
<VALUE name="NOT_APPLICABLE" description="Not Applicable" ConsiderForAssessment="false"/>
<VALUE name="ESSENTIAL" description="Essential" ConsiderForAssessment="true"/>
<VALUE name="HIGHLY_DESIRABLE" description="Highly Desirable" ConsiderForAssessment="true"/>
<VALUE name="DESIRABLE" description="Desirable" ConsiderForAssessment="true"/>
<VALUE name="HIGHLY_DESIRABLE" description="Highly Desirable" ConsiderForAssessment="true"/>
<VALUE name="ESSENTIAL" description="Essential" ConsiderForAssessment="true"/>
</CONSTANT>
</ROOT>
\ No newline at end of file
cmsWebApp/webroot/css/common.css
@font-face {font-family: 'PIFont';src: url('../fonts/343A83_1_0.eot');src: url('../fonts/343A83_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/343A83_1_0.woff2') format('woff2'),url('../fonts/343A83_1_0.woff') format('woff'),url('../fonts/343A83_1_0.ttf') format('truetype');}
@import url("//hello.myfonts.net/count/343a83");
@font-face {font-family: 'Usual-Bold';src: url('../fonts/343A83_0_0.eot');src: url('../fonts/343A83_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/343A83_0_0.woff2') format('woff2'),url('../fonts/343A83_0_0.woff') format('woff'),url('../fonts/343A83_0_0.ttf') format('truetype');}
@font-face {font-family: 'Usual-Light';src: url('../fonts/343A83_1_0.eot');src: url('../fonts/343A83_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/343A83_1_0.woff2') format('woff2'),url('../fonts/343A83_1_0.woff') format('woff'),url('../fonts/343A83_1_0.ttf') format('truetype');}
@font-face {font-family: 'Usual-Medium';src: url('../fonts/343A83_2_0.eot');src: url('../fonts/343A83_2_0.eot?#iefix') format('embedded-opentype'),url('../fonts/343A83_2_0.woff2') format('woff2'),url('../fonts/343A83_2_0.woff') format('woff'),url('../fonts/343A83_2_0.ttf') format('truetype');}
@font-face {font-family: 'Usual-Regular';src: url('../fonts/343A83_3_0.eot');src: url('../fonts/343A83_3_0.eot?#iefix') format('embedded-opentype'),url('../fonts/343A83_3_0.woff2') format('woff2'),url('../fonts/343A83_3_0.woff') format('woff'),url('../fonts/343A83_3_0.ttf') format('truetype');}
* {
font-family: "PIFont";
font-family: "Usual-Regular";
}
body{
color: #4e5258;
......@@ -50,6 +59,12 @@ p{
}
header{
background: #ffffff;
position: fixed;
left : 0;
top: 0;
width: 100%;
height: 65px;
z-index: 1000;
}
.site-logo {
float: left;
......@@ -65,6 +80,7 @@ header{
background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
padding: 24px 72px 21px;
font-size: 15px;
color: #7d7f82;
}
.search-bar input.form-control:focus{
box-shadow: inset 1px 0 0 0 #eff0f2;
......@@ -213,8 +229,14 @@ ul.profile-dropdown {
background-color: #0e87be;
}
.sidebar-menu {
float: left;
width: 16.25%;
float: left;
width: 16.25%;
}
.sidebar-menu.fixed {
float: none;
width: 16.25%;
position: fixed;
top:75px;
}
.main-menu ul{
padding: 50px 0 50px 27px;
......@@ -342,10 +364,11 @@ span.active-time {
}
.main-content-area{
float: left;
float: right;
width: 83.75%;
background-color: #e9ecef;
padding: 3% 11.56% 3%;
margin-top: 65px;
}
.page-title{
color: #1a2531;
......@@ -353,6 +376,7 @@ span.active-time {
font-weight: 300;
margin-top: 0;
margin-bottom: 5.15%;
font-family: "Usual-Light";
}
.main-tab-form ul{
background-color: #4e5258;
......@@ -386,9 +410,10 @@ span.active-time {
background-color: #4e5258;
border-radius: 100%;
color: #9b9b9b;
font-size: 12px;
font-weight: bold;
line-height: 28px;
font-size: 12px;
font-weight: bold;
line-height: 28px;
font-family: "Usual-Bold";
}
.main-tab-form ul li a:hover span,.main-tab-form ul li a:focus span{
background-color: #75787e;
......@@ -410,6 +435,9 @@ span.active-time {
background-color: #4e5258;
color: #a6a6a6;
}
.main-tab-form .nav-pills a{
font-family: "Usual-Medium";
}
/* Slider */
......@@ -746,12 +774,13 @@ span.checkbox.checked + .slider:before {-webkit-transform: translateX(18px);-ms-
.job-detail-radio label {
padding-left: 20px;
}
.sub-radio-title {
.sub-radio-title, .sub-radio-title span{
color: #4e5258;
font-weight: 300;
margin-top: 5px;
display: block;
line-height: 22px;
font-family: "Usual-Light";
}
.main-job-type{
margin-top: 20px;
......@@ -766,51 +795,52 @@ span.checkbox.checked + .slider:before {-webkit-transform: translateX(18px);-ms-
width: 100%;
}
.form-brack-line{
border: solid 1px #dbdbdf;
display: inline-block;
width: 100%;
margin-top: 15px;
margin-bottom: 34px;
border: solid 1px #dbdbdf;
display: inline-block;
width: 100%;
margin-top: 15px;
margin-bottom: 34px;
}
.form-brack-line-sub{
border: solid 1px #dbdbdf;
display: inline-block;
width: 100%;
margin-top: 5px;
margin-bottom: 30px;
border: solid 1px #dbdbdf;
display: inline-block;
width: 100%;
margin-top: 5px;
margin-bottom: 30px;
}
.optional-title {
float: left;
width: 100%;
font-size: 12px;
margin-bottom: 28px;
font-weight: 800;
font-weight: 500;
font-family: "Usual-Medium";
}
.btn.btn-primary.largeBtn{
border-radius: 100px;
background-color: #03a0e7;
font-size: 15px;
text-align: center;
border-color: #03a0e7;
width: 400px;
height: 60px;
margin-top: 10px;
border-radius: 100px;
background-color: #03a0e7;
font-size: 15px;
text-align: center;
border-color: #03a0e7;
width: 400px;
height: 60px;
margin-top: 10px;
font-weight: 500;
}
.btn.btn-primary.largeBtn:hover{
background-color: #0e87be;
background-color: #0e87be;
}
.btn.active, .btn:active{
box-shadow: none;
-webkit-box-shadow:none;
box-shadow: none;
-webkit-box-shadow:none;
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover{
background-color: #0e87be;
border-color: #0e87be;
background-color: #0e87be;
border-color: #0e87be;
}
.mobile-toggle-menu{display: none;}
.navbar-toggle{
background-color: #03a0e7;
background-color: #03a0e7;
}
.help-support {
float: left;
......@@ -841,19 +871,19 @@ span.checkbox.checked + .slider:before {-webkit-transform: translateX(18px);-ms-
background-image: url('../images/help-icon-hover.png');
}
.help-support a:hover{
color: #313b46;
color: #313b46;
}
.help-support.active{
background-color: #03a0e7;
background-color: #03a0e7;
}
.help-support.active a{
color: #ffffff;
color: #ffffff;
}
.help-support.active a:before{
background-image: url('../images/help-icon-active.png');
}
.set-background{
float: left;
float: left;
width: 83.75%;
background-color: #e9ecef;
min-height: 60px;
......@@ -865,13 +895,13 @@ span.checkbox.checked + .slider:before {-webkit-transform: translateX(18px);-ms-
margin-bottom: 18px;
}
.info-icon{
margin-left: 10px;
margin-left: 10px;
}
.form-medium-title{
font-size: 16px;
font-weight: 500;
color: #4e5258;
display: inline-block;
font-size: 16px;
font-weight: 500;
color: #4e5258;
display: inline-block;
width: 100%;
margin-bottom: 30px;
}
......@@ -879,24 +909,27 @@ span.skill-label {
display: inline-block;
width: 100%;
font-size: 14px;
font-weight: 300;
margin-top: 5px;
font-weight: 300;
margin-top: 5px;
line-height: 22px;
}
span.skill-label span{
font-family: "Usual-Light";
}
.main-add-more {
display: inline-block;
width: 100%;
}
.add-more-btn{
cursor: pointer;
letter-spacing: 1px;
color: #ffffff;
font-size: 11px;
font-weight: 500;
border-radius: 100px;
background-color: #667281;
display: inline-block;
min-height: 45px;
cursor: pointer;
letter-spacing: 1px;
color: #ffffff;
font-size: 11px;
font-weight: 500;
border-radius: 100px;
background-color: #667281;
display: inline-block;
min-height: 45px;
line-height: 45px;
padding: 0 23.37px;
text-transform: uppercase;
......@@ -915,26 +948,31 @@ span.skill-label {
top: -1px;
}
.main-qualification{
display: inline-block;
width: 100%;
background: #eff0f2;
padding:21px 35px 7px 20px;
margin-bottom: 17px;
position: relative;
display: inline-block;
width: 100%;
background: #eff0f2;
padding:21px 35px 7px 20px;
margin-bottom: 17px;
position: relative;
font-family: "Usual-Light";
font-size: 14px;
}
.qualification-title{
margin-bottom: 22px;
margin-bottom: 22px;
}
.qualification-title span{
font-family: "Usual-Medium";
}
.qualification-radio {
display: inline-block;
margin-right: 25px;
}
.save-assess{
display: inline-block;
width: 100%;
display: inline-block;
width: 100%;
}
.btn.btn-primary.top-margin-37{
margin-top: 37px;
margin-top: 37px;
}
.delete-qualification {
width: 28px;
......@@ -949,39 +987,39 @@ span.skill-label {
cursor: pointer;
}
.delete-qualification span{
display: inline-block;
width: 12px;
border: solid 1px #8e97a0;
position: relative;
display: inline-block;
width: 12px;
border: solid 1px #8e97a0;
position: relative;
top: -2px;
}
/*Assessment Criteria Page End*/
/*Job Match Assessment Page*/
.workplace-job{
margin-top: 21px;
margin-bottom: 6px;
margin-top: 21px;
margin-bottom: 6px;
}
.match-job{
margin-top: 24px;
margin-bottom: 29px;
margin-top: 24px;
margin-bottom: 29px;
}
.label-16{
font-size: 16px;
font-size: 16px;
}
.job-match-radio {
margin: 0 0 34px;
}
.job-match-radio.radio label{
padding-left: 20px;
padding-left: 20px;
}
.main-job-match-area{
padding: 40px 11.4% 44px;
padding: 40px 11.4% 44px;
}
.talen{
font-size: 12px;
color: #9b9b9b;
margin-bottom: 2px;
font-size: 12px;
color: #9b9b9b;
margin-bottom: 2px;
}
.main-pack-type {
float: left;
......@@ -990,9 +1028,9 @@ span.skill-label {
padding-left: 34px;
}
.main-pack-type li{
float: left;
width: 22.38%;
margin: 0 7.5px;
float: left;
width: 22.38%;
margin: 0 7.5px;
}
.main-pack-type li:first-child{
/*padding-left: 0;*/
......@@ -1001,91 +1039,92 @@ span.skill-label {
/*padding-right: 0;*/
}
.main-pack-type li.active a{
border-radius: 4px;
background-color: #03a0e7;
border: solid 1px #316eb5;
border-radius: 4px;
background-color: #03a0e7;
border: solid 1px #316eb5;
}
.main-pack-type li.active .pack-price,.main-pack-type li.active .pack-type{
color: #ffffff;
color: #ffffff;
}
.main-pack-type li.active .talen{
color: #ffffff;
opacity: 0.5;
color: #ffffff;
opacity: 0.5;
}
.pack-type{
font-size: 13px;
font-weight: 500;
color: #4e5258;
font-size: 13px;
font-weight: 500;
color: #4e5258;
font-family: "Usual-Medium";
}
.pack-price{
color: #4990e2;
font-weight: normal !important;
color: #4990e2;
font-weight: normal !important;
}
.ex-color{
color: #224b7a;
color: #224b7a;
}
.main-pack-type li a{
text-align: center;
float: left;
width: 100%;
border-radius: 4px;
background-color: #ffffff;
border: solid 1px #dddddd;
cursor: pointer;
text-align: center;
float: left;
width: 100%;
border-radius: 4px;
background-color: #ffffff;
border: solid 1px #dddddd;
cursor: pointer;
}
.main-pack-type li a span{
float: left;
width: 100%;
font-weight: 700;
float: left;
width: 100%;
font-weight: 700;
}
.pack-img{
background-repeat: no-repeat;
background-position: center;
width: 40px;
height: 40px;
margin: 17px 0 24px;
background-repeat: no-repeat;
background-position: center;
width: 40px;
height: 40px;
margin: 17px 0 24px;
}
.main-pack-type a input[type=radio] {
position: absolute;
visibility: hidden;
}
.main-pack-type label{
margin-bottom: 0;
font-weight: normal;
padding: 12px 0 16px;
float: left;
width: 100%;
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
padding: 12px 0 16px;
float: left;
width: 100%;
cursor: pointer;
}
.gn-pu{
background-image: url('../images/general.png');
background-image: url('../images/general.png');
}
.sales-pic{
background-image: url('../images/sale.png');
background-image: url('../images/sale.png');
}
.manag-pic{
background-image: url('../images/management.png');
background-image: url('../images/management.png');
}
.exe-pic{
background-image: url('../images/executive.png');
background-image: url('../images/executive.png');
}
.main-pack-type li.active .gn-pu{
background-image: url('../images/general-active.png');
background-image: url('../images/general-active.png');
}
.main-pack-type li.active .sales-pic{
background-image: url('../images/sale-active.png');
background-image: url('../images/sale-active.png');
}
.main-pack-type li.active .manag-pic{
background-image: url('../images/management-active.png');
background-image: url('../images/management-active.png');
}
.main-pack-type li.active .exe-pic{
background-image: url('../images/executive-active.png');
background-image: url('../images/executive-active.png');
}
/*Job Match Assessment Page End*/
/*Review and Submit Page*/
.review-title{
margin-bottom: 12px;
margin-bottom: 12px;
}
.page-subtitle- {
margin-bottom: 45px;
......@@ -1104,7 +1143,7 @@ span.skill-label {
padding: 0 41.2px;
}
.review-medium-title{
font-size: 16px;
font-size: 16px;
font-weight: 500;
color: #4e5258;
display: inline-block;
......@@ -1115,7 +1154,7 @@ span.skill-label {
margin-bottom: 16px;
}
.beloning{
color: #7d7f82;
color: #7d7f82;
font-size: 14px;
font-weight: 500;
display: inline-block;
......@@ -1123,8 +1162,8 @@ span.skill-label {
padding: 15px 0 2px;
}
.job-match-ass{
color: #4e5258;
padding-bottom: 18px;
color: #4e5258;
padding-bottom: 18px;
}
.job-active-time {
font-size: 14px;
......@@ -1138,7 +1177,7 @@ span.skill-label {
margin-top: 20px;
}
.available-day{
margin-left: 8px;
margin-left: 8px;
}
.culture-element{
......@@ -1149,35 +1188,44 @@ span.skill-label {
/*Workplace Culture*/
.work-title{
margin-bottom: 20px;
margin-bottom: 20px;
}
.work-belonging{
color: #4e5258;
font-size: 16px;
font-weight: 500;
margin-bottom: 40px;
color: #4e5258;
font-size: 16px;
font-weight: 500;
margin-bottom: 40px;
}
.work-belonging span{
font-family: "Usual-Medium";
}
.work-radio-title{
letter-spacing: 1.1px;
color: #4e5258;
font-size: 12px;
font-weight: 500;
margin-bottom: 30px;
letter-spacing: 1.1px;
color: #4e5258;
font-size: 12px;
font-weight: 500;
margin-bottom: 30px;
text-transform: uppercase;
}
.work-radio-title span{
font-family: "Usual-Medium";
}
.workplace-radio.radio label{
padding-left: 9px;
padding-left: 9px;
}
.radio.workplace-radio {
display: inline-block;
width: 100%;
margin: 10px 0;
}
.radio.workplace-radio label{
font-size: 13px;
}
.culture-margin-bottom{
margin-bottom: 15px;
margin-bottom: 15px;
}
input.btn.btn-primary.top-margin-25{
margin-top: 33px;
margin-top: 33px;
}
.radio.margin-bottom-none{
/*margin-bottom: 0;*/
......@@ -1201,18 +1249,18 @@ input.btn.btn-primary.top-margin-25{
border-radius: 50px;
}
.arrow-up-gray{
position: absolute;
position: absolute;
left: 25px;
top: -6px;
}
.arrow-up-gray:before{
content: '';
width: 0;
height: 0;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-bottom: 7px solid #eff0f2;
position: absolute;
content: '';
width: 0;
height: 0;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-bottom: 7px solid #eff0f2;
position: absolute;
}
.rate-toggle li {
text-align: center;
......@@ -1222,19 +1270,19 @@ span.rate-label {
line-height: 34px;
}
.rate-toggle li a{
padding: 0;
border-radius: 0;
border-left: solid 1px #dbdbdf;
background: #ffffff;
padding: 0;
border-radius: 0;
border-left: solid 1px #dbdbdf;
background: #ffffff;
}
.rate-toggle li:first-child a{
padding-left: 5px;
border-left: none;
border-radius: 50px 0 0 50px;
padding-left: 5px;
border-left: none;
border-radius: 50px 0 0 50px;
}
.rate-toggle li:last-child a{
padding-right: 5px;
border-radius: 0 50px 50px 0;
padding-right: 5px;
border-radius: 0 50px 50px 0;
}
.rate-toggle .nav-pills>li.active>a,.rate-toggle .nav-pills>li.active>a:focus,.rate-toggle .nav-pills>li.active>a:hover {
color: #fff;
......@@ -1245,10 +1293,10 @@ span.rate-label {
background-color:#ffffff;
}
.rate-toggle label{
font-weight: normal;
margin-bottom: 0;
display: block;
cursor: pointer;
font-weight: normal;
margin-bottom: 0;
display: block;
cursor: pointer;
}
.rate-toggle input[type="radio"]{
position: absolute;
......@@ -1261,7 +1309,7 @@ span.rate-label {
}
.small-tab-font{
font-size: 11px;
font-size: 11px;
}
.make-payment-tab li a {
min-height: 63px;
......@@ -1299,12 +1347,12 @@ span.rate-label {
margin-left: 7px;
}
.btn.btn-primary.btn-green{
background-color: #67b413;
border-color: #67b413;
background-color: #67b413;
border-color: #67b413;
}
.btn.btn-primary.btn-green:hover{
background-color: #319202;
border-color: #319202;
background-color: #319202;
border-color: #319202;
}
.payment-title {
color: #1a2531;
......@@ -1314,12 +1362,12 @@ span.rate-label {
padding-bottom: 6px;
}
.color-code{
color: #7d7f82;
color: #7d7f82;
}
.total-amount{
font-size: 20px;
font-weight: 700;
float: right;
font-size: 20px;
font-weight: 700;
float: right;
}
.pay-credit-method {
display: inline-block;
......@@ -1358,11 +1406,11 @@ span.rate-label {
width: 100%;
}
.created-job-title{
font-size: 24px;
font-weight: 300;
color: #1a2531;
margin-bottom: 3.2%;
margin-top: 1.5%;
font-size: 24px;
font-weight: 300;
color: #1a2531;
margin-bottom: 3.2%;
margin-top: 1.5%;
}
.created-job-title a {
float: right;
......@@ -1372,19 +1420,19 @@ span.rate-label {
text-decoration: underline;
}
.job-share-icon ul{
border: solid 1px #eeeef0;
border-radius: 2px;
text-align: center;
display: inline-block;
width: 100%;
border: solid 1px #eeeef0;
border-radius: 2px;
text-align: center;
display: inline-block;
width: 100%;
}
.job-share-icon li {
float: left;
border-left: 1px solid #eeeef0;
}
.job-share-icon li a{
line-height: 100px;
display: block;
line-height: 100px;
display: block;
}
.job-share-icon li:first-child{
border-left: none;
......@@ -1644,6 +1692,7 @@ table.pos-table{
font-size: 14px;
font-weight: 300;
margin-bottom: 21px;
font-family: "Usual-Light";
}
.box-br-line {
display: inline-block;
......@@ -2132,22 +2181,35 @@ a.forgot-pass {
}
.dashboard-content-area {
background-color: #e9ecef;
float: left;
padding: 2.2% 5% 2.2%;
float: right;
margin-top: 65px;
width: 83.75%;
position: relative;
}
.dashboard-first-part{
background-color: #1a2531;
height: 290px;
padding: 2.2% 5% 2.2%;
}
.first-part{
background-color: #1a2531;
padding: 2.2% 5% 0;
}
.second-part{
padding: 2.2% 5% 2.2%;
}
.dashboard-welcome{
float: left;
padding-right: 0;
text-align: left;
}
.welcome-text{
.welcome-text, .welcome-text span{
font-family: "Usual-Light";
color: #ffffff;
font-size: 36px;
font-weight: 300;
line-height: 1.42;
}
.d-three-box{
background-color: #ffffff;
......@@ -2155,9 +2217,10 @@ a.forgot-pass {
max-width: 23.7%;
padding: 20px 36px 31px;
top: 20px;
float: none;
float: none;
display: inline-block;
text-align: left;
z-index: 100;
}
.d-fl-left {
float: left;
......@@ -2174,8 +2237,10 @@ a.forgot-pass {
.blue-light{
border-top: 10px solid #03a0e7;
}
.dash-count{
.dash-count, .dash-count span{
font-family: "Usual-Light";
font-size: 60px;
font-weight: 300;
}
.c-green{
color: #03ac66;
......@@ -2189,6 +2254,7 @@ a.forgot-pass {
.d-box-title {
color: #4e5258;
text-align: left;
font-family: "Usual-Light";
font-size: 22px;
font-weight: 300;
}
......@@ -2198,6 +2264,8 @@ a.forgot-pass {
line-height: 45px;
height: 45px;
color: #ffffff;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 11px;
display: inline-block;
......@@ -2222,6 +2290,7 @@ a.forgot-pass {
width: 100%;
position: relative;
margin-top: 44px;
font-family: "Usual-Medium";
}
.arrow-btn:before {
content: '';
......@@ -2293,20 +2362,31 @@ a.forgot-pass {
letter-spacing: 1px;
color: #7d7f82;
font-size: 12px;
font-weight: 700;
font-weight: 500;
margin-right: 18px;
text-transform: uppercase;
font-family: "Usual-Medium";
}
.calendar {
background-image: url('../images/calendar-icon.png');
background-image: url('../images/calendar-icon.svg');
background-repeat: no-repeat;
padding: 2px 0 2px 22px;
padding: 6px 0 2px 22px;
background-position: left center;
font-size: 12px;
font-weight: 500;
color: #7d7f82;
}
.ja-count{
.calendar .number span{
font-family: "Usual-Medium";
}
.ja-count, .ja-count span{
color: #03a0e7;
font-size: 30px;
font-weight: 300;
font-family: "Usual-Light";
}
.ja-count{
display: table-cell;
padding-left: 17px;
}
......@@ -2314,9 +2394,10 @@ a.forgot-pass {
letter-spacing: 1px;
color: #8e97a0;
font-size: 11px;
font-weight: 700;
font-weight: 500;
width: 100%;
float: left;
font-family: "Usual-Medium";
text-transform: uppercase;
}
.ja-icon{
......@@ -2388,9 +2469,10 @@ a.forgot-pass {
}
.job-filter li a{
font-size: 11px;
font-weight: 700;
font-weight: 500;
letter-spacing: 1px;
color: #1a2531;
font-family: "Usual-Medium";
}
.job-filter li.active a{
color: #03a0e7;
......@@ -2428,6 +2510,7 @@ a.forgot-pass {
font-size: 26px;
font-weight: 300;
margin-bottom: 24px;
font-family: "Usual-Light";
}
.chief-officer img {
margin-right: 12px;
......@@ -2440,7 +2523,8 @@ a.forgot-pass {
}
span.austr-post {
text-transform: uppercase;
font-weight: 700;
font-weight: 500;
font-family: "Usual-Medium";
}
span.ex-management {
padding-left: 6px;
......@@ -2452,7 +2536,8 @@ span.ex-management {
background-position: left center;
color: rgba(255, 255, 255, 0.7);
font-size: 11px;
font-weight: 700;
font-weight: 500;
font-family: "Usual-Medium";
}
.active-status-icon{
width: 20px;
......@@ -2475,7 +2560,8 @@ span.ex-management {
letter-spacing: 1px;
color: #ffffff;
font-size: 11px;
font-weight: 700;
font-weight: 500;
font-family: "Usual-Medium";
}
.applicant-right-status{
text-align: right;
......@@ -2490,12 +2576,13 @@ span.ex-management {
letter-spacing: 1px;
color: #ffffff;
font-size: 11px;
font-weight: 700;
font-weight: 500;
padding: 0 27px;
line-height: 45px;
height: 45px;
display: inline-block;
margin-left: 29px;
font-family: "Usual-Medium"
}
.edit-btn-dropdown img {
margin-left: 12px;
......@@ -2553,6 +2640,10 @@ span.ex-management {
text-align: left;
font-size: 26px;
font-weight: 300;
font-family: "Usual-Light";
}
.appli-name span{
font-family: "Usual-Light";
}
.appli-applied{
color: #7d7f82;
......@@ -2627,6 +2718,7 @@ span.appli-percen {
margin-right: 8px;
position: relative;
top: -2px;
font-family: "Usual-Bold";
}
.expand-box {
display: inline-block;
......@@ -2733,6 +2825,7 @@ span.appli-progress-bar {
font-size: 13px;
font-weight: 700;
margin-bottom: 17px;
font-family: "Usual-Medium";
}
.note-txt-box textarea{
resize: none;
......@@ -2770,7 +2863,8 @@ input.add-note-btn:hover{
.admin-name{
color: #4e5258;
font-size: 11px;
font-weight: 700;
font-weight: 500;
font-family: "Usual-Medium";
}
.date-value{
color: #4e5258;
......@@ -2847,6 +2941,7 @@ input.add-note-btn:hover{
.result-want {
float: left;
width: 100%;
font-family: "Usual-Medium";
}
.result,.wants{
font-size: 10px;
......@@ -2939,6 +3034,7 @@ input.add-note-btn:hover{
font-size: 30px;
font-weight: bold;
margin-bottom: 4px;
font-family: "Usual-Bold";
}
.int-timeline li.active span{
color: #1a2531;
......@@ -2946,11 +3042,12 @@ input.add-note-btn:hover{
.int-timeline li a {
color: #b5bfca;
font-size: 11px;
font-weight: 700;
font-weight: 500;
display: block;
padding: 11px 0;
width: 96px;
text-align: center;
font-family: "Usual-Medium";
}
.int-timeline li a:hover {
color: #ffffff;
......@@ -3026,6 +3123,7 @@ input.add-note-btn:hover{
display: inline-block;
width: 100%;
margin-bottom: 4px;
font-family: "Usual-Bold";
}
.unsutable a {
font-size: 11px;
......@@ -3033,6 +3131,7 @@ input.add-note-btn:hover{
color: #7b8da0;
padding: 12px 0;
width: 96px;
font-family: "Usual-Medium";
}
.unsutable a:hover,.unsutable a:hover span{
color: #ffffff;
......@@ -3104,28 +3203,31 @@ input.add-note-btn:hover{
letter-spacing: 0.9px;
text-transform: uppercase;
color: #7d7f82;
font-family: "Usual-Medium";
}
.jcc-box{
float: left;
width: 100%;
}
.jcc{
float: left;
width: 100%;
border-top: solid 1px #edeff0;
text-transform: uppercase;
font-size: 10px;
font-weight: 500;
letter-spacing: 0.9px;
padding: 0 12px;
line-height: 37px;
float: left;
width: 100%;
border-top: solid 1px #edeff0;
text-transform: uppercase;
font-size: 10px;
font-weight: 500;
letter-spacing: 0.9px;
padding: 0 12px;
line-height: 37px;
font-family: "Usual-Medium";
}
.jcc span{
float: right;
font-size: 22px;
font-weight: 300;
text-align: left;
color: #7d7f82;
float: right;
font-size: 22px;
font-weight: 300;
text-align: left;
color: #7d7f82;
font-family: "Usual-Light";
}
.criteria{
background-color: rgba(239, 240, 242, 0.5);
......@@ -3314,6 +3416,9 @@ input.add-note-btn:hover{
float: left;
padding-right: 39px;
}
.appli-percent-no span{
font-family: "Usual-Light";
}
.appli-status {
border: medium none;
padding: 15px 23px 0;
......@@ -4304,4 +4409,21 @@ div.errorField .input-append .add-on {
.job-post-name {
cursor: pointer;
font-weight: bold;
}
label, label .label-title span {
font-family: "Usual-Medium";
font-weight: 500;
}
.assessment-criteria p{
font-family: "Usual-Light";
}
.checkbox label{
font-family: "Usual-Regular";
}
.review-medium-title, .review-label{
font-family: "Usual-Medium";
font-size: 14px;
}
\ No newline at end of file
cmsWebApp/webroot/extensions/adminportal/inc/applicant_view_tabs.jsp
......@@ -15,10 +15,9 @@
<oneit:dynIncluded>
<div class="dashboard-content-area" style="padding: 0px">
<oneit:dynInclude page="/extensions/applicantportal/inc/multifieldtext.jsp" data="<%= CollectionUtils.EMPTY_MAP%>"/>
</div>
<div class="dashboard-content-area first-part">
<oneit:dynInclude page="/extensions/applicantportal/inc/multifieldtext.jsp" data="<%= CollectionUtils.EMPTY_MAP%>"/>
<div class="first-part">
<oneit:dynInclude page="/extensions/adminportal/inc/job_title_bar.jsp" data="<%= CollectionUtils.EMPTY_MAP%>"/>
......
cmsWebApp/webroot/extensions/adminportal/inc/job_list.jsp
......@@ -59,7 +59,15 @@
</div>
<div class="job-company-name">
<span class="superlaw">SUPERLAW</span>
<span class="calendar"><oneit:toString value="<%= job.getDaysTillClose() %>" mode="EscapeHTML"/></span>
<span class="calendar">
<%
int daysToClose = job.getNoOfDaystoClosed();
%>
<span class="number">
<oneit:toString value="<%= daysToClose %>" mode="Integer"/>
</span>
<oneit:toString value="<%= (daysToClose == 1 ? "day" : "days") + " until close" %>" mode="EscapeHTML"/>
</span>
</div>
</div>
<div class="job-application jl-c eq-second-height" style="height: 107px;">
......@@ -92,7 +100,7 @@
</div>
</div>
<div class="job-states jl-c">
<oneit:ormEnum obj="<%= job %>" attributeName="JobStatus" cssClass="form-control status-img job-status"
<oneit:ormEnum obj="<%= job %>" attributeName="JobStatus" cssClass="form-control status-img job-status wider-select"
enums="<%= Arrays.asList(new JobStatus[]{JobStatus.OPEN, JobStatus.COMPLETE}) %>"/>
</div>
<oneit:button name="save" value="Save" cssClass="<%= "save-job" + job.getID().toString() + " hidden"%>"
......
cmsWebApp/webroot/extensions/adminportal/inc/menuinclude.jsp
......@@ -7,7 +7,7 @@
Article apAricle = WebUtils.getArticleByShortCut(objTran, WebUtils.ADMIN_PORTAL);
NavigationBar apSiteNavbar = navbar.getChildNavBarFor(apAricle);
%>
<div class="sidebar-menu">
<div class="sidebar-menu fixed">
<div class="main-menu">
<div class="mobile-toggle-menu">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-1">
......
cmsWebApp/webroot/extensions/adminportal/job_match_assessment.jsp
......@@ -59,7 +59,7 @@
<div class="radio radio-primary job-match-radio">
<input type="radio" name="<%= assessmentTypeKey %>" id="<%= assessmentTypeId %>" class="type_radio" value="<%= assessmentType.getName() %>" <%= selectedStr %>/>
<label for="<%= assessmentTypeId %>">
<b><oneit:toString value="<%= assessmentType %>" mode="EscapeHTML" /></b>
<span class="label-title"><oneit:toString value="<%= assessmentType %>" mode="EscapeHTML" /></span>
<oneit:toString value="<%= assessmentType.getHeaderDesc() %>" mode="EscapeHTML"/>
<oneit:toString value="<%= assessmentType.getQuestionDetails() %>" mode="EscapeHTML"/><br />
<span class="sub-radio-title"><oneit:toString value="<%= assessmentType.getAdditionalDesc() %>" mode="EscapeHTML" /></span>
......
cmsWebApp/webroot/extensions/adminportal/job_review_submit.jsp
......@@ -42,7 +42,7 @@
</div>
<div class="form-group">
<div class="review-medium-title">
<oneit:ormlabel obj="<%= job %>" field="JobTitle" />
<oneit:ormlabel obj="<%= job %>" field="JobTitle"/>
<span class="skill-label">
<oneit:toString value="<%= job.getJobTitle() %>" mode="EscapeHTML" />
</span>
......
cmsWebApp/webroot/extensions/adminportal/page_admin_home.jsp
......@@ -17,7 +17,8 @@
%>
<oneit:form name="editJob" method="post" enctype="multipart/form-data">
<div class="dashboard-content-area first-part">
<div class="dashboard-content-area">
<div class="dashboard-first-part">
<div class="welcome-box">
<div class="dashboard-welcome">
<div class="welcome-text"> Welcome <br/> back <oneit:toString value="<%= SecUserToNameTransform.INSTANCE.transform(SecUser.getTXUser(transaction)) + "!" %>" mode="EscapeHTML"/></div>
......@@ -38,11 +39,12 @@
</div>
</div>
</div>
<div class="dashboard-content-area second-part">
<div class="second-part">
<div class="d-job-title">Open Jobs</div>
<oneit:dynInclude page="/extensions/adminportal/inc/job_list.jsp" data="<%= CollectionUtils.EMPTY_MAP%>"
NextPage="<%= nextPage%>" HomePage="<%= homePage%>" Jobs="<%= jobs %>"/>
</div>
</div>
</oneit:form>
</oneit:dynIncluded>
\ No newline at end of file
cmsWebApp/webroot/extensions/adminportal/view_applicants.jsp
......@@ -24,170 +24,172 @@
<oneit:form name="viewApplicants" method="post" enctype="multipart/form-data">
<oneit:dynInclude page="/extensions/adminportal/inc/applicant_view_tabs.jsp" TabNumber="1" data="<%= CollectionUtils.EMPTY_MAP%>"/>
<div class="dashboard-content-area">
<oneit:dynInclude page="/extensions/adminportal/inc/applicant_view_tabs.jsp" TabNumber="1" data="<%= CollectionUtils.EMPTY_MAP%>"/>
<div class="dashboard-content-area second-part view-app-area">
<div class="five-boxs">
<div class="second-part view-app-area">
<div class="five-boxs">
<%
int index = 0;
for(JobApplication jobApplication : job.getJobApplicationsSet())
{
%>
<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="PercentageWholeNumber" />
</div>
<div class="overall">overall suitablity</div>
</div>
<div class="jcc-box">
<div class="job-match jcc">
<img src="images/app-job-match-icon.png"> job match
<span>
<oneit:toString value="<%= jobApplication.getJobMatchPercentage() %>" mode="PercentageWholeNumber" />
</span>
</div>
<div class="culture jcc">
<img src="images/culture-icon.png"> culture
<span>
<oneit:toString value="<%= jobApplication.getCulturePercentage() %>" mode="PercentageWholeNumber" />
</span>
</div>
<div class="criteria jcc">
<img src="images/criteria-icon.png"> criteria
<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">Expand shortlist <img src="images/arrow-white-icon.png"></div>
</div>
<div class="app-line-br">
<span></span>
</div>
<div class="main-applicants-filter">
<div class="appli-list-shorting">
<div class="appli-shorting-dropdown appli-left">
<span class="appli-order-label">Bulk edit</span>
<select class="form-control">
<option>Interview</option>
</select>
</div>
<div class="appli-filter">
<ul class="">
<li class="lable-appli-shorting">showing</li>
<li class="active">
<a href="#">
ALL Applicants (<oneit:toString value="<%= job.getJobApplicationsCount() %>" mode="Integer" />)
</a>
</li>
<li><a href="#">Qualified</a></li>
</ul>
</div>
<div class="appli-shorting-dropdown">
<span class="appli-order-label">Export</span>
<select class="form-control">
<option>PDF</option>
<option>CSV</option>
<option>XML</option>
</select>
</div>
<div class="appli-shorting-dropdown">
<span class="appli-order-label">order by</span>
<select class="form-control">
<option>Suitability</option>
<option>Newest</option>
<option>Oldest</option>
</select>
</div>
</div>
</div>
<div class="view-appli-list">
<%
int index = 0;
int j = 0;
for(JobApplication jobApplication : job.getJobApplicationsSet())
{
String jobMatch = FormatUtils.stringify(jobApplication.getJobMatchPercentage(), "PercentageWholeNumber", "0");
String culture = FormatUtils.stringify(jobApplication.getCulturePercentage(), "PercentageWholeNumber", "0");
String criteria = FormatUtils.stringify(jobApplication.getCriteriaPercentage(), "PercentageWholeNumber", "0");
%>
<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" ))%> ">
<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>
</div>
</div>
<div class="appli-list-name appli-l eq-second-height">
<oneit:toString value="<%= jobApplication.getCandidate() %>" mode="EscapeHTML" />
<div class="appli-int-status">Interview 1 - schedulded</div>
</div>
<div class="overall-suitablity">
<div class="<%= "over-all " + (index == 0 ? "f-60 green" : (index < 3 ? "blue" : "gray"))%> ">
<oneit:toString value="<%= jobApplication.getOverallSuitability() %>" mode="PercentageWholeNumber" />
</div>
<div class="overall">overall suitablity</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="<%= jobMatch %>" aria-valuemin="0" aria-valuemax="100"
style="<%= "width: " + jobMatch %>">
</div>
</div>
</span>
Job Match
</div>
<div class="jcc-box">
<div class="job-match jcc">
<img src="images/app-job-match-icon.png"> job match
<span>
<oneit:toString value="<%= jobApplication.getJobMatchPercentage() %>" mode="PercentageWholeNumber" />
</span>
</div>
<div class="culture jcc">
<img src="images/culture-icon.png"> culture
<span>
<oneit:toString value="<%= jobApplication.getCulturePercentage() %>" mode="PercentageWholeNumber" />
</span>
<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="<%= culture %>" aria-valuemin="0" aria-valuemax="100"
style="<%= "width: " + culture %>">
</div>
</div>
</span>
culture
</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>
</div>
</span>
selection criteria
</div>
<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" />
</div>
<div class="criteria jcc">
<img src="images/criteria-icon.png"> criteria
<span>
<oneit:toString value="<%= jobApplication.getCriteriaPercentage() %>" mode="PercentageWholeNumber" />
</span>
<div class="appli-list-drop">
<select class="form-control">
<option>Interview</option>
</select>
</div>
</div>
</div>
</div>
<%
index++;
j++;
}
%>
<div class="app-border-bottom"></div>
</div>
<div class="main-expand-btn">
<div class="expand-btn">Expand shortlist <img src="images/arrow-white-icon.png"></div>
</div>
<div class="app-line-br">
<span></span>
</div>
<div class="main-applicants-filter">
<div class="appli-list-shorting">
<div class="appli-shorting-dropdown appli-left">
<span class="appli-order-label">Bulk edit</span>
<select class="form-control">
<option>Interview</option>
</select>
</div>
<div class="appli-filter">
<ul class="">
<li class="lable-appli-shorting">showing</li>
<li class="active">
<a href="#">
ALL Applicants (<oneit:toString value="<%= job.getJobApplicationsCount() %>" mode="Integer" />)
</a>
</li>
<li><a href="#">Qualified</a></li>
</ul>
</div>
<div class="appli-shorting-dropdown">
<span class="appli-order-label">Export</span>
<select class="form-control">
<option>PDF</option>
<option>CSV</option>
<option>XML</option>
</select>
</div>
<div class="appli-shorting-dropdown">
<span class="appli-order-label">order by</span>
<select class="form-control">
<option>Suitability</option>
<option>Newest</option>
<option>Oldest</option>
</select>
</div>
</div>
</div>
<div class="view-appli-list">
<%
int j = 0;
for(JobApplication jobApplication : job.getJobApplicationsSet())
{
String jobMatch = FormatUtils.stringify(jobApplication.getJobMatchPercentage(), "PercentageWholeNumber", "0");
String culture = FormatUtils.stringify(jobApplication.getCulturePercentage(), "PercentageWholeNumber", "0");
String criteria = FormatUtils.stringify(jobApplication.getCriteriaPercentage(), "PercentageWholeNumber", "0");
%>
<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>
</div>
</div>
<div class="appli-list-name appli-l eq-second-height">
<oneit:toString value="<%= jobApplication.getCandidate() %>" mode="EscapeHTML" />
<div class="appli-int-status">Interview 1 - schedulded</div>
</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="<%= jobMatch %>" aria-valuemin="0" aria-valuemax="100"
style="<%= "width: " + jobMatch %>">
</div>
</div>
</span>
Job Match
</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="<%= culture %>" aria-valuemin="0" aria-valuemax="100"
style="<%= "width: " + culture %>">
</div>
</div>
</span>
culture
</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>
</div>
</span>
selection criteria
</div>
<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" />
</div>
<div class="appli-list-drop">
<select class="form-control">
<option>Interview</option>
</select>
</div>
</div>
</div>
<%
j++;
}
%>
</div>
</div>
</oneit:form>
</oneit:dynIncluded>
\ No newline at end of file
cmsWebApp/webroot/extensions/adminportal/view_applicants_shortlist.jsp
......@@ -16,80 +16,83 @@
%>
<oneit:form name="viewApplicants" method="post" enctype="multipart/form-data">
<oneit:dynInclude page="/extensions/adminportal/inc/applicant_view_tabs.jsp" TabNumber="2" data="<%= CollectionUtils.EMPTY_MAP%>"/>
<div class="dashboard-content-area second-part view-app-area">
<div class="dashboard-content-area">
<oneit:dynInclude page="/extensions/adminportal/inc/shortlist_tabs.jsp" TabNumber="1" data="<%= CollectionUtils.EMPTY_MAP%>"/>
<div class="view-appli-list">
<%
int j = 0;
<oneit:dynInclude page="/extensions/adminportal/inc/applicant_view_tabs.jsp" TabNumber="2" data="<%= CollectionUtils.EMPTY_MAP%>"/>
<div class="second-part view-app-area">
<oneit:dynInclude page="/extensions/adminportal/inc/shortlist_tabs.jsp" TabNumber="1" data="<%= CollectionUtils.EMPTY_MAP%>"/>
for(JobApplication jobApplication : job.getJobApplicationsSet())
{
String jobMatch = FormatUtils.stringify(jobApplication.getJobMatchPercentage(), "PercentageWholeNumber", "0");
String culture = FormatUtils.stringify(jobApplication.getCulturePercentage(), "PercentageWholeNumber", "0");
String criteria = FormatUtils.stringify(jobApplication.getCriteriaPercentage(), "PercentageWholeNumber", "0");
%>
<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>
<div class="view-appli-list">
<%
int j = 0;
for(JobApplication jobApplication : job.getJobApplicationsSet())
{
String jobMatch = FormatUtils.stringify(jobApplication.getJobMatchPercentage(), "PercentageWholeNumber", "0");
String culture = FormatUtils.stringify(jobApplication.getCulturePercentage(), "PercentageWholeNumber", "0");
String criteria = FormatUtils.stringify(jobApplication.getCriteriaPercentage(), "PercentageWholeNumber", "0");
%>
<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>
</div>
</div>
</div>
<div class="appli-list-name appli-l eq-second-height">
<oneit:toString value="<%= jobApplication.getCandidate() %>" mode="EscapeHTML" />
<div class="appli-int-status">Interview 1 - schedulded</div>
</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="<%= jobMatch %>" aria-valuemin="0" aria-valuemax="100"
style="<%= "width: " + jobMatch %>">
<div class="appli-list-name appli-l eq-second-height">
<oneit:toString value="<%= jobApplication.getCandidate() %>" mode="EscapeHTML" />
<div class="appli-int-status">Interview 1 - schedulded</div>
</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="<%= jobMatch %>" aria-valuemin="0" aria-valuemax="100"
style="<%= "width: " + jobMatch %>">
</div>
</div>
</div>
</span>
Job Match
</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="<%= culture %>" aria-valuemin="0" aria-valuemax="100"
style="<%= "width: " + culture %>">
</span>
Job Match
</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="<%= culture %>" aria-valuemin="0" aria-valuemax="100"
style="<%= "width: " + culture %>">
</div>
</div>
</span>
culture
</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>
</div>
</span>
selection criteria
</div>
<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" />
</div>
</span>
culture
</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>
<div class="appli-list-drop">
<select class="form-control">
<option>Interview</option>
</select>
</div>
</span>
selection criteria
</div>
</div>
<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" />
</div>
<div class="appli-list-drop">
<select class="form-control">
<option>Interview</option>
</select>
</div>
</div>
<%
j++;
}
%>
</div>
<%
j++;
}
%>
</div>
</div>
</oneit:form>
......
cmsWebApp/webroot/extensions/adminportal/view_applicants_shortlist_grid.jsp
......@@ -54,100 +54,103 @@
</script>
<oneit:form name="viewApplicants" method="post" enctype="multipart/form-data">
<oneit:dynInclude page="/extensions/adminportal/inc/applicant_view_tabs.jsp" TabNumber="2" data="<%= CollectionUtils.EMPTY_MAP%>"/>
<div class="dashboard-content-area second-part view-app-area">
<oneit:dynInclude page="/extensions/adminportal/inc/shortlist_tabs.jsp" TabNumber="2" data="<%= CollectionUtils.EMPTY_MAP%>"/>
<div class="dashboard-content-area">
<div class="five-boxs grid-box-view">
<%
int i = 0;
<oneit:dynInclude page="/extensions/adminportal/inc/applicant_view_tabs.jsp" TabNumber="2" data="<%= CollectionUtils.EMPTY_MAP%>"/>
for(JobApplication jobApplication : job.getJobApplicationsSet())
{
%>
<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">
<input id="checkbox1" type="checkbox">
<label for="checkbox1">
<oneit:toString value="<%= jobApplication.getCandidate() %>" mode="EscapeHTML" />
</label>
</div>
</div>
<div class="overall-suitablity">
<div class="second-part view-app-area">
<oneit:dynInclude page="/extensions/adminportal/inc/shortlist_tabs.jsp" TabNumber="2" data="<%= CollectionUtils.EMPTY_MAP%>"/>
<div class="five-boxs grid-box-view">
<%
int i = 0;
for(JobApplication jobApplication : job.getJobApplicationsSet())
{
%>
<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="<%= "over-all " + (i == 0 ? "f-60 green" : (i < 3 ? "blue" : "gray"))%>">
<oneit:toString value="<%= jobApplication.getOverallSuitability() %>" mode="PercentageWholeNumber" />
</div>
<div class="overall take-font-up">overall suitablity</div>
</div>
<div class="jcc-box">
<div class="job-match jcc">
<img src="images/app-job-match-icon.png"> Profile
<span>
<oneit:toString value="<%= jobApplication.getJobMatchPercentage() %>" mode="PercentageWholeNumber" />
</span>
<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:toString value="<%= jobApplication.getCandidate() %>" mode="EscapeHTML" />
</label>
</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 class="overall-suitablity">
<!--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" />
</div>
<div class="detail-row">
<div class="detail-label">Conflict Management Style</div>
<div class="detail-no green">82%</div>
<div class="overall take-font-up">overall suitablity</div>
</div>
<div class="jcc-box">
<div class="job-match jcc">
<img src="images/app-job-match-icon.png"> Profile
<span>
<oneit:toString value="<%= jobApplication.getJobMatchPercentage() %>" mode="PercentageWholeNumber" />
</span>
</div>
<div class="detail-row">
<div class="detail-label">Coping</div>
<div class="detail-no blue">78%</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="detail-row">
<div class="detail-label">People Orientation</div>
<div class="detail-no gray">68%</div>
<div class="culture jcc">
<img src="images/culture-icon.png"> culture
<span>
<oneit:toString value="<%= jobApplication.getCulturePercentage() %>" mode="PercentageWholeNumber" />
</span>
</div>
</div>
<div class="culture jcc">
<img src="images/culture-icon.png"> culture
<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 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="detail-row">
<div class="detail-label">Category</div>
<div class="detail-no green">88%</div>
<div class="jcc">
<img src="images/criteria-icon.png"> Requirements
<span>
<oneit:toString value="<%= jobApplication.getCriteriaPercentage() %>" mode="PercentageWholeNumber" />
</span>
</div>
</div>
<div class="jcc">
<img src="images/criteria-icon.png"> 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 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>
<%
i++;
}
%>
<%
i++;
}
%>
</div>
</div>
</div>
</oneit:form>
......
cmsWebApp/webroot/images/calendar-icon.svg 0 → 100644
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18">
<g fill="#7D7F82" fill-rule="evenodd">
<path d="M12.811 17.053H3.096A2.637 2.637 0 0 1 .47 14.41V6.063h14.878a.23.23 0 0 0 .089-.018v8.365a2.637 2.637 0 0 1-2.626 2.643m0-15.539a.236.236 0 0 0-.235.237c0 .131.105.237.235.237a2.637 2.637 0 0 1 2.626 2.643v.976a.23.23 0 0 0-.089-.018H.47v-.958a2.637 2.637 0 0 1 2.626-2.643c.13 0 .235-.106.235-.237a.236.236 0 0 0-.235-.237C1.389 1.514 0 2.912 0 4.631v9.779c0 1.718 1.389 3.116 3.096 3.116h9.715c1.707 0 3.096-1.398 3.096-3.116V4.63c0-1.718-1.389-3.116-3.096-3.116"/>
<path d="M6.133 1.988H9.74c.13 0 .235-.106.235-.237a.236.236 0 0 0-.235-.236H6.133a.236.236 0 0 0-.235.236c0 .131.105.237.235.237M12.374 9.953h-8.84a.236.236 0 0 0-.236.237c0 .131.105.237.236.237h8.84c.13 0 .235-.106.235-.237a.236.236 0 0 0-.235-.237M9.89 12.67H6.126a.236.236 0 0 0-.236.237c0 .13.106.237.236.237H9.89c.13 0 .235-.107.235-.237a.236.236 0 0 0-.235-.237M4.596 3.83c.13 0 .235-.107.235-.237V.237a.236.236 0 1 0-.47 0v3.356c0 .13.105.236.235.236M11.312 3.83c.13 0 .235-.107.235-.237V.237a.236.236 0 1 0-.47 0v3.356c0 .13.105.236.235.236"/>
</g>
</svg>
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