Commit 1b6efacd by Nilu

adding client logo

parent bdee812d
...@@ -4942,6 +4942,90 @@ label, label .label-title span { ...@@ -4942,6 +4942,90 @@ label, label .label-title span {
} }
/* End of Clients HT010 */ /* End of Clients HT010 */
/*Client edit*/
.client-form-area {
background-color: #ffffff;
display: inline-block;
padding: 7.8% 7.8% 6.1%;
width: 100%;
}
.client-form-area label{
font-weight: normal;
margin-bottom: 7px;
}
.client-update-btn{
margin-bottom: 0;
clear: both;
}
.client-update-btn input.btn.btn-primary {
margin-top: 3.1%;
}
.main-upload-logo span{
display: inline-block;
vertical-align: middle;
}
.upload-img-w-h{}
.u-img-tag{
border: 1px dashed #dbdbdf;
border-radius: 2px;
width: 315px;
height: 94px;
position: relative;
margin-right: 17px;
}
.up-rep-btn {
position: relative;
top: -3px;
}
.up-rep-btn a {
border: 1px solid #8e97a0;
border-radius: 100px;
color: #8e97a0;
font-size: 9px;
font-weight: 500;
letter-spacing: 0.8px;
padding: 7px 15px;
text-transform: uppercase;
}
.remove-logo-btn {
background: #fff none repeat scroll 0 0;
border: 1px solid #8e97a0;
border-radius: 100px;
height: 28px;
line-height: 24px;
position: absolute;
right: -14px;
text-align: center;
top: 50%;
transform: translateY(-50%);
width: 28px;
z-index: 1;
}
.client-form-area label
{
font-family: "Usual-Regular";
}
.client-form-area .fileLink
{
display: none;
}
/*Client edit end*/
.hire-the-right-candi { .hire-the-right-candi {
height: 75px; height: 75px;
font-family: Usual-Medium; font-family: Usual-Medium;
...@@ -5089,4 +5173,8 @@ label, label .label-title span { ...@@ -5089,4 +5173,8 @@ label, label .label-title span {
} }
.no-height{ .no-height{
height: 0; height: 0;
}
input{
font-family: "Usual-Light";
} }
\ No newline at end of file
...@@ -23,84 +23,125 @@ ...@@ -23,84 +23,125 @@
String nextPage = WebUtils.getSamePageInRenderMode(request, "Page"); String nextPage = WebUtils.getSamePageInRenderMode(request, "Page");
%> %>
<script>
$(document).ready(function()
{
recalcFunction = setupRecalc ($("form"), {'recalcOnError':true});
$("#upload").change(function(){
readURL(this);
});
$("#remove-logo").click(function(){
$('#client-logo').attr('src', '');
var input = $("#upload");
input.replaceWith(input.val('').clone(true));
});
});
function readURL(input) {
if (input.files && input.files[0])
{
var reader = new FileReader();
reader.onload = function (e) {
$('#client-logo').attr('src', e.target.result);
}
reader.readAsDataURL(input.files[0]);
}
}
</script>
<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">Client</h1> <h1 class="page-title"><%= "Client" + (client.getClientName() != null ? " - " + client.getClientName() : "") %></h1>
<oneit:form name="editClient" method="post" enctype="multipart/form-data"> <div class="client-form-area">
<div style="padding-left: 15px; padding-right: 15px;"> <oneit:form name="editClient" method="post" enctype="multipart/form-data">
<oneit:dynInclude page="/extensions/applicantportal/inc/multifieldtext.jsp" data="<%= CollectionUtils.EMPTY_MAP%>"/> <div style="padding-left: 15px; padding-right: 15px;">
</div> <oneit:dynInclude page="/extensions/applicantportal/inc/multifieldtext.jsp" data="<%= CollectionUtils.EMPTY_MAP%>"/>
<div class="form-page-area"> </div>
<div class="create-job"> <div class="form-group">
<div class="assessment-criteria"> <label><oneit:label GUIName="Client Name" /></label>
<div class="form-group"> <oneit:ormInput obj="<%= client %>" type="text" attributeName="ClientName" cssClass="form-control" />
<label class="label-16">Details</label> </div>
</div> <div class="form-group">
<div class="form-group"> <label><oneit:ormlabel obj="<%= client %>" field="ClientLogo" /></label>
<label><oneit:label GUIName="Client Name" /></label> <div class="main-upload-logo">
<oneit:ormInput obj="<%= client %>" type="text" attributeName="ClientName" cssClass="form-control" /> <span class="u-img-tag">
</div> <tagfile:img src="<%= ThumbnailUtils.filterImage(DiskFileBinaryContent.getRelativeURL(client.getClientLogo()), "KEEP", new ScaleWithin (0,0)) %>"
<div class="form-group"> class="upload-img-w-h" id="client-logo"/>
<label><oneit:ormlabel obj="<%= client %>" field="ClientLogo" /></label> <span class="remove-logo-btn">
<oneit:ormInput obj="<%= client %>" type="file" attributeName="ClientLogo" accept="image/*"/> <img src="images/logo-remove-btn.png" id="remove-logo">
</div> </span>
</span>
<div class="form-brack-line-sub"></div>
<span class="up-rep-btn">
<div class="form-group"> <oneit:ormInput obj="<%= client %>" type="file" attributeName="ClientLogo" accept="image/*" id="upload"
<label><oneit:ormlabel obj="<%= client %>" field="Email" /></label> style="visibility: hidden; width: 1px; height: 1px"/>
<oneit:ormInput obj="<%= client %>" type="text" attributeName="Email" cssClass="form-control" /> <a href="javascript:void(0)" onclick="document.getElementById('upload').click(); return false">
</div> Replace
<div class="form-group row"> </a>
<div class="col-md-6"> </span>
<label><oneit:ormlabel obj="<%= client %>" field="ContactName" /></label> </div>
<oneit:ormInput obj="<%= client %>" type="text" attributeName="ContactName" cssClass="form-control" />
</div> </div>
<div class="col-md-6">
<label><oneit:ormlabel obj="<%= client %>" field="ContactSurname" /></label> <div class="form-brack-line-sub"></div>
<oneit:ormInput obj="<%= client %>" type="text" attributeName="ContactSurname" cssClass="form-control" />
</div> <div class="form-group">
</div> <label><oneit:ormlabel obj="<%= client %>" field="Email" /></label>
<div class="form-group"> <oneit:ormInput obj="<%= client %>" type="text" attributeName="Email" cssClass="form-control" />
<label><oneit:ormlabel obj="<%= client %>" field="Phone" /></label> </div>
<oneit:ormInput obj="<%= client %>" type="text" attributeName="Phone" cssClass="form-control" /> <div class="form-group row">
</div> <div class="col-md-6">
<label><oneit:ormlabel obj="<%= client %>" field="ContactName" /></label>
<div class="form-brack-line-sub"></div> <oneit:ormInput obj="<%= client %>" type="text" attributeName="ContactName" cssClass="form-control" />
</div>
<div class="form-group row"> <div class="col-md-6">
<div class="col-md-4"> <label><oneit:ormlabel obj="<%= client %>" field="ContactSurname" /></label>
<label><oneit:ormlabel obj="<%= client %>" field="Country" /></label> <oneit:ormInput obj="<%= client %>" type="text" attributeName="ContactSurname" cssClass="form-control" />
<oneit:ormEnum obj="<%= client %>" attributeName="Country" cssClass="form-control"/> </div>
</div> </div>
<div class="col-md-4"> <div class="form-group">
<label><oneit:ormlabel obj="<%= client %>" field="State" /></label> <label><oneit:ormlabel obj="<%= client %>" field="Phone" /></label>
<oneit:ormEnum obj="<%= client %>" attributeName="State" cssClass="form-control"/> <oneit:ormInput obj="<%= client %>" type="text" attributeName="Phone" cssClass="form-control" />
</div> </div>
<div class="col-md-4">
<label><oneit:ormlabel obj="<%= client %>" field="PostCode" /></label> <div class="form-brack-line-sub"></div>
<oneit:ormInput obj="<%= client %>" type="text" attributeName="PostCode" cssClass="form-control" />
</div> <div class="form-group row">
</div> <div class="col-md-4">
<div class="form-group row"> <label><oneit:ormlabel obj="<%= client %>" field="Country" /></label>
<div class="col-md-6"> <oneit:ormEnum obj="<%= client %>" attributeName="Country" cssClass="form-control"/>
<label><oneit:ormlabel obj="<%= client %>" field="City" /></label> </div>
<oneit:ormInput obj="<%= client %>" type="text" attributeName="City" cssClass="form-control" /> <div class="col-md-4">
</div> <label><oneit:ormlabel obj="<%= client %>" field="State" /></label>
<div class="col-md-6"> <oneit:ormEnum obj="<%= client %>" attributeName="State" cssClass="form-control"/>
<label><oneit:ormlabel obj="<%= client %>" field="TimeZone"/></label> </div>
<oneit:ormEnum obj="<%= client %>" attributeName="TimeZone" cssClass="form-control"/> <div class="col-md-4">
</div> <label><oneit:ormlabel obj="<%= client %>" field="PostCode" /></label>
</div> <oneit:ormInput obj="<%= client %>" type="text" attributeName="PostCode" cssClass="form-control" />
<div class="text-center form-group"> </div>
<oneit:button value="Save Updates" name="save" cssClass="btn btn-primary largeBtn" </div>
requestAttribs="<%= CollectionUtils.mapEntry("nextPage", nextPage).toMap() %>" /> <div class="form-group row">
</div> <div class="col-md-6">
<label><oneit:ormlabel obj="<%= client %>" field="City" /></label>
<oneit:ormInput obj="<%= client %>" type="text" attributeName="City" cssClass="form-control" />
</div>
<div class="col-md-6">
<label><oneit:ormlabel obj="<%= client %>" field="TimeZone"/></label>
<oneit:ormEnum obj="<%= client %>" attributeName="TimeZone" cssClass="form-control"/>
</div> </div>
</div> </div>
</div> <div class="text-center form-group">
</oneit:form> <oneit:button value="Save Updates" name="save" cssClass="btn btn-primary largeBtn"
requestAttribs="<%= CollectionUtils.mapEntry("nextPage", nextPage).toMap() %>" />
</div>
</oneit:form>
</div>
</div> </div>
</div> </div>
</div> </div>
......
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