| Current Path : /home/users/unlimited/www/facebook.codeskitter.site/themes/sunshine/layout/setting/ |
| Current File : /home/users/unlimited/www/facebook.codeskitter.site/themes/sunshine/layout/setting/experience.phtml |
<div class="wo_settings_page wow_content">
<div class="avatar-holder profile">
<img src="<?php echo $wo['setting']['avatar']?>" alt="<?php echo $wo['setting']['name']?> Profile Picture" class="avatar">
<div class="infoz">
<h5 title="<?php echo $wo['setting']['name']?>"><a href="<?php echo Wo_SeoLink('index.php?link1=timeline&u=' . $wo['setting']['username'] . '');?>" data-ajax="?link1=timeline&u=<?php echo $wo['setting']['username'] ?>"><?php echo $wo['setting']['name']?></a></h5>
<p><?php echo $wo['lang']['experience']; ?></p>
</div>
</div>
<hr>
<div class="text-center">
<a href="javascript:void();" class="btn btn-main btn-mat btn-mat-raised" onclick="NewExperience();"><?php echo $wo['lang']['add_new'];?> <?php echo $wo['lang']['experience']; ?></a>
</div>
<div class="active_sessions">
<div class="table-responsive">
<?php
if (!empty($wo['experience_html'])) {
echo $wo['experience_html'];
}
else{
echo '<div class="empty_state"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M17,9H7V7H17M17,13H7V11H17M14,17H7V15H14M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z"></path></svg>' . $wo['lang']['no_available_data'] . '</div>';
}
?>
</div>
</div>
</div>
<script type="text/javascript">
function NewExperience() {
$('.modal_add_experience_modal_alert').empty();
$("#add_experience_modal").find('.btn-mat').removeAttr('disabled')
$("#add_experience_modal").find('.btn-mat').text("<?php echo $wo['lang']['add'] ?>");
$('#add_experience_modal').modal('show');
$( ".experience_start" ).datepicker({ dateFormat: 'yy-mm-dd',prevText: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z" /></svg>',nextText: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z" /></svg>'});
$( ".experience_end" ).datepicker({ dateFormat: 'yy-mm-dd',prevText: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z" /></svg>',nextText: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z" /></svg>'});
$("#select_experience_image").click(function(event) {
$("#experience_image").click()
});
$("#experience_image").change(function(event) {
$("#select_experience_image").html("<img src='" + window.URL.createObjectURL(this.files[0]) + "' alt='Picture'>")
});
var options = {
url: Wo_Ajax_Requests_File() + '?f=experience&s=add&hash=' + $('.main_session').val() + "&mode_type=linkedin",
beforeSubmit: function () {
$('.modal_add_experience_modal_alert').empty();
$("#add_experience_modal").find('.btn-mat').attr('disabled', 'true');
$("#add_experience_modal").find('.btn-mat').text("<?php echo($wo['lang']['please_wait']) ?>");
},
success: function (data) {
$("#add_experience_modal").find('.btn-mat').text("<?php echo $wo['lang']['add'] ?>");
$("#add_experience_modal").find('.btn-mat').removeAttr('disabled')
if (data.status == 200) {
$('.modal_add_experience_modal_alert').html('<div class="alert alert-success bg-success"><i class="fa fa-check"></i> '+
data.message
+'</div>');
setTimeout(function (){
location.reload();
}, 3000)
} else {
$('.modal_add_experience_modal_alert').html('<div class="alert alert-danger bg-danger"> '+
data.message
+'</div>');
}
}
};
$('.add_experience_form').ajaxForm(options);
}
function EditExperience(id) {
$('.modal_edit_experience_modal_alert_'+id).empty();
$("#edit_experience_modal_"+id).find('.btn-mat').removeAttr('disabled')
$("#edit_experience_modal_"+id).find('.btn-mat').text("<?php echo $wo['lang']['edit']; ?>");
$( ".edit_experience_start_"+id ).datepicker({ dateFormat: 'yy-mm-dd',prevText: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z" /></svg>',nextText: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z" /></svg>'});
$( ".edit_experience_end_"+id ).datepicker({ dateFormat: 'yy-mm-dd',prevText: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z" /></svg>',nextText: '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z" /></svg>'});
$('#edit_experience_modal_'+id).modal('show');
$("#select_experience_image_"+id).click(function(event) {
$("#experience_image_"+id).click()
});
$("#experience_image_"+id).change(function(event) {
$("#select_experience_image_"+id).html("<img src='" + window.URL.createObjectURL(this.files[0]) + "' alt='Picture'>")
});
}
function DeleteExperience(id,type = 'show') {
if (type == 'hide') {
$('#delete-experience').find('.btn-mat').attr('onclick', "DeleteExperience('"+id+"')");
$('#delete-experience').modal('show');
return false;
}
$('.experience_'+id).slideUp();
$('.experience_'+id).remove();
$('#edit_experience_modal_'+id).remove();
$.post(Wo_Ajax_Requests_File() + '?f=experience&s=delete&hash=' + $('.main_session').val() + "&mode_type=linkedin", {id: id}, function(data, textStatus, xhr) {});
}
</script>
<!-- experience -->
<div class="modal fade" id="delete-experience" tabindex="-1" role="dialog" aria-labelledby="delete-experience" aria-hidden="true" data-id="0">
<div class="modal-dialog modal-md wow_mat_mdl" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span></button>
<h5 class="modal-title"> <?php echo $wo['lang']['delete_your_experience']; ?></h5>
</div>
<div class="modal-body">
<?php echo $wo['lang']['are_you_delete_your_experience']; ?>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-danger btn-mat" data-dismiss="modal"><?php echo $wo['lang']['delete']; ?></button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="add_experience_modal" role="dialog" data-keyboard="false" style="overflow-y: auto;">
<div class="modal-dialog wow_mat_mdl">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-x"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg></span></button>
<h4 class="modal-title"><?php echo $wo['lang']['add_new_experience'] ?></h4>
</div>
<form class="form form-horizontal add_experience_form" method="post" action="#">
<div class="modal-body twocheckout_modal">
<div class="modal_add_experience_modal_alert"></div>
<div class="clear"></div>
<div class="row">
<div class="col-lg-6">
<div class="wow_form_fields">
<label><?php echo $wo['lang']['title'] ?></label>
<input name="title" type="text" value="">
</div>
</div>
<div class="col-lg-6">
<div class="wow_form_fields">
<label><?php echo $wo['lang']['company_name'] ?></label>
<input name="company_name" type="text" value="">
</div>
</div>
<div class="col-lg-6">
<div class="wow_form_fields">
<label><?php echo $wo['lang']['employment_type']; ?></label>
<select name="employment_type">
<?php foreach ($wo['employment_type'] as $key => $value) { ?>
<option value="<?php echo $key;?>"><?php echo $wo['lang'][$value];?></option>
<?php } ?>
</select>
</div>
</div>
<div class="col-lg-6">
<div class="wow_form_fields">
<label><?php echo $wo['lang']['location'] ?></label>
<input name="location" type="text" value="" autocomplete="off">
</div>
</div>
<div class="col-lg-6">
<div class="wow_form_fields">
<label><?php echo $wo['lang']['start_date'] ?></label>
<input class="experience_start" name="experience_start" type="text" value="" autocomplete="off">
</div>
</div>
<div class="col-lg-6">
<div class="wow_form_fields">
<label><?php echo $wo['lang']['end_date']; ?>:</label>
<input type="text" name="experience_end" class="experience_end" autocomplete="off">
</div>
</div>
<div class="col-lg-6">
<div class="wow_form_fields">
<label><?php echo $wo['lang']['headline']; ?></label>
<input name="headline" type="text" autocomplete="off">
</div>
</div>
<div class="col-lg-6">
<div class="wow_form_fields">
<label><?php echo $wo['lang']['industry']; ?></label>
<input name="industry" type="text" autocomplete="off">
</div>
</div>
<div class="col-lg-12">
<div class="wow_form_fields">
<label><?php echo $wo['lang']['link']; ?></label>
<input name="link" type="text" autocomplete="off">
</div>
</div>
<div class="col-lg-12">
<div class="wow_form_fields">
<label><?php echo $wo['lang']['description']; ?></label>
<textarea name="description" rows="5"></textarea>
</div>
</div>
<div class="col-lg-12">
<div class="wow_form_fields">
<label for="experience_image"><?php echo $wo['lang']['image'];?></label>
<div class="wow_fcov_image" data-block="thumdrop-zone">
<div id="select_experience_image">
<img src="<?php echo $wo['config']['theme_url'];?>/img/ad_pattern.png">
</div>
<div class="upload_ad_image" onclick="document.getElementById('experience_image').click(); return false">
<div class="upload_ad_image_content">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="currentColor" d="M8.5,13.5L11,16.5L14.5,12L19,18H5M21,19V5C21,3.89 20.1,3 19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19Z"></path></svg> <?php echo $wo['lang']['select_image'] ?>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
<input type="file" name="image" class="hidden" id="experience_image">
<div class="clear"></div>
<div class="modal-footer">
<div class="ball-pulse"><div></div><div></div><div></div></div>
<button type="submit" class="btn btn-main btn-mat"><?php echo $wo['lang']['add']; ?></button>
</div>
</form>
</div>
</div>
</div>
<!-- experience -->