Skip to content

P
PERFORMA_REPLICA
Commit 2566cc4d by Nilu
Options

code refactoring

parent 26b9b179
Showing with 116 additions and 146 deletions
cmsWebApp/webroot/extensions/adminportal/inc/applicant_report_header.jsp
...@@ -4,15 +4,6 @@ ...@@ -4,15 +4,6 @@
<%@ page import="performa.orm.*, performa.orm.types.*, performa.chart.*, performa.utils.*"%> <%@ page import="performa.orm.*, performa.orm.types.*, performa.chart.*, performa.utils.*"%>
<oneit:dynIncluded> <oneit:dynIncluded>
<style type="text/css" media="print,screen" > <style type="text/css" media="print,screen" >
/*@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');}
div.header{background-color: #1a2531; height: 80px; line-height: 80px; padding: 0 30px ;} div.header{background-color: #1a2531; height: 80px; line-height: 80px; padding: 0 30px ;}
div.white-header {background-color: #fff; height:170px;box-shadow: 0 3px 5px 0 rgba(0,0,0,0.02); padding: 0 30px ;} div.white-header {background-color: #fff; height:170px;box-shadow: 0 3px 5px 0 rgba(0,0,0,0.02); padding: 0 30px ;}
...@@ -55,8 +46,6 @@ ...@@ -55,8 +46,6 @@
.progress {margin-bottom: 0; border-radius: 0;height: 24px;background: #e9ecef;box-shadow: none;} .progress {margin-bottom: 0; border-radius: 0;height: 24px;background: #e9ecef;box-shadow: none;}
.progress-bar{background: #667281;height: 24px; } .progress-bar{background: #667281;height: 24px; }
.tab-row{ width: 100%; border-bottom: solid 1px #e3e3e3; background-color: #F7F7F8;height:auto; min-height: 45px; line-height: 45px;} .tab-row{ width: 100%; border-bottom: solid 1px #e3e3e3; background-color: #F7F7F8;height:auto; min-height: 45px; line-height: 45px;}
.tab-row.fixed-height {height: 45px;} .tab-row.fixed-height {height: 45px;}
.detail-tab-row-title {font-size: 10px;letter-spacing: 0.91px;color: #4E5258;display: inline-block; vertical-align: middle;width:32%; padding-left:25px; text-transform: uppercase;} .detail-tab-row-title {font-size: 10px;letter-spacing: 0.91px;color: #4E5258;display: inline-block; vertical-align: middle;width:32%; padding-left:25px; text-transform: uppercase;}
...@@ -78,8 +67,7 @@ ...@@ -78,8 +67,7 @@
padding: 0; padding: 0;
display: block; display: block;
background-image : url('file://<%= PDFUtils.FILE_BASE_PATH %>/images/correct.png'); background-color : #67B413; background-size:55%; background-image : url('file://<%= PDFUtils.FILE_BASE_PATH %>/images/correct.png'); background-color : #67B413; background-size:55%;
}
}
.red-requirements .dot-icon { .red-requirements .dot-icon {
top:15px; top:15px;
...@@ -95,80 +83,79 @@ ...@@ -95,80 +83,79 @@
padding: 0; padding: 0;
display: block; display: block;
background-image : url('file://<%= PDFUtils.FILE_BASE_PATH %>/images/icon-requirements.png'); background-color : #F9623D; background-size:20%; background-image : url('file://<%= PDFUtils.FILE_BASE_PATH %>/images/icon-requirements.png'); background-color : #F9623D; background-size:20%;
}
.tab-view-side {
display: inline-block; vertical-align: middle;width:61%;
} }
.result-want {
width: 100%; .tab-view-side {
font-family: "Usual-Medium"; display: inline-block; vertical-align: middle;width:61%;
} }
.result,.wants{ .result-want {
font-size: 10px;
font-weight: 500; width: 100%;
text-align: left; font-family: "Usual-Medium";
color: #4e5258; }
margin-bottom: 2px; .result,.wants{
line-height: 1.4; font-size: 10px;
} font-weight: 500;
.result{ text-align: left;
float: left; color: #4e5258;
} margin-bottom: 2px;
.wants{ line-height: 1.4;
float: right; }
} .result{
.result-bar { float: left;
float: left; }
position: relative; .wants{
width: 100%; float: right;
}
} .result-bar {
.like-strive{ float: left;
font-size: 12px; position: relative;
line-height: 1.17; width: 100%;
color: #7d7f82;
float: left; }
width: 100%; .like-strive{
font-size: 12px;
} line-height: 1.17;
.result-bar ul{ color: #7d7f82;
background: none; float: left;
padding: 0 !important; width: 100%;
margin: 0;
} }
.red-b { .result-bar ul{
background: #fb5d67 none repeat scroll 0 0 !important; background: none;
float: left; padding: 0 !important;
position: relative; margin: 0;
z-index: 10; }
/*height: 10px;*/ .red-b {
} background: #fb5d67 none repeat scroll 0 0 !important;
.yellow-b{ float: left;
background-color: #fedd6f !important; position: relative;
float: left; z-index: 10;
position: relative; /*height: 10px;*/
z-index: 10; }
/*height: 10px;*/ .yellow-b{
} background-color: #fedd6f !important;
.green-b{ float: left;
background-color: #41bdb4 !important; position: relative;
float: left; z-index: 10;
position: relative; /*height: 10px;*/
z-index: 10; }
/*height: 10px;*/ .green-b{
} background-color: #41bdb4 !important;
.triangle-arrow { float: left;
background: rgba(0, 0, 0, 0) url("file://<%= PDFUtils.FILE_BASE_PATH %>/images/triangle.png") no-repeat scroll center center; position: relative;
height: 8px; z-index: 10;
left: 48%; /*height: 10px;*/
position: absolute; }
right: 0; .triangle-arrow {
width: 11px; background: rgba(0, 0, 0, 0) url("file://<%= PDFUtils.FILE_BASE_PATH %>/images/triangle.png") no-repeat scroll center center;
z-index: 10; height: 8px;
} left: 48%;
position: absolute;
right: 0;
width: 11px;
z-index: 10;
}
@page @page
{ {
......
cmsWebApp/webroot/extensions/adminportal/inc/applicants_grid_report_header.jsp
...@@ -6,26 +6,18 @@ ...@@ -6,26 +6,18 @@
<style type="text/css" media="print,screen" > <style type="text/css" media="print,screen" >
/*@import url("//hello.myfonts.net/count/343a83");*/ /*@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');}
body { margin: 5mm; background-color: #e9ecef; } body { margin: 5mm; background-color: #e9ecef; }
div.header{background-color: #1a2531; height: 80px; line-height: 80px; padding: 0 30px ;} div.header{background-color: #1a2531; height: 80px; line-height: 80px; padding: 0 30px ;}
.chief-officer {color: #ffffff; text-align: left; font-size: 26px; font-weight: 300; margin-bottom: 15px; float:left; width:60%} .chief-officer {color: #ffffff; text-align: left; font-size: 26px; font-weight: 300; margin-bottom: 15px; float:left; width:60%}
.chief-officer .ref-no {color: #8E97A0;} .chief-officer .ref-no {color: #8E97A0;}
.by-name {color: #ffffff; float: right; width:30%;text-align: right;} .by-name {color: #ffffff; float: right; width:30%;text-align: right;}
div.white-header {background-color: #fff; height:80px;box-shadow: 0 3px 5px 0 rgba(0,0,0,0.02); padding: 0 30px ;} div.white-header {background-color: #fff; height:80px;box-shadow: 0 3px 5px 0 rgba(0,0,0,0.02); padding: 0 30px ;}
.applicant-details {height: 80px; line-height: 80px; margin:0 } .applicant-details {height: 80px; line-height: 80px; margin:0 }
.main-appli-name {display: inline-block; width: 38%; } .main-appli-name {display: inline-block; width: 38%; }
.appli-name{color: #1A2531; text-align: left; font-size: 26px; font-weight: 300; font-family: "Usual-Light";} .appli-name{color: #1A2531; text-align: left; font-size: 26px; font-weight: 300; font-family: "Usual-Light";}
.appli-applied{color: #7d7f82; text-align: left; font-size: 12px; margin-top: 6px;} .appli-applied{color: #7d7f82; text-align: left; font-size: 12px; margin-top: 6px;}
.appli-count {display: inline-block; width: 60%;text-align: right;color: #8E97A0;font-size: 15px; } .appli-count {display: inline-block; width: 60%;text-align: right;color: #8E97A0;font-size: 15px; }
.view-appli-list {padding: 20px 0; } .view-appli-list {padding: 20px 0; }
.appl-c-box{display: inline-block;width:23%;text-align: left;background: #ffffff none repeat scroll 0 0;margin: 0.8% 0.8%;} .appl-c-box{display: inline-block;width:23%;text-align: left;background: #ffffff none repeat scroll 0 0;margin: 0.8% 0.8%;}
......
cmsWebApp/webroot/extensions/adminportal/inc/applicants_list_report_header.jsp
...@@ -4,52 +4,43 @@ ...@@ -4,52 +4,43 @@
<%@ page import="performa.orm.*, performa.orm.types.*, performa.chart.*, performa.utils.*"%> <%@ page import="performa.orm.*, performa.orm.types.*, performa.chart.*, performa.utils.*"%>
<oneit:dynIncluded> <oneit:dynIncluded>
<style type="text/css" media="print,screen" > <style type="text/css" media="print,screen" >
/*@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');}
body { margin: 0; background-color: #e9ecef; } body { margin: 0; background-color: #e9ecef; }
div.header{background-color: #1a2531; height: 80px; padding: 0 30px ;} div.header{background-color: #1a2531; height: 80px; padding: 0 30px ;}
.chief-officer {color: #ffffff; text-align: left; line-height: 80px; font-size: 26px; font-weight: 300; margin-bottom: 15px; float:left; width:60%} .chief-officer {color: #ffffff; text-align: left; line-height: 80px; font-size: 26px; font-weight: 300; margin-bottom: 15px; float:left; width:60%}
.chief-officer .ref-no {color: #8E97A0;} .chief-officer .ref-no {color: #8E97A0;}
.by-name {color: #ffffff; float: right; font-size: 12px; width:40%;text-align: right; } .by-name {color: #ffffff; float: right; font-size: 12px; width:40%;text-align: right; }
.header-right-status { margin: 20px 0 10px;} .header-right-status { margin: 20px 0 10px;}
.light-calendar { .light-calendar {
background-image: url('file://<%= PDFUtils.FILE_BASE_PATH %>/images/calendar-icon-light.png'); background-image: url('file://<%= PDFUtils.FILE_BASE_PATH %>/images/calendar-icon-light.png');
background-repeat: no-repeat; background-repeat: no-repeat;
padding: 3px 10px 3px 24px; padding: 3px 10px 3px 24px;
background-position: left center; background-position: left center;
color: #8E97A0; color: #8E97A0;
font-size: 11px; font-size: 11px;
font-weight: 700; font-weight: 700;
font-family: "Usual-Medium"; font-family: "Usual-Medium";
} }
.job-status-appli { .job-status-appli {
background-image: url('file://<%= PDFUtils.FILE_BASE_PATH %>/images/open.png'); background-image: url('file://<%= PDFUtils.FILE_BASE_PATH %>/images/open.png');
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: left center; background-position: left center;
background-size: 15px; background-size: 15px;
text-transform: uppercase; text-transform: uppercase;
letter-spacing: 1px; letter-spacing: 1px;
color: #ffffff; color: #ffffff;
font-size: 11px; font-size: 11px;
font-weight: 700; font-weight: 700;
padding: 3px 0 3px 24px; padding: 3px 0 3px 24px;
} }
div.white-header {background-color: #fff; height:80px;box-shadow: 0 3px 5px 0 rgba(0,0,0,0.02); padding: 0 30px ;} div.white-header {background-color: #fff; height:80px;box-shadow: 0 3px 5px 0 rgba(0,0,0,0.02); padding: 0 30px ;}
.applicant-details {height: 80px; line-height: 80px; border:1px solid red; margin:0 } .applicant-details {height: 80px; line-height: 80px; border:1px solid red; margin:0 }
.main-appli-name {display: inline-block; width: 38%; margin-top: 10px; } .main-appli-name {display: inline-block; width: 38%; margin-top: 10px; }
.appli-name{color: #1A2531; text-align: left; font-size: 26px; font-weight: 300; font-family: "Usual-Light";} .appli-name{color: #1A2531; text-align: left; font-size: 26px; font-weight: 300; font-family: "Usual-Light";}
.appli-applied{color: #7d7f82; text-align: left; font-size: 12px; margin-top: 6px;} .appli-applied{color: #7d7f82; text-align: left; font-size: 12px; margin-top: 6px;}
.appli-count {display: inline-block; width: 60%;text-align: right;color: #8E97A0;font-size: 15px; } .appli-count {display: inline-block; width: 60%;text-align: right;color: #8E97A0;font-size: 15px; }
.view-appli-list {padding: 5mm; } .view-appli-list {padding: 5mm; }
.appli-row{ width: 100%; background-color: #ffffff; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.02); margin-bottom: 16px;} .appli-row{ width: 100%; background-color: #ffffff; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.02); margin-bottom: 16px;}
...@@ -110,12 +101,12 @@ ...@@ -110,12 +101,12 @@
transition: width .6s ease; transition: width .6s ease;
position: relative; position: relative;
} }
.appli-view-bar .progress-bar.green { .appli-view-bar .progress-bar.green {
background: #67B413; background: #67B413;
} }
.show-precentage {position: absolute;color:#fff;right: 1px; top: -3px; font-size: 9px;font-weight: 500;} .show-precentage {position: absolute;color:#fff;right: 1px; top: -3px; font-size: 9px;font-weight: 500;}
.requirements-icon { .requirements-icon {
top:-5px; top:-5px;
left : -5px; left : -5px;
box-sizing: border-box; box-sizing: border-box;
...@@ -128,9 +119,9 @@ ...@@ -128,9 +119,9 @@
background-position: 32% 25%; background-position: 32% 25%;
padding: 0; padding: 0;
} }
.red-requirements {color: #F9623D;} .red-requirements {color: #F9623D;}
.green-requirements {color: #67B413;} .green-requirements {color: #67B413;}
@page @page
......
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