Skip to content

P
PERFORMA_REPLICA
Commit 03de6119 by Nilu
Options

my company styles and minor changes

parent 93b8a958
Showing with 233 additions and 82 deletions
cmsWebApp/webroot/css/common.css
...@@ -4058,6 +4058,8 @@ img.alert-icon {float: left;} ...@@ -4058,6 +4058,8 @@ img.alert-icon {float: left;}
.appli-status{width: 13%; padding: 15px 0 0 12px; } .appli-status{width: 13%; padding: 15px 0 0 12px; }
.company-pro-logo {margin: 9% 0 2.6%;} .company-pro-logo {margin: 9% 0 2.6%;}
.tabing-sidebar .nav-tabs > li > a{padding-left: 30px;}
} }
@media screen and (max-width: 1480px){ @media screen and (max-width: 1480px){
...@@ -4085,6 +4087,10 @@ img.alert-icon {float: left;} ...@@ -4085,6 +4087,10 @@ img.alert-icon {float: left;}
.dash-count {font-size: 48px;} .dash-count {font-size: 48px;}
.welcome-text {font-size: 30px;} .welcome-text {font-size: 30px;}
.appl-c-box{margin: 0.3% 0.3%;} .appl-c-box{margin: 0.3% 0.3%;}
.tabing-sidebar .nav-tabs > li > a {padding-left: 24px;}
.thr-block{padding: 0 15px 15px;}
} }
@media screen and (max-width: 1380px){ @media screen and (max-width: 1380px){
...@@ -4146,6 +4152,8 @@ img.alert-icon {float: left;} ...@@ -4146,6 +4152,8 @@ img.alert-icon {float: left;}
.appli-name {font-size: 24px;} .appli-name {font-size: 24px;}
.main-applicant-content {width: 100%;} .main-applicant-content {width: 100%;}
.applicant-sidebar{width: 20.65%;} .applicant-sidebar{width: 20.65%;}
.tabing-sidebar .nav-tabs > li > a {padding-left: 15px;}
} }
@media screen and (max-width: 1278px){ @media screen and (max-width: 1278px){
.main-pack-type li {float: left;margin: 0 7.5px 15px;width: 47%;} .main-pack-type li {float: left;margin: 0 7.5px 15px;width: 47%;}
...@@ -4275,6 +4283,13 @@ img.alert-icon {float: left;} ...@@ -4275,6 +4283,13 @@ img.alert-icon {float: left;}
.m-save-user{width: 75%;} .m-save-user{width: 75%;}
.resend-link{padding: 15px 70px;} .resend-link{padding: 15px 70px;}
.manage-user-right{margin-top: 75px;padding: 20px;} .manage-user-right{margin-top: 75px;padding: 20px;}
.main-sign-up {width: 44.5%;}
.tabing-sidebar .nav-tabs > li > a {font-size: 12px;padding:12px 0 12px 10px;}
.tabing-sidebar .nav-tabs > li.active > a:focus, .tabing-sidebar .nav-tabs > li.active > a:hover, .tabing-sidebar .nav-tabs > li.active > a{font-size: 12px;}
.tabpage-title {font-size: 18px;}
.tabing-sidebar {padding: 36px 0 0 18px;}
} }
@media screen and (max-width: 1080px){ @media screen and (max-width: 1080px){
...@@ -4362,6 +4377,15 @@ img.alert-icon {float: left;} ...@@ -4362,6 +4377,15 @@ img.alert-icon {float: left;}
.eq-justify-content {display: inline-block;justify-content: unset;} .eq-justify-content {display: inline-block;justify-content: unset;}
.manage-user-left {width: 100%;} .manage-user-left {width: 100%;}
.manage-user-right {margin-left: 0;margin-top: 20px;padding: 20px;width: 100%;margin-bottom: 20px;} .manage-user-right {margin-left: 0;margin-top: 20px;padding: 20px;width: 100%;margin-bottom: 20px;}
.main-sign-up {width: 66%;}
.company-content-area {padding: 6.3% 5.3% 6.1%;}
.tabing-sidebar {padding: 30px 0 0;}
.prev-btn {left: -18px;}
.next-btn {right: -18px;}
} }
@media screen and (max-width: 980px){ @media screen and (max-width: 980px){
...@@ -4722,7 +4746,10 @@ img.alert-icon {float: left;} ...@@ -4722,7 +4746,10 @@ img.alert-icon {float: left;}
} }
@media screen and (max-width: 320px){ @media screen and (max-width: 320px){
.verify-i-title {font-size: 13px;} .verify-i-title {font-size: 13px;}
.tabing-sidebar .nav-tabs > li > a {font-size: 10px;padding: 10px 0 10px 5px;}
.tabing-sidebar .nav-tabs > li.active > a:focus, .tabing-sidebar .nav-tabs > li.active > a:hover, .tabing-sidebar .nav-tabs > li.active > a {font-size: 10px;}
.tabing-sidebar {padding: 13px 0 0;}
} }
.footer{ .footer{
...@@ -5026,9 +5053,89 @@ label, label .label-title span { ...@@ -5026,9 +5053,89 @@ label, label .label-title span {
display: none; display: none;
} }
/*Client edit end*/ /*Client edit end*/
/*My Company Pages*/
.tabs-left>li, .tabs-right>li {
float: none;
}
.tabing-sidebar .nav > li > a{
font-size: 13px;
color: #ffffff;
}
.tabing-sidebar .nav-tabs > li{
margin-bottom: 0;
}
.tabing-sidebar .nav-tabs{
border: 0;
}
.tabing-sidebar .nav-tabs > li > a{
margin-right: 0;
border: 0;
padding: 16px 0 16px 36px;
}
.tabing-sidebar .nav > li > a:focus,.tabing-sidebar .nav > li > a:hover{
background: none;
border: 0;
}
.tabing-sidebar .nav-tabs > li.active > a:focus,.tabing-sidebar .nav-tabs > li.active > a:hover,.tabing-sidebar .nav-tabs > li.active > a{
border-radius: 3px 0 0 3px;
background-color: rgba(245, 247, 248, 0.15);
font-size: 13px;
font-weight: bold;
border: 0;
color: #fff;
}
.my-company-area {
background: #fff none repeat scroll 0 0;
float: left;
width: 100%;
}
.tabing-sidebar {
float: left;
width: 20.618%;
background-color: #4e5258;
padding: 48px 0 0 20px;
}
.company-content-area {
float: right;
padding: 6.3% 8.3% 6.1%;
width: 79.382%;
}
.tabpage-title{
font-size: 20px;
font-weight: 700;
margin-bottom: 6%;
}
.company-content-area label {
font-weight: normal;
}
.company-content-area label
{
font-family: "Usual-Regular";
}
.company-content-area .fileLink
{
display: none;
}
/*My Company Pages End*/
.hire-the-right-candi { .hire-the-right-candi {
height: 75px; height: 75px;
font-family: Usual-Medium; font-family: Usual-Medium;
......
cmsWebApp/webroot/extensions/adminportal/inc/my_company_tabs.jsp 0 → 100644
<%@ page extends="oneit.servlets.jsp.JSPInclude" %>
<%@ include file="/inc/stdimports50.jsp" %><%-- This is in cougar --%>
<%@ include file="/inc/stdcms.jsp" %><%-- This is in cougar --%>
<%@ include file="/extensions/performa/inc/stdimports.jsp" %>
<%
String tabNumber = (String) getData(request, "TabNumber");
String firstPage = WebUtils.getSamePageInRenderMode(request, "Page");
%>
<oneit:dynIncluded>
<div class="tabing-sidebar">
<ul class="nav nav-tabs tabs-left">
<li class="<%= tabNumber == "1" ? "active" : ""%>">
<oneit:button value=" " name="gotoPage" skin="link"
requestAttribs="<%= CollectionUtils.mapEntry("nextPage", firstPage)
.toMap() %>">
Company Details
</oneit:button>
</li>
<li class="">Manage Plan</li>
<li class="">Billing</li>
<li class="disabled">Invoices</li>
</ul>
</div>
</oneit:dynIncluded>
cmsWebApp/webroot/extensions/adminportal/my_company.jsp
...@@ -32,92 +32,98 @@ ...@@ -32,92 +32,98 @@
<div class="container-fluid"> <div class="container-fluid">
<div class="row content"> <div class="row content">
<div class="main-content-area"> <div class="main-content-area">
<h1 class="page-title">Manage Company</h1> <h1 class="page-title">My Company</h1>
<oneit:form name="editCompany" method="post" enctype="multipart/form-data"> <div class="my-company-area">
<div style="padding-left: 15px; padding-right: 15px;"> <oneit:form name="editCompany" method="post" enctype="multipart/form-data">
<oneit:dynInclude page="/extensions/applicantportal/inc/multifieldtext.jsp" data="<%= CollectionUtils.EMPTY_MAP%>"/>
</div> <oneit:dynInclude page="/extensions/adminportal/inc/my_company_tabs.jsp" TabNumber="1" data="<%= CollectionUtils.EMPTY_MAP%>"/>
<div class="form-page-area">
<div class="create-job">
<div class="assessment-criteria">
<div class="form-group">
<label class="label-16">Company Details</label>
</div>
<div class="form-group">
<label><oneit:label GUIName="Company Name" /></label>
<oneit:ormInput obj="<%= company %>" type="text" attributeName="CompanyName" cssClass="form-control" />
</div>
<div class="form-group">
<label><oneit:ormlabel obj="<%= company %>" field="CompanyLogo" /></label>
<div class="main-upload-logo">
<span class="u-img-tag" style="<%= company.getCompanyLogo() != null ? "" : "display: none" %>">
<tagfile:img src="<%= ThumbnailUtils.filterImage(DiskFileBinaryContent.getRelativeURL(company.getCompanyLogo()), "KEEP", new ScaleWithin (0,90)) %>"
class="upload-img-w-h" id="client-logo"/>
<span class="remove-logo-btn">
<img src="images/logo-remove-btn.png" id="remove-logo">
<oneit:ormInput obj="<%= company %>" type="text" attributeName="IsLogoDeleted" style="display:none;" />
</span>
</span>
<span class="up-rep-btn"> <div class="company-content-area">
<oneit:ormInput obj="<%= company %>" type="file" attributeName="CompanyLogo" accept="image/*" id="upload" <!-- Tab panes -->
style="visibility: hidden; width: 1px; height: 1px"/> <div class="tab-content">
<a href="javascript:void(0)" onclick="document.getElementById('upload').click(); return false" id="replace-btn"> <div class="tab-pane active" id="company-detail">
<%= company.getCompanyLogo() != null ? "Replace" : "Upload" %> <div style="padding-left: 15px; padding-right: 15px;">
</a> <oneit:dynInclude page="/extensions/applicantportal/inc/multifieldtext.jsp" data="<%= CollectionUtils.EMPTY_MAP%>"/>
</span>
</div> </div>
</div> <div class="tabpage-title">
<div class="form-group row"> <label class="label-16">Company Details</label>
<div class="col-md-6"> </div>
<label><oneit:label GUIName="Industry" /></label> <div class="form-group">
<oneit:ormEnum obj="<%= company %>" attributeName="Industry" cssClass="form-control"/> <label><oneit:label GUIName="Company Name" /></label>
<oneit:ormInput obj="<%= company %>" type="text" attributeName="CompanyName" cssClass="form-control" />
</div> </div>
</div> <div class="form-group">
<div class="form-group"> <label><oneit:ormlabel obj="<%= company %>" field="CompanyLogo" /></label>
<div class="styled_checkboxes"> <div class="main-upload-logo">
<div class="checkbox checkbox-primary"> <span class="u-img-tag" style="<%= company.getCompanyLogo() != null ? "" : "display: none" %>">
<oneit:ormInput obj="<%= company %>" id="has-client-support" attributeName="HasClientSupport" type="checkbox"/> <tagfile:img src="<%= ThumbnailUtils.filterImage(DiskFileBinaryContent.getRelativeURL(company.getCompanyLogo()), "KEEP", new ScaleWithin (0,90)) %>"
<oneit:recalcClass htmlTag="span" classScript="company.showHasClientSupport() ? 'checked': 'unchecked'" company="<%= company %>"> class="upload-img-w-h" id="client-logo"/>
<label for="has-client-support"> <span class="remove-logo-btn">
<oneit:ormlabel obj="<%= company %>" field="HasClientSupport" /> <img src="images/logo-remove-btn.png" id="remove-logo">
</label> <oneit:ormInput obj="<%= company %>" type="text" attributeName="IsLogoDeleted" style="display:none;" />
</oneit:recalcClass> </span>
</span>
<span class="up-rep-btn">
<oneit:ormInput obj="<%= company %>" type="file" attributeName="CompanyLogo" accept="image/*" id="upload"
style="visibility: hidden; width: 1px; height: 1px"/>
<a href="javascript:void(0)" onclick="document.getElementById('upload').click(); return false" id="replace-btn">
<%= company.getCompanyLogo() != null ? "Replace" : "Upload" %>
</a>
</span>
</div> </div>
</div> </div>
</div> <div class="form-group row">
<div class="form-brack-line-sub"></div> <div class="col-md-6">
<label><oneit:label GUIName="Industry" /></label>
<div class="form-group row"> <oneit:ormEnum obj="<%= company %>" attributeName="Industry" cssClass="form-control"/>
<div class="col-md-4"> </div>
<label><oneit:ormlabel obj="<%= company %>" field="Country" /></label>
<oneit:ormEnum obj="<%= company %>" attributeName="Country" cssClass="form-control"/>
</div>
<div class="col-md-4">
<label><oneit:ormlabel obj="<%= company %>" field="State" /></label>
<oneit:ormEnum obj="<%= company %>" attributeName="State" cssClass="form-control"/>
</div>
<div class="col-md-4">
<label><oneit:ormlabel obj="<%= company %>" field="PostCode" /></label>
<oneit:ormInput obj="<%= company %>" type="text" attributeName="PostCode" cssClass="form-control" />
</div>
</div>
<div class="form-group row">
<div class="col-md-6">
<label><oneit:ormlabel obj="<%= company %>" field="City" /></label>
<oneit:ormInput obj="<%= company %>" type="text" attributeName="City" cssClass="form-control" />
</div>
<div class="col-md-6">
<label><oneit:label GUIName="Default Timezone" /></label>
<oneit:ormEnum obj="<%= company %>" attributeName="TimeZone" cssClass="form-control"/>
</div> </div>
</div> <div class="form-group">
<div class="text-center form-group"> <div class="styled_checkboxes">
<oneit:button value="Save Updates" name="saveCompany" cssClass="btn btn-primary largeBtn" <div class="checkbox checkbox-primary">
requestAttribs="<%= CollectionUtils.mapEntry("nextPage", nextPage) <oneit:ormInput obj="<%= company %>" id="has-client-support" attributeName="HasClientSupport" type="checkbox"/>
.mapEntry("Company", company) <oneit:recalcClass htmlTag="span" classScript="company.showHasClientSupport() ? 'checked': 'unchecked'" company="<%= company %>">
.toMap() %>" /> <label for="has-client-support">
</div> <oneit:ormlabel obj="<%= company %>" field="HasClientSupport" />
</label>
</oneit:recalcClass>
</div>
</div>
</div>
<div class="form-brack-line-sub"></div>
<div class="form-group row">
<div class="col-md-4">
<label><oneit:ormlabel obj="<%= company %>" field="Country" /></label>
<oneit:ormEnum obj="<%= company %>" attributeName="Country" cssClass="form-control"/>
</div>
<div class="col-md-4">
<label><oneit:ormlabel obj="<%= company %>" field="State" /></label>
<oneit:ormEnum obj="<%= company %>" attributeName="State" cssClass="form-control"/>
</div>
<div class="col-md-4">
<label><oneit:ormlabel obj="<%= company %>" field="PostCode" /></label>
<oneit:ormInput obj="<%= company %>" type="text" attributeName="PostCode" cssClass="form-control" />
</div>
</div>
<div class="form-group row">
<div class="col-md-6">
<label><oneit:ormlabel obj="<%= company %>" field="City" /></label>
<oneit:ormInput obj="<%= company %>" type="text" attributeName="City" cssClass="form-control" />
</div>
<div class="col-md-6">
<label><oneit:label GUIName="Default Timezone" /></label>
<oneit:ormEnum obj="<%= company %>" attributeName="TimeZone" cssClass="form-control"/>
</div>
</div>
<div class="text-center form-group">
<oneit:button value="Save Updates" name="saveCompany" cssClass="btn btn-primary largeBtn"
requestAttribs="<%= CollectionUtils.mapEntry("nextPage", nextPage)
.mapEntry("Company", company)
.toMap() %>" />
</div>
</div>
</div> </div>
</div> </div>
</div> </div>
......
cmsWebApp/webroot/scripts/common.js
...@@ -21,6 +21,16 @@ $(document).ready(function () { ...@@ -21,6 +21,16 @@ $(document).ready(function () {
} }
$('.errorField input, .errorField select, .errorField textarea, .errorField .assocObjDesc').eq(0).focus(); $('.errorField input, .errorField select, .errorField textarea, .errorField .assocObjDesc').eq(0).focus();
/*Set sidebar height*/
$(window).load(function() {
var sdh = $('.company-content-area').outerHeight();
$('.tabing-sidebar').css('min-height',sdh);
});
$(window).resize(function(){
var sdh = $('.company-content-area').outerHeight();
$('.tabing-sidebar').css('min-height',sdh);
});
}); });
function addUserPic(opt) { function addUserPic(opt) {
......
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