File: /home/imensosw/www/imenso.co/demo/resume-maker/dashboard1.php
<?php include("header-member.php"); ?>
<style>
.experince-remove, .education-remove, .achievement-remove, .project-remove {
float: right;
}
</style>
<div class="loader"></div>
<body class="back_color">
<?php include("sidebar.php"); ?>
<div class="main_wrp">
<?php include("login_header.php"); ?>
<div class="main_editer col-lg-11 wow fadeInUp" data-wow-duration="1s" data-wow-delay="1s" id="main_editer">
<form id="form" name="form">
<div id="printIt">
<div class="row">
<div class="col-lg-12 edit_pad welcome_profile_div">
<div class="edit_profile_div hover_wrp">
<!--
<div class="toggle_div">
<div class="toggle_icons">
<a href="#"><i class="fa fa-trash" aria-hidden="true"></i></a>
<a href="#"><i class="fa fa-plus"></i></a>
</div>
</div>
-->
<div class="profile_discription col-sm-9 pad_0">
<div class="main_name">
<div class="form-group mar_0">
<h2 class="mar_0">
<div class="form-group mar_0">
<input type="hidden" name="resume_id" id="resume_id" value="" />
<input type="hidden" name="user_id" id="user_id" value="<?php if(isset($_SESSION['session_id'])) {echo $_SESSION['session_id']; }?>" />
<input class="form-control big_font_placeholder mar_0" type="text" placeholder="Your name" id="person_name" name="person_name"/>
</div>
</h2>
</div>
</div>
<div class="row sub_detailes margin_t1">
<div class="form-group mar_0">
<p class="sub_heading">
<input class="form-control medium_font_placeholder mar_0" type="text" placeholder="You in a word or two" id="person_sub_detail" name="person_sub_detail" />
</p>
</div>
<div class="col-sm-6 pad_0">
<div class="icon_with_text">
<i class="fa fa-phone"></i>
<span>
<input class="form-control small_icon_font_placeholder mar_0" type="text" placeholder="Phone" id="Phone" name="phone"/>
</span>
</div>
<div class="icon_with_text">
<i class="fa fa-envelope-o"></i>
<span>
<input class="form-control small_icon_font_placeholder mar_0" type="email" placeholder="Email" id="Email" name="email"/>
</span>
</div>
</div>
<div class="col-sm-6 pad_0">
<div class="icon_with_text">
<i class="fa fa-location-arrow"></i>
<span>
<input class="form-control small_icon_font_placeholder mar_0" type="text" placeholder="Location" id="Location" name="location"/>
</span>
</div>
<div class="icon_with_text">
<i class="fa fa-link"></i>
<span>
<input class="form-control small_icon_font_placeholder mar_0" type="text" placeholder="Link" id="Link" name="link"/>
</span>
</div>
</div>
</div>
</div>
<a href="#" data-toggle="modal" data-target="#profile-modal">
<div class="profile_image col-sm-3" style="background:url('img/profile.png')"> </div>
</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6 pad_0">
<div class="col-sm-12 edit_pad margin_t1 hover_wrp experince-box">
<div class="toggle_div">
<div class="toggle_icons">
<a class="two add-experince"><i class="fa fa-plus"></i></a>
</div>
</div>
<div class="edit_main_heading experince-block ">
<h3 class="mar_0">
<input class="form-control medium_big_font_placeholder mar_0" type="text" placeholder="Expirience" id="Expirience" name="Expirience"/>
</h3>
<div class="exp_inr experince-block">
<div class="row sub_detailes margin_t1">
<p class="sub_heading">
<input class="form-control medium_font_placeholder mar_0" type="text" placeholder="title / position" id="Expirience_title" name="expirience_title[]"/>
</p>
<div class="col-sm-12 pad_0">
<p class="dual_Sub">
<input class="form-control medium_font_placeholder mar_0 theme_color_placeholder" type="text" placeholder="Company name" id="Company" name="company[]" />
</p>
</div>
<div class="row">
<div class="col-sm-6 icon_with_text">
<i class="fa fa-calendar-check-o"></i>
<span>
<input class="form-control small_icon_font_placeholder mar_0" type="text" placeholder="Date" id="Exp_Date" name="Exp_Date[]" />
</span>
</div>
<div class="col-sm-6 icon_with_text">
<i class="fa fa-map-marker"></i>
<span>
<input class="form-control small_icon_font_placeholder mar_0" type="text" placeholder="Location" id="Expirience_location" name="Expirience_location[]" />
</span>
</div>
</div>
<div class="row">
<div class="col-sm-12 discription_box">
<span>
<input class="form-control small_icon_font_placeholder mar_0" type="text" placeholder="Company Description" id="company_discription_heading" name="company_discription_heading[]" />
</span>
<div class="form-group mar_0">
<p>
<textarea class="form-control vsmall_font_placeholder mar_0" rows="2" placeholder="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam." id="company_discription" name="company_discription[]"></textarea>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-sm-12 edit_pad margin_t1 hover_wrp education-box">
<div class="toggle_div">
<div class="toggle_icons">
<a class="add-education"><i class="fa fa-plus"></i></a>
</div>
</div>
<div class="edit_main_heading ">
<h3 class="mar_0">
<input class="form-control medium_big_font_placeholder mar_0" type="text" placeholder="Eduaction" id="Eduaction" name="eduaction" />
</h3>
<div class="exp_inr education-block" >
<div class="row sub_detailes margin_t1">
<p class="sub_heading">
<input class="form-control medium_font_placeholder mar_0" type="text" placeholder="Degree and Field of Study" id="Study" name="study[]"/>
</p>
<div class="col-sm-12 pad_0">
<p class="dual_Sub">
<input class="form-control medium_font_placeholder mar_0 theme_color_placeholder" type="text" placeholder="School or University" id="School" name="school[]"/>
</p>
</div>
<div class="row">
<div class="col-sm-6 icon_with_text">
<i class="fa fa-calendar-check-o"></i>
<span>
<input class="form-control small_icon_font_placeholder mar_0" type="text" placeholder="Date" id="Date_2" name="edu_date[]"/>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 edit_pad margin_t1 hover_wrp achievement-box">
<div class="toggle_div">
<div class="toggle_icons">
<a class="add-achievement"><i class="fa fa-plus"></i></a>
</div>
</div>
<div class="edit_main_heading achievement-block">
<h3 class="mar_0">
<input class="form-control medium_big_font_placeholder mar_0" type="text" placeholder="Achievements" id="Achievements" name="achievements"/>
</h3>
<div class="exp_inr achievement-block">
<div class="row sub_detailes margin_t1 border_b_dash">
<div class="col-sm-12 pad_0">
<p class="dual_Sub">
<input class="form-control medium_font_placeholder mar_0 theme_color_placeholder" type="text" placeholder="What are you most proud of ?" id="proud" name="proud[]"/>
</p>
</div>
<div class="row">
<div class="col-sm-12 discription_box">
<p>
<textarea class="form-control vsmall_font_placeholder mar_0" rows="2" placeholder="Lorem ipsum dolor sit amet, consectetur adipiscing elits." id="Achievements_detailes" name="achievements_detailes[]"></textarea>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 edit_pad margin_b1 hover_wrp language-box">
<div class="toggle_div">
<div class="toggle_icons">
<a class="add-language"><i class="fa fa-plus"></i></a>
</div>
</div>
<div class="edit_main_heading language-block">
<h3 class="mar_0">
<input class="form-control medium_big_font_placeholder mar_0" type="text" placeholder="Languages" id="Languages" name="language_head"/>
</h3>
<div class="exp_inr language-block">
<section class="section section-examples">
<div class="examples">
<div class="row sub_detailes">
<div class="col">
<div class="box box-green box-large box-example-reversed">
<p class="dual_Sub ">
<input class="form-control medium_font_placeholder mar_0 theme_color_placeholder" type="text" placeholder="Languages" id="" name="languages[]"/>
</p>
<div class="box-body ex_btn_caption">
<span>
<select id="example-reversed" name="rating[]">
<option value="Beginner">Beginner</option>
<option value="Intermediate">Intermediate</option>
<option value="Advanced" selected="selected">Advanced</option>
<option value="Proficient">Proficient</option>
<option value="Native">Native</option>
</select></span>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="exp_inr">
<section class="section section-examples">
<div class="examples">
<div class="row sub_detailes">
<div class="col">
<div class="box box-green box-large box-example-reversed">
<p class="dual_Sub ">
<input class="form-control medium_font_placeholder mar_0 theme_color_placeholder" type="text" placeholder="Languages" id="" name="languages[]"/>
</p>
<div class="box-body ex_btn_caption">
<span>
<select id="example-reversed0" name="rating[]">
<option value="Beginner">Beginner</option>
<option value="Intermediate">Intermediate</option>
<option value="Advanced" selected="selected">Advanced</option>
<option value="Proficient">Proficient</option>
<option value="Native">Native</option>
</select></span>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
<div class="col-lg-6 pad_0 float_right_div">
<div class="col-sm-12 edit_pad margin_t1 margin_b3 hover_wrp project-box">
<div class="toggle_div">
<div class="toggle_icons">
<a class="add-project"><i class="fa fa-plus"></i></a>
</div>
</div>
<div class="edit_main_heading project-block">
<h3 class="mar_0">
<input class="form-control medium_big_font_placeholder mar_0" type="text" placeholder="Project" id="Project" name="project_head" />
</h3>
<div class="exp_inr project-block">
<div class="row sub_detailes margin_t1">
<div class="col-sm-12 pad_0">
<p class="dual_Sub">
<input class="form-control medium_font_placeholder mar_0 theme_color_placeholder" type="text" placeholder="Project / Activity name" id="Activity" name="projects[]"/>
</p>
</div>
<div class="row">
<div class="col-sm-6 icon_with_text">
<i class="fa fa-calendar-check-o"></i>
<span>
<input class="form-control small_icon_font_placeholder mar_0" type="text" placeholder="Date" id="Date_project" name="project_date[]"/>
</span>
</div>
<div class="col-sm-6 icon_with_text">
<i class="fa fa-map-marker"></i>
<span>
<input class="form-control small_icon_font_placeholder mar_0" type="text" placeholder="Location" id="Location_project" name="project_location[]" />
</span>
</div>
</div>
<div class="row">
<div class="col-sm-12 discription_box">
<span>
<input class="form-control small_icon_font_placeholder mar_0" type="text" placeholder="Short summery of your work" id="work_discription" name="work_summary[]"/>
</span>
<p>
<textarea onkeyup="" class="form-control vsmall_font_placeholder mar_0" id="work_discription_la" placeholder="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam." name="work_discription[]"></textarea>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
<!-- modal -->
<?php include("modal.php"); ?>
<?php include("profile_modal.php"); ?>
<?php include("signup_modal.php"); ?>
<footer>
<div class="site_footer_2">
<div class="copy_rights">
<p class="mar_0">© 2016. All Rights Reserved</p>
</div>
</div>
</footer>
<script type="text/javascript">
$('.add-experince').click(function() {
var expirience_title = 1;
$('.experince-block:last').before('<div class="exp_inr experince-block"><div class="row sub_detailes margin_t1"><p class="sub_heading"><input type="text" id="Expirience_title'+expirience_title+'" placeholder="title / position" class="form-control medium_font_placeholder mar_0" name="expirience_title[]"></p><div class="col-sm-12 pad_0"><p class="dual_Sub"><input type="text" id="Company" placeholder="Company name" class="form-control medium_font_placeholder mar_0 theme_color_placeholder" name="company[]"></p></div><div class="row"><div class="col-sm-6 icon_with_text"><i class="fa fa-calendar-check-o" aria-hidden="true"></i><span><input type="text" id="Exp_Date" name="Exp_Date[]" placeholder="Date" class="form-control small_icon_font_placeholder mar_0"></span></div><div class="col-sm-6 icon_with_text"><i class="fa fa-map-marker" aria-hidden="true"></i><span><input type="text" id="Expirience_location" name="Expirience_location[]" placeholder="Location" class="form-control small_icon_font_placeholder mar_0"></span></div></div><div class="row"><div class="col-sm-12 discription_box"><span><input type="text" id="company_discription_heading" name="company_discription_heading[]" placeholder="Company Description" class="form-control small_icon_font_placeholder mar_0"></span><div class="form-group mar_0"><p><textarea id="company_discription" name="company_discription[]" placeholder="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam." rows="2" class="form-control vsmall_font_placeholder mar_0"></textarea></p></div></div></div></div><a class="one experince-remove"><i aria-hidden="true" class="fa fa-trash"></i></a></div>');
expirience_title++;
});
$('.experince-box').on('click','.experince-remove',function() {
$(this).parent().remove();
});
$('.add-education').click(function() {
var education_title = 1;
$('.education-block:last').before('<div class="exp_inr education-block"><div class="row sub_detailes margin_t1"><p class="sub_heading"><input type="text" id="Study" name="study[]" placeholder="Degree and Field of Study" class="form-control medium_font_placeholder mar_0"></p><div class="col-sm-12 pad_0"><p class="dual_Sub"><input type="text" id="School" name="school[]" placeholder="School or University" class="form-control medium_font_placeholder mar_0 theme_color_placeholder"></p></div><div class="row"><div class="col-sm-6 icon_with_text"><i class="fa fa-calendar-check-o" aria-hidden="true"></i><span><input type="text" id="Date_2" name="edu_date[]" placeholder="Date" class="form-control small_icon_font_placeholder mar_0"></span></div></div></div><a class="one education-remove"><i aria-hidden="true" class="fa fa-trash"></i></a></div>');
education_title++;
});
$('.education-box').on('click','.education-remove',function() {
$(this).parent().remove();
});
$('.add-achievement').click(function() {
var achievement = 1;
$('.achievement-block:last').before('<div class="exp_inr achievement-block"><div class="row sub_detailes margin_t1 border_b_dash"><div class="col-sm-12 pad_0"><p class="dual_Sub"><input class="form-control medium_font_placeholder mar_0 theme_color_placeholder" type="text" placeholder="What are you most proud of ?" id="proud" name="proud[]"/></p></div><div class="row"><div class="col-sm-12 discription_box"><p><textarea class="form-control vsmall_font_placeholder mar_0" rows="2" placeholder="Lorem ipsum dolor sit amet, consectetur adipiscing elits." id="Achievements_detailes" name="achievements_detailes[]"></textarea></p></div></div></div><a class="one achievement-remove"><i aria-hidden="true" class="fa fa-trash"></i></a></div>');
achievement++;
});
$('.achievement-box').on('click','.achievement-remove',function() {
$(this).parent().remove();
});
var language = 1;
$('.add-language').click(function() {
$('.language-block:last').before('<div class="exp_inr language-block"><section class="section section-examples"><div class="examples"><div class="row sub_detailes"><div class="col"><div class="box box-green box-large box-example-reversed"><p class="dual_Sub"><input class="form-control medium_font_placeholder mar_0 theme_color_placeholder" type="text" placeholder="Languages" id="" name="languages[]"/></p><div class="box-body"><select id="example-reversed'+language+'" name="rating[]"><option value="Beginner">Beginner</option><option value="Intermediate">Intermediate</option><option value="Advanced" selected="selected">Advanced</option><option value="Proficient">Proficient</option><option value="Native">Native</option></select></div></div></div></div></div></section><a class="one language-remove"><i aria-hidden="true" class="fa fa-trash"></i></a></div><script>$("#example-reversed'+language+'").barrating("show", {theme: "bars-reversed",showSelectedRating: true,reverse: false});<\/script>');
language++;
});
$('.language-box').on('click','.language-remove',function() {
$(this).parent().remove();
});
$('.add-project').click(function() {
var achievement = 1;
$('.project-block:last').before('<div class="exp_inr project-block"><div class="row sub_detailes margin_t1"><div class="col-sm-12 pad_0"><p class="dual_Sub"><input type="text" id="Activity" placeholder="Project / Activity name" class="form-control medium_font_placeholder mar_0 theme_color_placeholder" name="projects[]"></p></div><div class="row"><div class="col-sm-6 icon_with_text"><i class="fa fa-calendar-check-o" aria-hidden="true"></i><span><input type="text" id="Date_project" name="project_date[]" placeholder="Date" class="form-control small_icon_font_placeholder mar_0"></span></div><div class="col-sm-6 icon_with_text"><i class="fa fa-map-marker" aria-hidden="true"></i><span><input type="text" id="Location_project" name="project_location[]" placeholder="Location" class="form-control small_icon_font_placeholder mar_0"></span></div></div><div class="row"><div class="col-sm-12 discription_box"><span><input type="text" id="work_discription" placeholder="Short summery of your work" class="form-control small_icon_font_placeholder mar_0" name="work_summary[]"></span><p><textarea placeholder="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam." id="work_discription_la" class="form-control vsmall_font_placeholder mar_0" onkeyup="" name="work_discription[]"></textarea></p></div></div></div><a class="one project-remove"><i aria-hidden="true" class="fa fa-trash"></i></a></div>');
achievement++;
});
$('.project-box').on('click','.project-remove',function() {
$(this).parent().remove();
});
</script>
<script>
$(document).ready(function(){
var regExp = /[A-Za-z0-9_]/i;
$('#main_editer').on('keyup', function(e) {
var value = String.fromCharCode(e.which) || e.key;
if (!regExp.test(value)) {
e.preventDefault();
return false;
}
// alert(value);
// AJAX Code To Submit Form.
$.ajax({
type: "POST",
url: "ajax-save-resumes.php",
data: $(form).serializeArray(),
cache: false,
dataType: "JSON",
success: function(r){
if(r.type == "Success") {
if(r.type != "yes") {
document.getElementById('resume_id').value = r.resume_id;
$("#profilePic").attr("src", 'profile-image/'+<?php echo $_SESSION['session_id']; ?>+'/'+r.resume_id+'/profile-pic.png');
}
} else {
// alert(r.message);
}
},
timeout: 3000
});
return false;
});
});
</script>
<script>
$(document).ready(function() {
$('#download-button').click(function() {
var resume_id = $('#resume_id').val();
var user_id = $('#user_id').val();
if(resume_id != '' && user_id != '') {
//alert('got both value');
//window.open("http://www.w3schools.com");
var url = 'http://dev.pixelspeaks.in/enhan_cv/pdf?resume_id='+resume_id+'&user_id='+user_id;
var win = window.open(url, '_blank');
win.focus();
} else {
alert('Your CV is blank');
}
});
});
</script>
<script src="resources/jquery-1.9.1.js"></script>
<script src="resources/underscore-1-8-3.js"></script>
<script src="resources/backbone-1-3-3.js"></script>
<script src="Backbone.Undo.js"></script>
<script src="resources/qunit.js"></script>
<script src="Backbone.Undo.Tests.js"></script>
<script src="demo-textarea.js"></script>
<script src="registerFieldBackbone.js"></script>
<!--Rating Starts-->
<link rel="stylesheet" href="bars-reversed.css">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="jquery-1.11.2.min.js"><\/script>')</script>
<script src="jquery.barrating.js"></script>
<script src="examples.js"></script>
<!--Rating Ends-->
<!--
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jspdf/0.9.0rc1/jspdf.min.js"></script>
<script type="text/javascript">
var doc = new jsPDF();
var specialElementHandlers = {
'#editor': function(element, renderer) {
return true;
}
};
$('#download-button').click(function() {
doc.fromHTML($('#main_editer').html(), 15, 15, {
'width': 170,
'elementHandlers': specialElementHandlers
});
doc.save('My-CV.pdf');
});
</script>
-->
<?php include("footer.php"); ?>
</body>