<?php include('techsyn_header.php'); ?>
<link rel="stylesheet" href="assets/css/bootstrap.min.css" />
<link rel="stylesheet" href="assets/font-awesome/4.5.0/css/font-awesome.min.css" />
<!-- page specific plugin styles -->
<link rel="stylesheet" href="assets/css/jquery-ui.custom.min.css" />
<link rel="stylesheet" href="assets/css/jquery.gritter.min.css" />
<link rel="stylesheet" href="assets/css/select2.min.css" />
<link rel="stylesheet" href="assets/css/bootstrap-datepicker3.min.css" />
<link rel="stylesheet" href="assets/css/bootstrap-editable.min.css" />
<!-- text fonts -->
<link rel="stylesheet" href="assets/css/fonts.googleapis.com.css" />
<!-- ace styles -->
<link rel="stylesheet" href="assets/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style" />
<!--[if lte IE 9]>
<link rel="stylesheet" href="assets/css/ace-part2.min.css" class="ace-main-stylesheet" />
<![endif]-->
<link rel="stylesheet" href="assets/css/ace-skins.min.css" />
<link rel="stylesheet" href="assets/css/ace-rtl.min.css" />
<!--[if lte IE 9]>
<link rel="stylesheet" href="assets/css/ace-ie.min.css" />
<![endif]-->
<!-- inline styles related to this page -->
<!-- ace settings handler -->
<script src="assets/js/ace-extra.min.js"></script>
<!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->
<!--[if lte IE 8]>
<script src="assets/js/html5shiv.min.js"></script>
<script src="assets/js/respond.min.js"></script>
<![endif]-->
<!-- Main Content Container for side bar and body-->
<div class="main-container ace-save-state" id="main-container">
<script type="text/javascript">
try {
ace.settings.loadState('main-container')
} catch (e) {}
</script>
<?php include('techsyn_sidebar.php'); ?>
<?php
$emp_id = $_REQUEST['emp_id'];
// echo $id;
$query = "select * from company_profile ";
// echo $query;
if (! $result = @mysqli_query($conn,$query)) {
exit(mysqli_error($conn));
} else {
$row = @mysqli_fetch_array($result);
@extract($row);
}
$accessOption = $_REQUEST['accessOption'];
?>
<!--breadcrumb-->
<div class="main-content">
<div class="main-content-inner">
<div class="breadcrumbs ace-save-state" id="breadcrumbs">
</div>
<!-- End of breadcrumb -->
<div class="page-content">
<div id="user-profile-2">
<form class="form-horizontal" id="company_form" name="company_form" enctype="multipart/form-data"
action="#" method="post">
<div class="box box-primary">
<div class="box-header with-border">
<h4 class="box-title">Company Profile</h4>
</div>
<div class="box-body">
<div id="user-profile-1" class="user-profile row">
<div class="col-xs-12 col-sm-3 center">
<span class="profile-picture">
<?php if(isset($row['company_logo']) && $row['company_logo']!=null){?>
<button class=" btn-primary" style="width:178px" type="button"
onclick="remove_logo('company_logo')">
<i class="ace-icon fa fa-times"></i> Remove
</button><img class="editable img-responsive" id="avatar"
src="data:<?php echo $row['image_type']?>;base64,<?php echo base64_encode( $row['company_logo'] )?>"
style="display: block; width: 180px; height: 100px;" />
<label class="col-sm-4 control-label no-padding-right"
style="width: 110px">Left Icon</label>
<?php }else{?>
<img class="editable img-responsive" alt="Company Logo" id="avatar"
style="width:178px ;height:93px" src="images/no_image.png" />
<?php }?>
</span>
<div class="space space-4"></div>
<div class="hide" id="uploadForm"></div>
</div>
<div class="col-xs-12 col-sm-3 center">
<span class="profile-picture">
<?php if(isset($row['right_com_logo']) && $row['right_com_logo']!=null){?>
<button class=" btn-primary" style="width:178px" type="button"
onclick="remove_logo('right_com_logo')">
<i class="ace-icon fa fa-times"></i> Remove
</button>
<img class="editable img-responsive" id="right_avatar"
src="data:<?php echo $row['right_image_type']?>;base64,<?php echo base64_encode( $row['right_com_logo'] )?>"
style="display: block; width: 180px; height: 100px;" />
<label class="col-sm-4 control-label no-padding-right"
style="width: 110px">Right Icon</label>
<?php }else{?>
<img class="editable img-responsive" alt="Company Right Logo"
id="right_avatar" src="images/no_image.png"
style="width:178px ;height:93px" />
<?php }?>
</span>
<div class="space space-4"></div>
<div class="hide" id="uploadForm"></div>
</div>
<!-- /.col -->
<div class="col-xs-12 col-sm-9" style="width: 624px;">
<div class="form-group">
<label class="col-sm-4 control-label no-padding-right"
for="form-field-first">Company Name</label>
<div class="col-sm-8">
<input class="form-control" type="text" name="company_name"
id="company_name" maxlength="100" placeholder="Company Name"
value="<?php echo $company_name; ?>"> <input type="hidden"
class="form-control" name="company_id" id="company_id"
value="<?php echo $row['company_id']; ?>" />
</div>
</div>
<div class="space-4"></div>
<div class="form-group">
<label class="col-sm-4 control-label no-padding-right"
for="form-field-username">Address</label>
<div class="col-sm-8">
<textarea rows="6" cols="10" maxlength="1000" id="address"
name="address" class="form-control"><?php echo $address?></textarea>
</div>
</div>
</div>
</div>
<!-- /.row -->
<div class="space-20"></div>
<div class="row">
<div class="form-group">
<label class="col-sm-2 control-label no-padding-right"
for="form-field-comment">OHC mob.</label>
<div class="col-sm-4">
<input class="col-xs-12 col-sm-10" type="text" id="phone" name="phone"
maxlength="10" value="<?php echo $primary_phone;?>"
placeholder="Phone">
</div>
<label class="col-sm-2 control-label no-padding-right"
for="form-field-comment">Email</label>
<div class="col-sm-4">
<input class="col-xs-12 col-sm-10" type="text" id="email" name="email"
maxlength="200" value="<?php echo $primary_email;?>"
placeholder="Email">
</div>
</div>
</div>
<div class="row">
<div class="form-group">
<label class="col-sm-2 control-label no-padding-right"
for="form-field-comment">Ohc Details</label>
<div class="col-sm-4">
<textarea rows="6" cols="10" id="all_details" name="all_details"
class="form-control"><?php echo $ohc_details?></textarea>
</div>
<!-- <label class="col-sm-2 control-label no-padding-right"
for="form-field-comment">Dr.Subhra</label>
<div class="col-sm-4">
<input class="col-xs-12 col-sm-10" type="text" id="website"
name="website" maxlength="10" value="<?php echo $company_website;?>"
placeholder="website">
</div> -->
</div>
</div>
</div>
<!-- /.box-body -->
<div class="box-footer" style="text-align: center">
<button class="btn btn-primary" type="button" onclick="save_employee()">
<i class="ace-icon fa fa-floppy-o bigger-160"></i> Save
</button>
</div>
</div>
</form>
</div>
<!-- end user profile2 -->
</div>
</div>
</div>
<!-- /.page-content -->
</div>
<!-- /.main-content -->
<!-- page specific plugin scripts -->
<!--[if lte IE 8]>
<script src="assets/js/excanvas.min.js"></script>
<![endif]-->
<script src="assets/js/jquery-ui.custom.min.js"></script>
<script src="assets/js/jquery.ui.touch-punch.min.js"></script>
<script src="assets/js/jquery.gritter.min.js"></script>
<script src="assets/js/bootbox.js"></script>
<script src="assets/js/jquery.easypiechart.min.js"></script>
<script src="assets/js/bootstrap-datepicker.min.js"></script>
<script src="assets/js/jquery.hotkeys.index.min.js"></script>
<script src="assets/js/bootstrap-wysiwyg.min.js"></script>
<script src="assets/js/select2.min.js"></script>
<script src="assets/js/spinbox.min.js"></script>
<script src="assets/js/bootstrap-editable.min.js"></script>
<script src="assets/js/ace-editable.min.js"></script>
<script src="assets/js/jquery.maskedinput.min.js"></script>
<!-- ace scripts -->
<script src="assets/js/ace-elements.min.js"></script>
<script src="assets/js/ace.min.js"></script>
<!-- inline scripts related to this page -->
<script type="text/javascript">
jQuery(function($) {
//editables on first profile page
$.fn.editable.defaults.mode = 'inline';
$.fn.editableform.loading =
"<div class='editableform-loading'><i class='ace-icon fa fa-spinner fa-spin fa-2x light-blue'></i></div>";
$.fn.editableform.buttons =
'<button type="submit" class="btn btn-info editable-submit"><i class="ace-icon fa fa-check"></i></button>' +
'<button type="button" class="btn editable-cancel"><i class="ace-icon fa fa-times"></i></button>';
//editables
// *** editable avatar *** //
try { //ie8 throws some harmless exceptions, so let's catch'em
//first let's add a fake appendChild method for Image element for browsers that have a problem with this
//because editable plugin calls appendChild, and it causes errors on IE at unpredicted points
try {
document.createElement('IMG').appendChild(document.createElement('B'));
} catch (e) {
Image.prototype.appendChild = function(el) {}
}
var last_gritter
var last_right_gritter
$('#avatar').editable({
type: 'image',
name: 'avatar',
value: null,
//onblur: 'ignore', //don't reset or hide editable onblur?!
image: {
//specify ace file input plugin's options here
btn_choose: 'Change Image',
droppable: true,
maxSize: 660000, //~600Kb
//and a few extra ones here
name: 'company_logo', //put the field name here as well, will be used inside the custom plugin
on_error: function(
error_type
) { //on_error function will be called when the selected file has a problem
if (last_gritter) $.gritter.remove(last_gritter);
if (error_type == 1) { //file format error
last_gritter = $.gritter.add({
title: 'File is not an image!',
text: 'Please choose a jpg|gif|png image!',
class_name: 'gritter-error gritter-center'
});
} else if (error_type == 2) { //file size rror
last_gritter = $.gritter.add({
title: 'File too big!',
text: 'Image size should not exceed 600Kb!',
class_name: 'gritter-error gritter-center'
});
} else { //other error
}
},
on_success: function() {
$.gritter.removeAll();
}
},
url: function(params) {
// ***UPDATE AVATAR HERE*** //
//for a working upload example you can replace the contents of this function with
//examples/profile-avatar-update.js
var deferred = new $.Deferred
var value = $('#avatar').next().find('input[type=hidden]:eq(0)').val();
if (!value || value.length == 0) {
deferred.resolve();
return deferred.promise();
}
var formData_object = new FormData();
var avatar = '#avatar';
var $form = $(avatar).next().find('.editableform:eq(0)')
var file_input = $form.find('input[type=file]:eq(0)');
$form.find('input[type=file]').each(function() {
var field_name = $(this).attr('name');
var files = $(this).data('ace_input_files');
if (files && files.length > 0) {
var clone = $(this).clone();
clone.attr('name', 'company_logo');
$("#uploadForm").html(clone);
}
});
//dummy upload
setTimeout(function() {
if ("FileReader" in window) {
//for browsers that have a thumbnail of selected image
var thumb = $('#avatar').next().find('img').data('thumb');
if (thumb) $('#avatar').get(0).src = thumb;
}
deferred.resolve({
'status': 'OK'
});
if (last_gritter) $.gritter.remove(last_gritter);
last_gritter = $.gritter.add({
title: 'Image Updated!',
text: '',
class_name: 'gritter-info gritter-center'
});
}, parseInt(Math.random() * 800 + 800))
return deferred.promise();
// ***END OF UPDATE AVATAR HERE*** //
},
success: function(response, newValue) {}
})
// right avatar
$('#right_avatar').editable({
type: 'image',
name: 'right_avatar',
value: null,
//onblur: 'ignore', //don't reset or hide editable onblur?!
image: {
//specify ace file input plugin's options here
btn_choose: 'Change Right Image',
droppable: true,
maxSize: 660000, //~600Kb
//and a few extra ones here
name: 'right_com_logo', //put the field name here as well, will be used inside the custom plugin
on_error: function(
error_type
) { //on_error function will be called when the selected file has a problem
if (last_right_gritter) $.gritter.remove(last_right_gritter);
if (error_type == 1) { //file format error
last_right_gritter = $.gritter.add({
title: 'File is not an image!',
text: 'Please choose a jpg|gif|png image!',
class_name: 'gritter-error gritter-center'
});
} else if (error_type == 2) { //file size rror
last_right_gritter = $.gritter.add({
title: 'File too big!',
text: 'Image size should not exceed 600Kb!',
class_name: 'gritter-error gritter-center'
});
} else { //other error
}
},
on_success: function() {
$.gritter.removeAll();
}
},
url: function(params) {
// ***UPDATE AVATAR HERE*** //
//for a working upload example you can replace the contents of this function with
//examples/profile-avatar-update.js
var deferred = new $.Deferred
var value = $('#right_avatar').next().find('input[type=hidden]:eq(0)').val();
if (!value || value.length == 0) {
deferred.resolve();
return deferred.promise();
}
var formData_object = new FormData();
var right_avatar = '#right_avatar';
var $form = $(right_avatar).next().find('.editableform:eq(0)')
var file_input = $form.find('input[type=file]:eq(0)');
$form.find('input[type=file]').each(function() {
var field_name = $(this).attr('name');
var files = $(this).data('ace_input_files');
if (files && files.length > 0) {
var clone = $(this).clone();
clone.attr('name', 'right_com_logo');
$("#uploadForm").html(clone);
}
});
//dummy upload
setTimeout(function() {
if ("FileReader" in window) {
//for browsers that have a thumbnail of selected image
var thumb = $('#right_avatar').next().find('img').data('thumb');
if (thumb) $('#right_avatar').get(0).src = thumb;
}
deferred.resolve({
'status': 'OK'
});
if (last_right_gritter) $.gritter.remove(last_right_gritter);
last_right_gritter = $.gritter.add({
title: 'Image Updated!',
text: '',
class_name: 'gritter-info gritter-center'
});
}, parseInt(Math.random() * 800 + 800))
return deferred.promise();
// ***END OF UPDATE AVATAR HERE*** //
},
success: function(response, newValue) {}
})
} catch (e) {}
//let's display edit mode by default?
var blank_image = true;
var blank_right_image = true;
<?php if(!isset($row['company_logo']) || $row['company_logo']==null){?>
blank_image = false;
<?php } ?>
<?php if(!isset($row['right_com_logo']) || $row['right_com_logo']==null){?>
blank_right_image = false;
<?php } ?>
//somehow you determine if image is initially blank or not, or you just want to display file input at first
/*if(blank_image) {
$('#avatar').editable('show').on('hidden', function(e, reason) {
if(reason == 'onblur') {
$('#avatar').editable('show');
return;
}
$('#avatar').off('hidden');
})
}*/
//another option is using modals
$('#avatar2').on('click', function() {
var modal =
'<div class="modal fade">\
<div class="modal-dialog">\
<div class="modal-content">\
<div class="modal-header">\
<button type="button" class="close" data-dismiss="modal">×</button>\
<h4 class="blue">Change Profile Image</h4>\
</div>\
\
<form class="no-margin">\
<div class="modal-body" style="width:100%; height:100%;">\
<div class="space-4"></div>\
<div style="width:75%; height:80%; margin-left:12%;">';
modal += $("#fileUploadDiv").html();
modal += '</div>\
</div>\
\
<div class="modal-footer center">\
<button type="submit" class="btn btn-sm btn-success"><i class="ace-icon fa fa-check"></i> Submit</button>\
<button type="button" class="btn btn-sm" data-dismiss="modal"><i class="ace-icon fa fa-times"></i> Cancel</button>\
</div>\
</form>\
</div>\
</div>\
</div>';
var modal = $(modal);
modal.modal("show").on("hidden", function() {
modal.remove();
});
var working = false;
var form = modal.find('form:eq(0)');
var file = form.find('input[type=file]').eq(0);
file.ace_file_input({
style: 'well',
btn_choose: 'Click to choose new Image',
btn_change: null,
no_icon: 'ace-icon fa fa-picture-o',
thumbnail: 'large',
before_remove: function() {
//don't remove/reset files while being uploaded
return !working;
},
allowExt: ['jpg', 'jpeg', 'png', 'gif'],
allowMime: ['image/jpg', 'image/jpeg', 'image/png', 'image/gif']
});
form.on('submit', function() {
if (!file.data('ace_input_files')) return false;
file.ace_file_input('disable');
form.find('button').attr('disabled', 'disabled');
form.find('.modal-body').append(
"<div class='center'><i class='ace-icon fa fa-spinner fa-spin bigger-150 orange'></i></div>"
);
var deferred = new $.Deferred;
working = true;
deferred.done(function() {
form.find('button').removeAttr('disabled');
form.find('input[type=file]').ace_file_input('enable');
form.find('.modal-body > :last-child').remove();
modal.modal("hide");
var thumb = file.next().find('img').data('thumb');
if (thumb) {
$('#avatar2').get(0).src = thumb;
}
working = false;
});
setTimeout(function() {
deferred.resolve();
}, parseInt(Math.random() * 800 + 800));
return false;
});
});
///////////////////////////////////////////
//right & left position
//show the user info on right or left depending on its position
$('#user-profile-2 .memberdiv').on('mouseenter touchstart', function() {
var $this = $(this);
var $parent = $this.closest('.tab-pane');
var off1 = $parent.offset();
var w1 = $parent.width();
var off2 = $this.offset();
var w2 = $this.width();
var place = 'left';
if (parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2)) place = 'right';
$this.find('.popover').removeClass('right left').addClass(place);
}).on('click', function(e) {
e.preventDefault();
});
////////////////////
//change profile
$('[data-toggle="buttons"] .btn').on('click', function(e) {
var target = $(this).find('input[type=radio]');
var which = parseInt(target.val());
$('.user-profile').parent().addClass('hide');
$('#user-profile-' + which).parent().removeClass('hide');
});
/////////////////////////////////////
$(document).one('ajaxloadstart.page', function(e) {
//in ajax mode, remove remaining elements before leaving page
try {
$('.editable').editable('destroy');
} catch (e) {}
$('[class*=select2]').remove();
});
});
</script>
<?php include('techsyn_footer.php'); ?>
<?php include('common_ace.php'); ?>
<script>
function myDateFormater(myDate) {
var d = new Date(myDate);
var m = d.getMonth() + 1;
var y = d.getFullYear();
var date = d.getDate();
// alert(date+"/"+m+"/"+y);
return date + "/" + m + "/" + y;
}
$(document).ready(function(e) {
$("#company_form").on('submit', function(e) {
e.preventDefault();
$.ajax({
type: 'POST',
url: 'save_company_profile.php',
data: new FormData(this),
contentType: false,
cache: false,
processData: false,
beforeSend: function() {
// $('.submitBtn').attr("disabled","disabled");
//$('#fupForm').css("opacity",".5");
},
success: function(msg) {
var emp_id = JSON.parse(msg);
BootstrapDialog.alert('Company Saved Successfully.');
//$("#flex1").flexReload();
//$("#Company_id").val(emp_id);
$('.close').click();
document.reload();
return;
},
error: function(data) {
BootstrapDialog.alert('Error Saving Company');
$('.close').click();
return;
}
});
});
});
function save_employee() {
var fname = $('#company_name').val();
if (fname == '') {
BootstrapDialog.alert('Please Enter Company Name.!!!');
return false;
}
var lname = $('#address').val();
if (lname == '') {
BootstrapDialog.alert('Please Enter Address.!!!');
return false;
}
var primary_phone = $('#primary_phone').val();
if (primary_phone == '') {
BootstrapDialog.alert('Please Enter Phone No.!!!');
return false;
}
var email = $('#email').val();
if (email == '') {
BootstrapDialog.alert('Please Enter Email.!!!');
return false;
}
$("#company_form").submit();
/* $.ajax({
type: 'POST',
url: 'save_employee.php',
data:$("#company_form").serialize(),
success: function(msg){
BootstrapDialog.alert('Employee Saved Successfully.');
$("#flex1").flexReload();
$('.close').click();
return;
},
error : function(data) {
BootstrapDialog.alert('Error Saving Employee');
$('.close').click();
return;
}
}); */
}
function remove_logo(id) {
var company_id = $("#company_id").val();
$.ajax({
type: 'POST',
url: 'remove_company_logo.php',
data: {
id: id,
company_id: company_id,
},
success: function(data) {
BootstrapDialog.alert('Company Saved Successfully.');
//$("#flex1").flexReload();
//$("#Company_id").val(emp_id);
$('.close').click();
document.reload();
return;
},
error: function(data) {
BootstrapDialog.alert('Error Saving Company');
$('.close').click();
return;
}
});
}
</script>