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 ...@@ -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() public String getClosingInText()
{ {
StringBuilder sb = new StringBuilder("Closing in "); StringBuilder sb = new StringBuilder("Closing in ");
......
cmsWebApp/src/performa/orm/types/Importance.java
...@@ -22,14 +22,14 @@ public class Importance extends AbstractEnumerated ...@@ -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 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 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 = 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 () private static Importance[] getAllImportances ()
...@@ -117,9 +117,9 @@ public class Importance extends AbstractEnumerated ...@@ -117,9 +117,9 @@ public class Importance extends AbstractEnumerated
public static void defineAdditionalData () public static void defineAdditionalData ()
{ {
NOT_APPLICABLE.ConsiderForAssessment = false; NOT_APPLICABLE.ConsiderForAssessment = false;
ESSENTIAL.ConsiderForAssessment = true;
HIGHLY_DESIRABLE.ConsiderForAssessment = true;
DESIRABLE.ConsiderForAssessment = true; DESIRABLE.ConsiderForAssessment = true;
HIGHLY_DESIRABLE.ConsiderForAssessment = true;
ESSENTIAL.ConsiderForAssessment = true;
} }
......
cmsWebApp/src/performa/orm/types/Importance.xml
...@@ -6,9 +6,9 @@ ...@@ -6,9 +6,9 @@
<DATA name="ConsiderForAssessment" type="boolean" /> <DATA name="ConsiderForAssessment" type="boolean" />
<VALUE name="NOT_APPLICABLE" description="Not Applicable" ConsiderForAssessment="false"/> <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="DESIRABLE" description="Desirable" ConsiderForAssessment="true"/>
<VALUE name="HIGHLY_DESIRABLE" description="Highly Desirable" ConsiderForAssessment="true"/>
<VALUE name="ESSENTIAL" description="Essential" ConsiderForAssessment="true"/>
</CONSTANT> </CONSTANT>
</ROOT> </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{ body{
color: #4e5258; color: #4e5258;
...@@ -50,6 +59,12 @@ p{ ...@@ -50,6 +59,12 @@ p{
} }
header{ header{
background: #ffffff; background: #ffffff;
position: fixed;
left : 0;
top: 0;
width: 100%;
height: 65px;
z-index: 1000;
} }
.site-logo { .site-logo {
float: left; float: left;
...@@ -65,6 +80,7 @@ header{ ...@@ -65,6 +80,7 @@ header{
background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02)); background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
padding: 24px 72px 21px; padding: 24px 72px 21px;
font-size: 15px; font-size: 15px;
color: #7d7f82;
} }
.search-bar input.form-control:focus{ .search-bar input.form-control:focus{
box-shadow: inset 1px 0 0 0 #eff0f2; box-shadow: inset 1px 0 0 0 #eff0f2;
...@@ -213,8 +229,14 @@ ul.profile-dropdown { ...@@ -213,8 +229,14 @@ ul.profile-dropdown {
background-color: #0e87be; background-color: #0e87be;
} }
.sidebar-menu { .sidebar-menu {
float: left; float: left;
width: 16.25%; width: 16.25%;
}
.sidebar-menu.fixed {
float: none;
width: 16.25%;
position: fixed;
top:75px;
} }
.main-menu ul{ .main-menu ul{
padding: 50px 0 50px 27px; padding: 50px 0 50px 27px;
...@@ -342,10 +364,11 @@ span.active-time { ...@@ -342,10 +364,11 @@ span.active-time {
} }
.main-content-area{ .main-content-area{
float: left; float: right;
width: 83.75%; width: 83.75%;
background-color: #e9ecef; background-color: #e9ecef;
padding: 3% 11.56% 3%; padding: 3% 11.56% 3%;
margin-top: 65px;
} }
.page-title{ .page-title{
color: #1a2531; color: #1a2531;
...@@ -353,6 +376,7 @@ span.active-time { ...@@ -353,6 +376,7 @@ span.active-time {
font-weight: 300; font-weight: 300;
margin-top: 0; margin-top: 0;
margin-bottom: 5.15%; margin-bottom: 5.15%;
font-family: "Usual-Light";
} }
.main-tab-form ul{ .main-tab-form ul{
background-color: #4e5258; background-color: #4e5258;
...@@ -386,9 +410,10 @@ span.active-time { ...@@ -386,9 +410,10 @@ span.active-time {
background-color: #4e5258; background-color: #4e5258;
border-radius: 100%; border-radius: 100%;
color: #9b9b9b; color: #9b9b9b;
font-size: 12px; font-size: 12px;
font-weight: bold; font-weight: bold;
line-height: 28px; line-height: 28px;
font-family: "Usual-Bold";
} }
.main-tab-form ul li a:hover span,.main-tab-form ul li a:focus span{ .main-tab-form ul li a:hover span,.main-tab-form ul li a:focus span{
background-color: #75787e; background-color: #75787e;
...@@ -410,6 +435,9 @@ span.active-time { ...@@ -410,6 +435,9 @@ span.active-time {
background-color: #4e5258; background-color: #4e5258;
color: #a6a6a6; color: #a6a6a6;
} }
.main-tab-form .nav-pills a{
font-family: "Usual-Medium";
}
/* Slider */ /* Slider */
...@@ -746,12 +774,13 @@ span.checkbox.checked + .slider:before {-webkit-transform: translateX(18px);-ms- ...@@ -746,12 +774,13 @@ span.checkbox.checked + .slider:before {-webkit-transform: translateX(18px);-ms-
.job-detail-radio label { .job-detail-radio label {
padding-left: 20px; padding-left: 20px;
} }
.sub-radio-title { .sub-radio-title, .sub-radio-title span{
color: #4e5258; color: #4e5258;
font-weight: 300; font-weight: 300;
margin-top: 5px; margin-top: 5px;
display: block; display: block;
line-height: 22px; line-height: 22px;
font-family: "Usual-Light";
} }
.main-job-type{ .main-job-type{
margin-top: 20px; margin-top: 20px;
...@@ -766,51 +795,52 @@ span.checkbox.checked + .slider:before {-webkit-transform: translateX(18px);-ms- ...@@ -766,51 +795,52 @@ span.checkbox.checked + .slider:before {-webkit-transform: translateX(18px);-ms-
width: 100%; width: 100%;
} }
.form-brack-line{ .form-brack-line{
border: solid 1px #dbdbdf; border: solid 1px #dbdbdf;
display: inline-block; display: inline-block;
width: 100%; width: 100%;
margin-top: 15px; margin-top: 15px;
margin-bottom: 34px; margin-bottom: 34px;
} }
.form-brack-line-sub{ .form-brack-line-sub{
border: solid 1px #dbdbdf; border: solid 1px #dbdbdf;
display: inline-block; display: inline-block;
width: 100%; width: 100%;
margin-top: 5px; margin-top: 5px;
margin-bottom: 30px; margin-bottom: 30px;
} }
.optional-title { .optional-title {
float: left; float: left;
width: 100%; width: 100%;
font-size: 12px; font-size: 12px;
margin-bottom: 28px; margin-bottom: 28px;
font-weight: 800; font-weight: 500;
font-family: "Usual-Medium";
} }
.btn.btn-primary.largeBtn{ .btn.btn-primary.largeBtn{
border-radius: 100px; border-radius: 100px;
background-color: #03a0e7; background-color: #03a0e7;
font-size: 15px; font-size: 15px;
text-align: center; text-align: center;
border-color: #03a0e7; border-color: #03a0e7;
width: 400px; width: 400px;
height: 60px; height: 60px;
margin-top: 10px; margin-top: 10px;
font-weight: 500; font-weight: 500;
} }
.btn.btn-primary.largeBtn:hover{ .btn.btn-primary.largeBtn:hover{
background-color: #0e87be; background-color: #0e87be;
} }
.btn.active, .btn:active{ .btn.active, .btn:active{
box-shadow: none; box-shadow: none;
-webkit-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{ .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; background-color: #0e87be;
border-color: #0e87be; border-color: #0e87be;
} }
.mobile-toggle-menu{display: none;} .mobile-toggle-menu{display: none;}
.navbar-toggle{ .navbar-toggle{
background-color: #03a0e7; background-color: #03a0e7;
} }
.help-support { .help-support {
float: left; float: left;
...@@ -841,19 +871,19 @@ span.checkbox.checked + .slider:before {-webkit-transform: translateX(18px);-ms- ...@@ -841,19 +871,19 @@ span.checkbox.checked + .slider:before {-webkit-transform: translateX(18px);-ms-
background-image: url('../images/help-icon-hover.png'); background-image: url('../images/help-icon-hover.png');
} }
.help-support a:hover{ .help-support a:hover{
color: #313b46; color: #313b46;
} }
.help-support.active{ .help-support.active{
background-color: #03a0e7; background-color: #03a0e7;
} }
.help-support.active a{ .help-support.active a{
color: #ffffff; color: #ffffff;
} }
.help-support.active a:before{ .help-support.active a:before{
background-image: url('../images/help-icon-active.png'); background-image: url('../images/help-icon-active.png');
} }
.set-background{ .set-background{
float: left; float: left;
width: 83.75%; width: 83.75%;
background-color: #e9ecef; background-color: #e9ecef;
min-height: 60px; min-height: 60px;
...@@ -865,13 +895,13 @@ span.checkbox.checked + .slider:before {-webkit-transform: translateX(18px);-ms- ...@@ -865,13 +895,13 @@ span.checkbox.checked + .slider:before {-webkit-transform: translateX(18px);-ms-
margin-bottom: 18px; margin-bottom: 18px;
} }
.info-icon{ .info-icon{
margin-left: 10px; margin-left: 10px;
} }
.form-medium-title{ .form-medium-title{
font-size: 16px; font-size: 16px;
font-weight: 500; font-weight: 500;
color: #4e5258; color: #4e5258;
display: inline-block; display: inline-block;
width: 100%; width: 100%;
margin-bottom: 30px; margin-bottom: 30px;
} }
...@@ -879,24 +909,27 @@ span.skill-label { ...@@ -879,24 +909,27 @@ span.skill-label {
display: inline-block; display: inline-block;
width: 100%; width: 100%;
font-size: 14px; font-size: 14px;
font-weight: 300; font-weight: 300;
margin-top: 5px; margin-top: 5px;
line-height: 22px; line-height: 22px;
} }
span.skill-label span{
font-family: "Usual-Light";
}
.main-add-more { .main-add-more {
display: inline-block; display: inline-block;
width: 100%; width: 100%;
} }
.add-more-btn{ .add-more-btn{
cursor: pointer; cursor: pointer;
letter-spacing: 1px; letter-spacing: 1px;
color: #ffffff; color: #ffffff;
font-size: 11px; font-size: 11px;
font-weight: 500; font-weight: 500;
border-radius: 100px; border-radius: 100px;
background-color: #667281; background-color: #667281;
display: inline-block; display: inline-block;
min-height: 45px; min-height: 45px;
line-height: 45px; line-height: 45px;
padding: 0 23.37px; padding: 0 23.37px;
text-transform: uppercase; text-transform: uppercase;
...@@ -915,26 +948,31 @@ span.skill-label { ...@@ -915,26 +948,31 @@ span.skill-label {
top: -1px; top: -1px;
} }
.main-qualification{ .main-qualification{
display: inline-block; display: inline-block;
width: 100%; width: 100%;
background: #eff0f2; background: #eff0f2;
padding:21px 35px 7px 20px; padding:21px 35px 7px 20px;
margin-bottom: 17px; margin-bottom: 17px;
position: relative; position: relative;
font-family: "Usual-Light";
font-size: 14px;
} }
.qualification-title{ .qualification-title{
margin-bottom: 22px; margin-bottom: 22px;
}
.qualification-title span{
font-family: "Usual-Medium";
} }
.qualification-radio { .qualification-radio {
display: inline-block; display: inline-block;
margin-right: 25px; margin-right: 25px;
} }
.save-assess{ .save-assess{
display: inline-block; display: inline-block;
width: 100%; width: 100%;
} }
.btn.btn-primary.top-margin-37{ .btn.btn-primary.top-margin-37{
margin-top: 37px; margin-top: 37px;
} }
.delete-qualification { .delete-qualification {
width: 28px; width: 28px;
...@@ -949,39 +987,39 @@ span.skill-label { ...@@ -949,39 +987,39 @@ span.skill-label {
cursor: pointer; cursor: pointer;
} }
.delete-qualification span{ .delete-qualification span{
display: inline-block; display: inline-block;
width: 12px; width: 12px;
border: solid 1px #8e97a0; border: solid 1px #8e97a0;
position: relative; position: relative;
top: -2px; top: -2px;
} }
/*Assessment Criteria Page End*/ /*Assessment Criteria Page End*/
/*Job Match Assessment Page*/ /*Job Match Assessment Page*/
.workplace-job{ .workplace-job{
margin-top: 21px; margin-top: 21px;
margin-bottom: 6px; margin-bottom: 6px;
} }
.match-job{ .match-job{
margin-top: 24px; margin-top: 24px;
margin-bottom: 29px; margin-bottom: 29px;
} }
.label-16{ .label-16{
font-size: 16px; font-size: 16px;
} }
.job-match-radio { .job-match-radio {
margin: 0 0 34px; margin: 0 0 34px;
} }
.job-match-radio.radio label{ .job-match-radio.radio label{
padding-left: 20px; padding-left: 20px;
} }
.main-job-match-area{ .main-job-match-area{
padding: 40px 11.4% 44px; padding: 40px 11.4% 44px;
} }
.talen{ .talen{
font-size: 12px; font-size: 12px;
color: #9b9b9b; color: #9b9b9b;
margin-bottom: 2px; margin-bottom: 2px;
} }
.main-pack-type { .main-pack-type {
float: left; float: left;
...@@ -990,9 +1028,9 @@ span.skill-label { ...@@ -990,9 +1028,9 @@ span.skill-label {
padding-left: 34px; padding-left: 34px;
} }
.main-pack-type li{ .main-pack-type li{
float: left; float: left;
width: 22.38%; width: 22.38%;
margin: 0 7.5px; margin: 0 7.5px;
} }
.main-pack-type li:first-child{ .main-pack-type li:first-child{
/*padding-left: 0;*/ /*padding-left: 0;*/
...@@ -1001,91 +1039,92 @@ span.skill-label { ...@@ -1001,91 +1039,92 @@ span.skill-label {
/*padding-right: 0;*/ /*padding-right: 0;*/
} }
.main-pack-type li.active a{ .main-pack-type li.active a{
border-radius: 4px; border-radius: 4px;
background-color: #03a0e7; background-color: #03a0e7;
border: solid 1px #316eb5; border: solid 1px #316eb5;
} }
.main-pack-type li.active .pack-price,.main-pack-type li.active .pack-type{ .main-pack-type li.active .pack-price,.main-pack-type li.active .pack-type{
color: #ffffff; color: #ffffff;
} }
.main-pack-type li.active .talen{ .main-pack-type li.active .talen{
color: #ffffff; color: #ffffff;
opacity: 0.5; opacity: 0.5;
} }
.pack-type{ .pack-type{
font-size: 13px; font-size: 13px;
font-weight: 500; font-weight: 500;
color: #4e5258; color: #4e5258;
font-family: "Usual-Medium";
} }
.pack-price{ .pack-price{
color: #4990e2; color: #4990e2;
font-weight: normal !important; font-weight: normal !important;
} }
.ex-color{ .ex-color{
color: #224b7a; color: #224b7a;
} }
.main-pack-type li a{ .main-pack-type li a{
text-align: center; text-align: center;
float: left; float: left;
width: 100%; width: 100%;
border-radius: 4px; border-radius: 4px;
background-color: #ffffff; background-color: #ffffff;
border: solid 1px #dddddd; border: solid 1px #dddddd;
cursor: pointer; cursor: pointer;
} }
.main-pack-type li a span{ .main-pack-type li a span{
float: left; float: left;
width: 100%; width: 100%;
font-weight: 700; font-weight: 700;
} }
.pack-img{ .pack-img{
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
width: 40px; width: 40px;
height: 40px; height: 40px;
margin: 17px 0 24px; margin: 17px 0 24px;
} }
.main-pack-type a input[type=radio] { .main-pack-type a input[type=radio] {
position: absolute; position: absolute;
visibility: hidden; visibility: hidden;
} }
.main-pack-type label{ .main-pack-type label{
margin-bottom: 0; margin-bottom: 0;
font-weight: normal; font-weight: normal;
padding: 12px 0 16px; padding: 12px 0 16px;
float: left; float: left;
width: 100%; width: 100%;
cursor: pointer; cursor: pointer;
} }
.gn-pu{ .gn-pu{
background-image: url('../images/general.png'); background-image: url('../images/general.png');
} }
.sales-pic{ .sales-pic{
background-image: url('../images/sale.png'); background-image: url('../images/sale.png');
} }
.manag-pic{ .manag-pic{
background-image: url('../images/management.png'); background-image: url('../images/management.png');
} }
.exe-pic{ .exe-pic{
background-image: url('../images/executive.png'); background-image: url('../images/executive.png');
} }
.main-pack-type li.active .gn-pu{ .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{ .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{ .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{ .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*/ /*Job Match Assessment Page End*/
/*Review and Submit Page*/ /*Review and Submit Page*/
.review-title{ .review-title{
margin-bottom: 12px; margin-bottom: 12px;
} }
.page-subtitle- { .page-subtitle- {
margin-bottom: 45px; margin-bottom: 45px;
...@@ -1104,7 +1143,7 @@ span.skill-label { ...@@ -1104,7 +1143,7 @@ span.skill-label {
padding: 0 41.2px; padding: 0 41.2px;
} }
.review-medium-title{ .review-medium-title{
font-size: 16px; font-size: 16px;
font-weight: 500; font-weight: 500;
color: #4e5258; color: #4e5258;
display: inline-block; display: inline-block;
...@@ -1115,7 +1154,7 @@ span.skill-label { ...@@ -1115,7 +1154,7 @@ span.skill-label {
margin-bottom: 16px; margin-bottom: 16px;
} }
.beloning{ .beloning{
color: #7d7f82; color: #7d7f82;
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
display: inline-block; display: inline-block;
...@@ -1123,8 +1162,8 @@ span.skill-label { ...@@ -1123,8 +1162,8 @@ span.skill-label {
padding: 15px 0 2px; padding: 15px 0 2px;
} }
.job-match-ass{ .job-match-ass{
color: #4e5258; color: #4e5258;
padding-bottom: 18px; padding-bottom: 18px;
} }
.job-active-time { .job-active-time {
font-size: 14px; font-size: 14px;
...@@ -1138,7 +1177,7 @@ span.skill-label { ...@@ -1138,7 +1177,7 @@ span.skill-label {
margin-top: 20px; margin-top: 20px;
} }
.available-day{ .available-day{
margin-left: 8px; margin-left: 8px;
} }
.culture-element{ .culture-element{
...@@ -1149,35 +1188,44 @@ span.skill-label { ...@@ -1149,35 +1188,44 @@ span.skill-label {
/*Workplace Culture*/ /*Workplace Culture*/
.work-title{ .work-title{
margin-bottom: 20px; margin-bottom: 20px;
} }
.work-belonging{ .work-belonging{
color: #4e5258; color: #4e5258;
font-size: 16px; font-size: 16px;
font-weight: 500; font-weight: 500;
margin-bottom: 40px; margin-bottom: 40px;
}
.work-belonging span{
font-family: "Usual-Medium";
} }
.work-radio-title{ .work-radio-title{
letter-spacing: 1.1px; letter-spacing: 1.1px;
color: #4e5258; color: #4e5258;
font-size: 12px; font-size: 12px;
font-weight: 500; font-weight: 500;
margin-bottom: 30px; margin-bottom: 30px;
text-transform: uppercase; text-transform: uppercase;
} }
.work-radio-title span{
font-family: "Usual-Medium";
}
.workplace-radio.radio label{ .workplace-radio.radio label{
padding-left: 9px; padding-left: 9px;
} }
.radio.workplace-radio { .radio.workplace-radio {
display: inline-block; display: inline-block;
width: 100%; width: 100%;
margin: 10px 0; margin: 10px 0;
} }
.radio.workplace-radio label{
font-size: 13px;
}
.culture-margin-bottom{ .culture-margin-bottom{
margin-bottom: 15px; margin-bottom: 15px;
} }
input.btn.btn-primary.top-margin-25{ input.btn.btn-primary.top-margin-25{
margin-top: 33px; margin-top: 33px;
} }
.radio.margin-bottom-none{ .radio.margin-bottom-none{
/*margin-bottom: 0;*/ /*margin-bottom: 0;*/
...@@ -1201,18 +1249,18 @@ input.btn.btn-primary.top-margin-25{ ...@@ -1201,18 +1249,18 @@ input.btn.btn-primary.top-margin-25{
border-radius: 50px; border-radius: 50px;
} }
.arrow-up-gray{ .arrow-up-gray{
position: absolute; position: absolute;
left: 25px; left: 25px;
top: -6px; top: -6px;
} }
.arrow-up-gray:before{ .arrow-up-gray:before{
content: ''; content: '';
width: 0; width: 0;
height: 0; height: 0;
border-left: 9px solid transparent; border-left: 9px solid transparent;
border-right: 9px solid transparent; border-right: 9px solid transparent;
border-bottom: 7px solid #eff0f2; border-bottom: 7px solid #eff0f2;
position: absolute; position: absolute;
} }
.rate-toggle li { .rate-toggle li {
text-align: center; text-align: center;
...@@ -1222,19 +1270,19 @@ span.rate-label { ...@@ -1222,19 +1270,19 @@ span.rate-label {
line-height: 34px; line-height: 34px;
} }
.rate-toggle li a{ .rate-toggle li a{
padding: 0; padding: 0;
border-radius: 0; border-radius: 0;
border-left: solid 1px #dbdbdf; border-left: solid 1px #dbdbdf;
background: #ffffff; background: #ffffff;
} }
.rate-toggle li:first-child a{ .rate-toggle li:first-child a{
padding-left: 5px; padding-left: 5px;
border-left: none; border-left: none;
border-radius: 50px 0 0 50px; border-radius: 50px 0 0 50px;
} }
.rate-toggle li:last-child a{ .rate-toggle li:last-child a{
padding-right: 5px; padding-right: 5px;
border-radius: 0 50px 50px 0; 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 { .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; color: #fff;
...@@ -1245,10 +1293,10 @@ span.rate-label { ...@@ -1245,10 +1293,10 @@ span.rate-label {
background-color:#ffffff; background-color:#ffffff;
} }
.rate-toggle label{ .rate-toggle label{
font-weight: normal; font-weight: normal;
margin-bottom: 0; margin-bottom: 0;
display: block; display: block;
cursor: pointer; cursor: pointer;
} }
.rate-toggle input[type="radio"]{ .rate-toggle input[type="radio"]{
position: absolute; position: absolute;
...@@ -1261,7 +1309,7 @@ span.rate-label { ...@@ -1261,7 +1309,7 @@ span.rate-label {
} }
.small-tab-font{ .small-tab-font{
font-size: 11px; font-size: 11px;
} }
.make-payment-tab li a { .make-payment-tab li a {
min-height: 63px; min-height: 63px;
...@@ -1299,12 +1347,12 @@ span.rate-label { ...@@ -1299,12 +1347,12 @@ span.rate-label {
margin-left: 7px; margin-left: 7px;
} }
.btn.btn-primary.btn-green{ .btn.btn-primary.btn-green{
background-color: #67b413; background-color: #67b413;
border-color: #67b413; border-color: #67b413;
} }
.btn.btn-primary.btn-green:hover{ .btn.btn-primary.btn-green:hover{
background-color: #319202; background-color: #319202;
border-color: #319202; border-color: #319202;
} }
.payment-title { .payment-title {
color: #1a2531; color: #1a2531;
...@@ -1314,12 +1362,12 @@ span.rate-label { ...@@ -1314,12 +1362,12 @@ span.rate-label {
padding-bottom: 6px; padding-bottom: 6px;
} }
.color-code{ .color-code{
color: #7d7f82; color: #7d7f82;
} }
.total-amount{ .total-amount{
font-size: 20px; font-size: 20px;
font-weight: 700; font-weight: 700;
float: right; float: right;
} }
.pay-credit-method { .pay-credit-method {
display: inline-block; display: inline-block;
...@@ -1358,11 +1406,11 @@ span.rate-label { ...@@ -1358,11 +1406,11 @@ span.rate-label {
width: 100%; width: 100%;
} }
.created-job-title{ .created-job-title{
font-size: 24px; font-size: 24px;
font-weight: 300; font-weight: 300;
color: #1a2531; color: #1a2531;
margin-bottom: 3.2%; margin-bottom: 3.2%;
margin-top: 1.5%; margin-top: 1.5%;
} }
.created-job-title a { .created-job-title a {
float: right; float: right;
...@@ -1372,19 +1420,19 @@ span.rate-label { ...@@ -1372,19 +1420,19 @@ span.rate-label {
text-decoration: underline; text-decoration: underline;
} }
.job-share-icon ul{ .job-share-icon ul{
border: solid 1px #eeeef0; border: solid 1px #eeeef0;
border-radius: 2px; border-radius: 2px;
text-align: center; text-align: center;
display: inline-block; display: inline-block;
width: 100%; width: 100%;
} }
.job-share-icon li { .job-share-icon li {
float: left; float: left;
border-left: 1px solid #eeeef0; border-left: 1px solid #eeeef0;
} }
.job-share-icon li a{ .job-share-icon li a{
line-height: 100px; line-height: 100px;
display: block; display: block;
} }
.job-share-icon li:first-child{ .job-share-icon li:first-child{
border-left: none; border-left: none;
...@@ -1644,6 +1692,7 @@ table.pos-table{ ...@@ -1644,6 +1692,7 @@ table.pos-table{
font-size: 14px; font-size: 14px;
font-weight: 300; font-weight: 300;
margin-bottom: 21px; margin-bottom: 21px;
font-family: "Usual-Light";
} }
.box-br-line { .box-br-line {
display: inline-block; display: inline-block;
...@@ -2132,22 +2181,35 @@ a.forgot-pass { ...@@ -2132,22 +2181,35 @@ a.forgot-pass {
} }
.dashboard-content-area { .dashboard-content-area {
background-color: #e9ecef; background-color: #e9ecef;
float: left; float: right;
padding: 2.2% 5% 2.2%; margin-top: 65px;
width: 83.75%; width: 83.75%;
position: relative; position: relative;
} }
.dashboard-first-part{
background-color: #1a2531;
height: 290px;
padding: 2.2% 5% 2.2%;
}
.first-part{ .first-part{
background-color: #1a2531; background-color: #1a2531;
padding: 2.2% 5% 0;
}
.second-part{
padding: 2.2% 5% 2.2%;
} }
.dashboard-welcome{ .dashboard-welcome{
float: left; float: left;
padding-right: 0; padding-right: 0;
text-align: left; text-align: left;
} }
.welcome-text{ .welcome-text, .welcome-text span{
font-family: "Usual-Light";
color: #ffffff; color: #ffffff;
font-size: 36px; font-size: 36px;
font-weight: 300;
line-height: 1.42;
} }
.d-three-box{ .d-three-box{
background-color: #ffffff; background-color: #ffffff;
...@@ -2155,9 +2217,10 @@ a.forgot-pass { ...@@ -2155,9 +2217,10 @@ a.forgot-pass {
max-width: 23.7%; max-width: 23.7%;
padding: 20px 36px 31px; padding: 20px 36px 31px;
top: 20px; top: 20px;
float: none; float: none;
display: inline-block; display: inline-block;
text-align: left; text-align: left;
z-index: 100;
} }
.d-fl-left { .d-fl-left {
float: left; float: left;
...@@ -2174,8 +2237,10 @@ a.forgot-pass { ...@@ -2174,8 +2237,10 @@ a.forgot-pass {
.blue-light{ .blue-light{
border-top: 10px solid #03a0e7; border-top: 10px solid #03a0e7;
} }
.dash-count{ .dash-count, .dash-count span{
font-family: "Usual-Light";
font-size: 60px; font-size: 60px;
font-weight: 300;
} }
.c-green{ .c-green{
color: #03ac66; color: #03ac66;
...@@ -2189,6 +2254,7 @@ a.forgot-pass { ...@@ -2189,6 +2254,7 @@ a.forgot-pass {
.d-box-title { .d-box-title {
color: #4e5258; color: #4e5258;
text-align: left; text-align: left;
font-family: "Usual-Light";
font-size: 22px; font-size: 22px;
font-weight: 300; font-weight: 300;
} }
...@@ -2198,6 +2264,8 @@ a.forgot-pass { ...@@ -2198,6 +2264,8 @@ a.forgot-pass {
line-height: 45px; line-height: 45px;
height: 45px; height: 45px;
color: #ffffff; color: #ffffff;
font-weight: 500;
letter-spacing: 1px;
text-transform: uppercase; text-transform: uppercase;
font-size: 11px; font-size: 11px;
display: inline-block; display: inline-block;
...@@ -2222,6 +2290,7 @@ a.forgot-pass { ...@@ -2222,6 +2290,7 @@ a.forgot-pass {
width: 100%; width: 100%;
position: relative; position: relative;
margin-top: 44px; margin-top: 44px;
font-family: "Usual-Medium";
} }
.arrow-btn:before { .arrow-btn:before {
content: ''; content: '';
...@@ -2293,20 +2362,31 @@ a.forgot-pass { ...@@ -2293,20 +2362,31 @@ a.forgot-pass {
letter-spacing: 1px; letter-spacing: 1px;
color: #7d7f82; color: #7d7f82;
font-size: 12px; font-size: 12px;
font-weight: 700; font-weight: 500;
margin-right: 18px; margin-right: 18px;
text-transform: uppercase; text-transform: uppercase;
font-family: "Usual-Medium";
} }
.calendar { .calendar {
background-image: url('../images/calendar-icon.png'); background-image: url('../images/calendar-icon.svg');
background-repeat: no-repeat; background-repeat: no-repeat;
padding: 2px 0 2px 22px; padding: 6px 0 2px 22px;
background-position: left center; 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; color: #03a0e7;
font-size: 30px; font-size: 30px;
font-weight: 300; font-weight: 300;
font-family: "Usual-Light";
}
.ja-count{
display: table-cell; display: table-cell;
padding-left: 17px; padding-left: 17px;
} }
...@@ -2314,9 +2394,10 @@ a.forgot-pass { ...@@ -2314,9 +2394,10 @@ a.forgot-pass {
letter-spacing: 1px; letter-spacing: 1px;
color: #8e97a0; color: #8e97a0;
font-size: 11px; font-size: 11px;
font-weight: 700; font-weight: 500;
width: 100%; width: 100%;
float: left; float: left;
font-family: "Usual-Medium";
text-transform: uppercase; text-transform: uppercase;
} }
.ja-icon{ .ja-icon{
...@@ -2388,9 +2469,10 @@ a.forgot-pass { ...@@ -2388,9 +2469,10 @@ a.forgot-pass {
} }
.job-filter li a{ .job-filter li a{
font-size: 11px; font-size: 11px;
font-weight: 700; font-weight: 500;
letter-spacing: 1px; letter-spacing: 1px;
color: #1a2531; color: #1a2531;
font-family: "Usual-Medium";
} }
.job-filter li.active a{ .job-filter li.active a{
color: #03a0e7; color: #03a0e7;
...@@ -2428,6 +2510,7 @@ a.forgot-pass { ...@@ -2428,6 +2510,7 @@ a.forgot-pass {
font-size: 26px; font-size: 26px;
font-weight: 300; font-weight: 300;
margin-bottom: 24px; margin-bottom: 24px;
font-family: "Usual-Light";
} }
.chief-officer img { .chief-officer img {
margin-right: 12px; margin-right: 12px;
...@@ -2440,7 +2523,8 @@ a.forgot-pass { ...@@ -2440,7 +2523,8 @@ a.forgot-pass {
} }
span.austr-post { span.austr-post {
text-transform: uppercase; text-transform: uppercase;
font-weight: 700; font-weight: 500;
font-family: "Usual-Medium";
} }
span.ex-management { span.ex-management {
padding-left: 6px; padding-left: 6px;
...@@ -2452,7 +2536,8 @@ span.ex-management { ...@@ -2452,7 +2536,8 @@ span.ex-management {
background-position: left center; background-position: left center;
color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
font-size: 11px; font-size: 11px;
font-weight: 700; font-weight: 500;
font-family: "Usual-Medium";
} }
.active-status-icon{ .active-status-icon{
width: 20px; width: 20px;
...@@ -2475,7 +2560,8 @@ span.ex-management { ...@@ -2475,7 +2560,8 @@ span.ex-management {
letter-spacing: 1px; letter-spacing: 1px;
color: #ffffff; color: #ffffff;
font-size: 11px; font-size: 11px;
font-weight: 700; font-weight: 500;
font-family: "Usual-Medium";
} }
.applicant-right-status{ .applicant-right-status{
text-align: right; text-align: right;
...@@ -2490,12 +2576,13 @@ span.ex-management { ...@@ -2490,12 +2576,13 @@ span.ex-management {
letter-spacing: 1px; letter-spacing: 1px;
color: #ffffff; color: #ffffff;
font-size: 11px; font-size: 11px;
font-weight: 700; font-weight: 500;
padding: 0 27px; padding: 0 27px;
line-height: 45px; line-height: 45px;
height: 45px; height: 45px;
display: inline-block; display: inline-block;
margin-left: 29px; margin-left: 29px;
font-family: "Usual-Medium"
} }
.edit-btn-dropdown img { .edit-btn-dropdown img {
margin-left: 12px; margin-left: 12px;
...@@ -2553,6 +2640,10 @@ span.ex-management { ...@@ -2553,6 +2640,10 @@ span.ex-management {
text-align: left; text-align: left;
font-size: 26px; font-size: 26px;
font-weight: 300; font-weight: 300;
font-family: "Usual-Light";
}
.appli-name span{
font-family: "Usual-Light";
} }
.appli-applied{ .appli-applied{
color: #7d7f82; color: #7d7f82;
...@@ -2627,6 +2718,7 @@ span.appli-percen { ...@@ -2627,6 +2718,7 @@ span.appli-percen {
margin-right: 8px; margin-right: 8px;
position: relative; position: relative;
top: -2px; top: -2px;
font-family: "Usual-Bold";
} }
.expand-box { .expand-box {
display: inline-block; display: inline-block;
...@@ -2733,6 +2825,7 @@ span.appli-progress-bar { ...@@ -2733,6 +2825,7 @@ span.appli-progress-bar {
font-size: 13px; font-size: 13px;
font-weight: 700; font-weight: 700;
margin-bottom: 17px; margin-bottom: 17px;
font-family: "Usual-Medium";
} }
.note-txt-box textarea{ .note-txt-box textarea{
resize: none; resize: none;
...@@ -2770,7 +2863,8 @@ input.add-note-btn:hover{ ...@@ -2770,7 +2863,8 @@ input.add-note-btn:hover{
.admin-name{ .admin-name{
color: #4e5258; color: #4e5258;
font-size: 11px; font-size: 11px;
font-weight: 700; font-weight: 500;
font-family: "Usual-Medium";
} }
.date-value{ .date-value{
color: #4e5258; color: #4e5258;
...@@ -2847,6 +2941,7 @@ input.add-note-btn:hover{ ...@@ -2847,6 +2941,7 @@ input.add-note-btn:hover{
.result-want { .result-want {
float: left; float: left;
width: 100%; width: 100%;
font-family: "Usual-Medium";
} }
.result,.wants{ .result,.wants{
font-size: 10px; font-size: 10px;
...@@ -2939,6 +3034,7 @@ input.add-note-btn:hover{ ...@@ -2939,6 +3034,7 @@ input.add-note-btn:hover{
font-size: 30px; font-size: 30px;
font-weight: bold; font-weight: bold;
margin-bottom: 4px; margin-bottom: 4px;
font-family: "Usual-Bold";
} }
.int-timeline li.active span{ .int-timeline li.active span{
color: #1a2531; color: #1a2531;
...@@ -2946,11 +3042,12 @@ input.add-note-btn:hover{ ...@@ -2946,11 +3042,12 @@ input.add-note-btn:hover{
.int-timeline li a { .int-timeline li a {
color: #b5bfca; color: #b5bfca;
font-size: 11px; font-size: 11px;
font-weight: 700; font-weight: 500;
display: block; display: block;
padding: 11px 0; padding: 11px 0;
width: 96px; width: 96px;
text-align: center; text-align: center;
font-family: "Usual-Medium";
} }
.int-timeline li a:hover { .int-timeline li a:hover {
color: #ffffff; color: #ffffff;
...@@ -3026,6 +3123,7 @@ input.add-note-btn:hover{ ...@@ -3026,6 +3123,7 @@ input.add-note-btn:hover{
display: inline-block; display: inline-block;
width: 100%; width: 100%;
margin-bottom: 4px; margin-bottom: 4px;
font-family: "Usual-Bold";
} }
.unsutable a { .unsutable a {
font-size: 11px; font-size: 11px;
...@@ -3033,6 +3131,7 @@ input.add-note-btn:hover{ ...@@ -3033,6 +3131,7 @@ input.add-note-btn:hover{
color: #7b8da0; color: #7b8da0;
padding: 12px 0; padding: 12px 0;
width: 96px; width: 96px;
font-family: "Usual-Medium";
} }
.unsutable a:hover,.unsutable a:hover span{ .unsutable a:hover,.unsutable a:hover span{
color: #ffffff; color: #ffffff;
...@@ -3104,28 +3203,31 @@ input.add-note-btn:hover{ ...@@ -3104,28 +3203,31 @@ input.add-note-btn:hover{
letter-spacing: 0.9px; letter-spacing: 0.9px;
text-transform: uppercase; text-transform: uppercase;
color: #7d7f82; color: #7d7f82;
font-family: "Usual-Medium";
} }
.jcc-box{ .jcc-box{
float: left; float: left;
width: 100%; width: 100%;
} }
.jcc{ .jcc{
float: left; float: left;
width: 100%; width: 100%;
border-top: solid 1px #edeff0; border-top: solid 1px #edeff0;
text-transform: uppercase; text-transform: uppercase;
font-size: 10px; font-size: 10px;
font-weight: 500; font-weight: 500;
letter-spacing: 0.9px; letter-spacing: 0.9px;
padding: 0 12px; padding: 0 12px;
line-height: 37px; line-height: 37px;
font-family: "Usual-Medium";
} }
.jcc span{ .jcc span{
float: right; float: right;
font-size: 22px; font-size: 22px;
font-weight: 300; font-weight: 300;
text-align: left; text-align: left;
color: #7d7f82; color: #7d7f82;
font-family: "Usual-Light";
} }
.criteria{ .criteria{
background-color: rgba(239, 240, 242, 0.5); background-color: rgba(239, 240, 242, 0.5);
...@@ -3314,6 +3416,9 @@ input.add-note-btn:hover{ ...@@ -3314,6 +3416,9 @@ input.add-note-btn:hover{
float: left; float: left;
padding-right: 39px; padding-right: 39px;
} }
.appli-percent-no span{
font-family: "Usual-Light";
}
.appli-status { .appli-status {
border: medium none; border: medium none;
padding: 15px 23px 0; padding: 15px 23px 0;
...@@ -4304,4 +4409,21 @@ div.errorField .input-append .add-on { ...@@ -4304,4 +4409,21 @@ div.errorField .input-append .add-on {
.job-post-name { .job-post-name {
cursor: pointer; cursor: pointer;
font-weight: bold; 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 @@ ...@@ -15,10 +15,9 @@
<oneit:dynIncluded> <oneit:dynIncluded>
<div class="dashboard-content-area" style="padding: 0px"> <oneit:dynInclude page="/extensions/applicantportal/inc/multifieldtext.jsp" data="<%= CollectionUtils.EMPTY_MAP%>"/>
<oneit:dynInclude page="/extensions/applicantportal/inc/multifieldtext.jsp" data="<%= CollectionUtils.EMPTY_MAP%>"/>
</div> <div class="first-part">
<div class="dashboard-content-area first-part">
<oneit:dynInclude page="/extensions/adminportal/inc/job_title_bar.jsp" data="<%= CollectionUtils.EMPTY_MAP%>"/> <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 @@ ...@@ -59,7 +59,15 @@
</div> </div>
<div class="job-company-name"> <div class="job-company-name">
<span class="superlaw">SUPERLAW</span> <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> </div>
<div class="job-application jl-c eq-second-height" style="height: 107px;"> <div class="job-application jl-c eq-second-height" style="height: 107px;">
...@@ -92,7 +100,7 @@ ...@@ -92,7 +100,7 @@
</div> </div>
</div> </div>
<div class="job-states jl-c"> <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}) %>"/> enums="<%= Arrays.asList(new JobStatus[]{JobStatus.OPEN, JobStatus.COMPLETE}) %>"/>
</div> </div>
<oneit:button name="save" value="Save" cssClass="<%= "save-job" + job.getID().toString() + " hidden"%>" <oneit:button name="save" value="Save" cssClass="<%= "save-job" + job.getID().toString() + " hidden"%>"
......
cmsWebApp/webroot/extensions/adminportal/inc/menuinclude.jsp
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
Article apAricle = WebUtils.getArticleByShortCut(objTran, WebUtils.ADMIN_PORTAL); Article apAricle = WebUtils.getArticleByShortCut(objTran, WebUtils.ADMIN_PORTAL);
NavigationBar apSiteNavbar = navbar.getChildNavBarFor(apAricle); NavigationBar apSiteNavbar = navbar.getChildNavBarFor(apAricle);
%> %>
<div class="sidebar-menu"> <div class="sidebar-menu fixed">
<div class="main-menu"> <div class="main-menu">
<div class="mobile-toggle-menu"> <div class="mobile-toggle-menu">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-1"> <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 @@ ...@@ -59,7 +59,7 @@
<div class="radio radio-primary job-match-radio"> <div class="radio radio-primary job-match-radio">
<input type="radio" name="<%= assessmentTypeKey %>" id="<%= assessmentTypeId %>" class="type_radio" value="<%= assessmentType.getName() %>" <%= selectedStr %>/> <input type="radio" name="<%= assessmentTypeKey %>" id="<%= assessmentTypeId %>" class="type_radio" value="<%= assessmentType.getName() %>" <%= selectedStr %>/>
<label for="<%= assessmentTypeId %>"> <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.getHeaderDesc() %>" mode="EscapeHTML"/>
<oneit:toString value="<%= assessmentType.getQuestionDetails() %>" mode="EscapeHTML"/><br /> <oneit:toString value="<%= assessmentType.getQuestionDetails() %>" mode="EscapeHTML"/><br />
<span class="sub-radio-title"><oneit:toString value="<%= assessmentType.getAdditionalDesc() %>" mode="EscapeHTML" /></span> <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 @@ ...@@ -42,7 +42,7 @@
</div> </div>
<div class="form-group"> <div class="form-group">
<div class="review-medium-title"> <div class="review-medium-title">
<oneit:ormlabel obj="<%= job %>" field="JobTitle" /> <oneit:ormlabel obj="<%= job %>" field="JobTitle"/>
<span class="skill-label"> <span class="skill-label">
<oneit:toString value="<%= job.getJobTitle() %>" mode="EscapeHTML" /> <oneit:toString value="<%= job.getJobTitle() %>" mode="EscapeHTML" />
</span> </span>
......
cmsWebApp/webroot/extensions/adminportal/page_admin_home.jsp
...@@ -17,7 +17,8 @@ ...@@ -17,7 +17,8 @@
%> %>
<oneit:form name="editJob" method="post" enctype="multipart/form-data"> <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="welcome-box">
<div class="dashboard-welcome"> <div class="dashboard-welcome">
<div class="welcome-text"> Welcome <br/> back <oneit:toString value="<%= SecUserToNameTransform.INSTANCE.transform(SecUser.getTXUser(transaction)) + "!" %>" mode="EscapeHTML"/></div> <div class="welcome-text"> Welcome <br/> back <oneit:toString value="<%= SecUserToNameTransform.INSTANCE.transform(SecUser.getTXUser(transaction)) + "!" %>" mode="EscapeHTML"/></div>
...@@ -38,11 +39,12 @@ ...@@ -38,11 +39,12 @@
</div> </div>
</div> </div>
</div> </div>
<div class="dashboard-content-area second-part"> <div class="second-part">
<div class="d-job-title">Open Jobs</div> <div class="d-job-title">Open Jobs</div>
<oneit:dynInclude page="/extensions/adminportal/inc/job_list.jsp" data="<%= CollectionUtils.EMPTY_MAP%>" <oneit:dynInclude page="/extensions/adminportal/inc/job_list.jsp" data="<%= CollectionUtils.EMPTY_MAP%>"
NextPage="<%= nextPage%>" HomePage="<%= homePage%>" Jobs="<%= jobs %>"/> NextPage="<%= nextPage%>" HomePage="<%= homePage%>" Jobs="<%= jobs %>"/>
</div> </div>
</div>
</oneit:form> </oneit:form>
</oneit:dynIncluded> </oneit:dynIncluded>
\ No newline at end of file
cmsWebApp/webroot/extensions/adminportal/view_applicants.jsp
...@@ -24,170 +24,172 @@ ...@@ -24,170 +24,172 @@
<oneit:form name="viewApplicants" method="post" enctype="multipart/form-data"> <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="second-part view-app-area">
<div class="five-boxs"> <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()) 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() %>")'> <div class="appli-row">
<oneit:button value="EDIT" name="gotoPage" cssClass="<%= jobApplication.getID() + " hidden"%>" skin="link" <div class="appli-checkbox appli-l eq-second-height">
requestAttribs="<%= CollectionUtils.mapEntry("nextPage", applicationPage) <div class="checkbox-list">
.mapEntry("procParams", CollectionUtils.mapEntry("JobApplication", jobApplication).toMap()) <input id="checkbox1" type="checkbox">
.toMap() %>"/> <label for="checkbox1"></label>
<!--TODO: need to work on the logic. just added to demonstrate that there are 3 different colors for this--> </div>
<div class="<%= "cb-title " + (index == 0 ? "green-back" : (index < 3 ? "blue-back" : "dark-back" ))%> "> </div>
<div class="appli-list-name appli-l eq-second-height">
<oneit:toString value="<%= jobApplication.getCandidate() %>" mode="EscapeHTML" /> <oneit:toString value="<%= jobApplication.getCandidate() %>" mode="EscapeHTML" />
<div class="appli-int-status">Interview 1 - schedulded</div>
</div> </div>
<div class="overall-suitablity"> <div class="appli-jcs appli-l eq-second-height">
<div class="<%= "over-all " + (index == 0 ? "f-60 green" : (index < 3 ? "blue" : "gray"))%> "> <span class="appli-view-bar">
<oneit:toString value="<%= jobApplication.getOverallSuitability() %>" mode="PercentageWholeNumber" /> <div class="progress">
</div> <div class="progress-bar" role="progressbar" aria-valuenow="<%= jobMatch %>" aria-valuemin="0" aria-valuemax="100"
<div class="overall">overall suitablity</div> style="<%= "width: " + jobMatch %>">
</div>
</div>
</span>
Job Match
</div> </div>
<div class="jcc-box"> <div class="appli-jcs appli-l eq-second-height">
<div class="job-match jcc"> <span class="appli-view-bar">
<img src="images/app-job-match-icon.png"> job match <div class="progress">
<span> <div class="progress-bar" role="progressbar" aria-valuenow="<%= culture %>" aria-valuemin="0" aria-valuemax="100"
<oneit:toString value="<%= jobApplication.getJobMatchPercentage() %>" mode="PercentageWholeNumber" /> style="<%= "width: " + culture %>">
</span> </div>
</div> </div>
<div class="culture jcc"> </span>
<img src="images/culture-icon.png"> culture culture
<span> </div>
<oneit:toString value="<%= jobApplication.getCulturePercentage() %>" mode="PercentageWholeNumber" /> <div class="appli-jcs appli-l eq-second-height">
</span> <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>
<div class="criteria jcc"> <div class="appli-list-drop">
<img src="images/criteria-icon.png"> criteria <select class="form-control">
<span> <option>Interview</option>
<oneit:toString value="<%= jobApplication.getCriteriaPercentage() %>" mode="PercentageWholeNumber" /> </select>
</span>
</div> </div>
</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> </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> </div>
</oneit:form> </oneit:form>
</oneit:dynIncluded> </oneit:dynIncluded>
\ No newline at end of file
cmsWebApp/webroot/extensions/adminportal/view_applicants_shortlist.jsp
...@@ -16,80 +16,83 @@ ...@@ -16,80 +16,83 @@
%> %>
<oneit:form name="viewApplicants" method="post" enctype="multipart/form-data"> <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">
<div class="dashboard-content-area second-part view-app-area">
<oneit:dynInclude page="/extensions/adminportal/inc/shortlist_tabs.jsp" TabNumber="1" data="<%= CollectionUtils.EMPTY_MAP%>"/> <oneit:dynInclude page="/extensions/adminportal/inc/applicant_view_tabs.jsp" TabNumber="2" data="<%= CollectionUtils.EMPTY_MAP%>"/>
<div class="view-appli-list"> <div class="second-part view-app-area">
<%
int j = 0; <oneit:dynInclude page="/extensions/adminportal/inc/shortlist_tabs.jsp" TabNumber="1" data="<%= CollectionUtils.EMPTY_MAP%>"/>
for(JobApplication jobApplication : job.getJobApplicationsSet()) <div class="view-appli-list">
{ <%
String jobMatch = FormatUtils.stringify(jobApplication.getJobMatchPercentage(), "PercentageWholeNumber", "0"); int j = 0;
String culture = FormatUtils.stringify(jobApplication.getCulturePercentage(), "PercentageWholeNumber", "0");
String criteria = FormatUtils.stringify(jobApplication.getCriteriaPercentage(), "PercentageWholeNumber", "0"); for(JobApplication jobApplication : job.getJobApplicationsSet())
%> {
<div class="appli-row"> String jobMatch = FormatUtils.stringify(jobApplication.getJobMatchPercentage(), "PercentageWholeNumber", "0");
<div class="appli-checkbox appli-l eq-second-height"> String culture = FormatUtils.stringify(jobApplication.getCulturePercentage(), "PercentageWholeNumber", "0");
<div class="checkbox-list"> String criteria = FormatUtils.stringify(jobApplication.getCriteriaPercentage(), "PercentageWholeNumber", "0");
<input id="checkbox1" type="checkbox"> %>
<label for="checkbox1"></label> <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> <div class="appli-list-name appli-l eq-second-height">
<div class="appli-list-name appli-l eq-second-height"> <oneit:toString value="<%= jobApplication.getCandidate() %>" mode="EscapeHTML" />
<oneit:toString value="<%= jobApplication.getCandidate() %>" mode="EscapeHTML" /> <div class="appli-int-status">Interview 1 - schedulded</div>
<div class="appli-int-status">Interview 1 - schedulded</div> </div>
</div> <div class="appli-jcs appli-l eq-second-height">
<div class="appli-jcs appli-l eq-second-height"> <span class="appli-view-bar">
<span class="appli-view-bar"> <div class="progress">
<div class="progress"> <div class="progress-bar" role="progressbar" aria-valuenow="<%= jobMatch %>" aria-valuemin="0" aria-valuemax="100"
<div class="progress-bar" role="progressbar" aria-valuenow="<%= jobMatch %>" aria-valuemin="0" aria-valuemax="100" style="<%= "width: " + jobMatch %>">
style="<%= "width: " + jobMatch %>"> </div>
</div> </div>
</div> </span>
</span> Job Match
Job Match </div>
</div> <div class="appli-jcs appli-l eq-second-height">
<div class="appli-jcs appli-l eq-second-height"> <span class="appli-view-bar">
<span class="appli-view-bar"> <div class="progress">
<div class="progress"> <div class="progress-bar" role="progressbar" aria-valuenow="<%= culture %>" aria-valuemin="0" aria-valuemax="100"
<div class="progress-bar" role="progressbar" aria-valuenow="<%= culture %>" aria-valuemin="0" aria-valuemax="100" style="<%= "width: " + culture %>">
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> </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>
</span> <div class="appli-list-drop">
culture <select class="form-control">
</div> <option>Interview</option>
<div class="appli-jcs appli-l eq-second-height"> </select>
<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> </div>
</span> </div>
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--> j++;
<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> </div>
<%
j++;
}
%>
</div> </div>
</div> </div>
</oneit:form> </oneit:form>
......
cmsWebApp/webroot/extensions/adminportal/view_applicants_shortlist_grid.jsp
...@@ -54,100 +54,103 @@ ...@@ -54,100 +54,103 @@
</script> </script>
<oneit:form name="viewApplicants" method="post" enctype="multipart/form-data"> <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">
<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="five-boxs grid-box-view"> <oneit:dynInclude page="/extensions/adminportal/inc/applicant_view_tabs.jsp" TabNumber="2" data="<%= CollectionUtils.EMPTY_MAP%>"/>
<%
int i = 0;
for(JobApplication jobApplication : job.getJobApplicationsSet()) <div class="second-part view-app-area">
{
%> <oneit:dynInclude page="/extensions/adminportal/inc/shortlist_tabs.jsp" TabNumber="2" data="<%= CollectionUtils.EMPTY_MAP%>"/>
<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="five-boxs grid-box-view">
<div class="<%= "cb-title " + (i == 0 ? "green-back" : (i < 3 ? "blue-back" : "dark-back" ))%> "> <%
<div class="checkbox-list grid-checkbox"> int i = 0;
<input id="checkbox1" type="checkbox">
<label for="checkbox1"> for(JobApplication jobApplication : job.getJobApplicationsSet())
<oneit:toString value="<%= jobApplication.getCandidate() %>" mode="EscapeHTML" /> {
</label> %>
</div> <div class="<%= "appl-c-box " + (i == 0 ? " cb-one" : "")%> ">
</div>
<div class="overall-suitablity">
<!--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="<%= "cb-title " + (i == 0 ? "green-back" : (i < 3 ? "blue-back" : "dark-back" ))%> ">
<oneit:toString value="<%= jobApplication.getOverallSuitability() %>" mode="PercentageWholeNumber" /> <div class="checkbox-list grid-checkbox">
</div> <input id="checkbox1" type="checkbox">
<div class="overall take-font-up">overall suitablity</div> <label for="checkbox1">
</div> <oneit:toString value="<%= jobApplication.getCandidate() %>" mode="EscapeHTML" />
<div class="jcc-box"> </label>
<div class="job-match jcc"> </div>
<img src="images/app-job-match-icon.png"> Profile
<span>
<oneit:toString value="<%= jobApplication.getJobMatchPercentage() %>" mode="PercentageWholeNumber" />
</span>
</div> </div>
<div class="detail-box"> <div class="overall-suitablity">
<div class="detail-row"> <!--TODO: need to work on the logic. just added to demonstrate that there are 3 different colors for this-->
<div class="detail-label">Career Drive</div> <div class="<%= "over-all " + (i == 0 ? "f-60 green" : (i < 3 ? "blue" : "gray"))%>">
<div class="detail-no green">82%</div> <oneit:toString value="<%= jobApplication.getOverallSuitability() %>" mode="PercentageWholeNumber" />
</div> </div>
<div class="detail-row"> <div class="overall take-font-up">overall suitablity</div>
<div class="detail-label">Conflict Management Style</div> </div>
<div class="detail-no green">82%</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>
<div class="detail-row"> <div class="detail-box">
<div class="detail-label">Coping</div> <div class="detail-row">
<div class="detail-no blue">78%</div> <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>
<div class="detail-row"> <div class="culture jcc">
<div class="detail-label">People Orientation</div> <img src="images/culture-icon.png"> culture
<div class="detail-no gray">68%</div> <span>
<oneit:toString value="<%= jobApplication.getCulturePercentage() %>" mode="PercentageWholeNumber" />
</span>
</div> </div>
</div> <div class="detail-box">
<div class="culture jcc"> <div class="detail-row">
<img src="images/culture-icon.png"> culture <div class="detail-label">Category</div>
<span> <div class="detail-no green">91%</div>
<oneit:toString value="<%= jobApplication.getCulturePercentage() %>" mode="PercentageWholeNumber" /> </div>
</span> <div class="detail-row">
</div> <div class="detail-label">Category</div>
<div class="detail-box"> <div class="detail-no green">88%</div>
<div class="detail-row"> </div>
<div class="detail-label">Category</div>
<div class="detail-no green">91%</div>
</div> </div>
<div class="detail-row"> <div class="jcc">
<div class="detail-label">Category</div> <img src="images/criteria-icon.png"> Requirements
<div class="detail-no green">88%</div> <span>
<oneit:toString value="<%= jobApplication.getCriteriaPercentage() %>" mode="PercentageWholeNumber" />
</span>
</div> </div>
</div> <div class="detail-box">
<div class="jcc"> <div class="detail-row">
<img src="images/criteria-icon.png"> Requirements <div class="detail-label">Category</div>
<span> <div class="detail-no green">93%</div>
<oneit:toString value="<%= jobApplication.getCriteriaPercentage() %>" mode="PercentageWholeNumber" /> </div>
</span> <div class="detail-row">
</div> <div class="detail-label">Category</div>
<div class="detail-box"> <div class="detail-no green">88%</div>
<div class="detail-row"> </div>
<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>
</div> <%
<% i++;
i++; }
} %>
%> </div>
</div> </div>
</div> </div>
</oneit:form> </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