Viewing file:  profile_outer.php (34.96 KB) -rw-rw-r--
Select action/file-type:
 (+) |  (+) |  (+) | Code (+) | Session (+) |  (+) | SDB (+) |  (+) |  (+) |  (+) |  (+) |  (+) |
<meta name="keywords" content="Free Resume Builder, Create Your Resume Online, create resume, make resume, cv create, online resume builder"/>
<meta name="description" content="Free Resume Builder. Optimize your resume for a specific job using our Job-Resume Optimizer. Get hired faster! Update your resume in Srishti Campus website!">
<title>Free Resume Builder | Create Your Resume Online</title>
<?php
include 'header.php';
?>
<link rel="stylesheet" type="text/css"
href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.min.css">
<style type="text/css">
.details a button{
border: 1px solid #1654b4;
color: #1654b4;
font-size: 17px;
}
.details a button:hover{
border: 1px solid #1654b4;
background-color: #0e45b3;
font-size: 17px;
}
.my-packages{
height: 99%;
}
#span1,#span2{
color: red;
}
</style>
<section class="project-banner">
<div class="container">
<div class="banner-sec">
<div class="projectheading btn_right">
<h3>CREATE CV </h3>
<!-- <button class="btn backbtn" onclick="history.go(-1);">Back </button> -->
</div>
</div>
</div>
</section>
<section class="dashboard">
<div class="container">
<div class="row">
<div class="details" style="margin-left: 93%;padding: 0% 1% 1%;">
<!-- <a href="dashboard.php" class="view-training"><button type="button" class="btn btn-outline-primary">Skip</button></a> -->
</div>
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="my-packages">
<section>
<div class="container">
<div class="row justify-content-center">
<div class="col-12 col-md-10 col-lg-10 col-xl-8">
<form action="profile_outer_update_action.php" method="post" autocomplete="off" class="form-horizontal">
<input type="hidden" name="stud_id" value="">
<div class="row align-items-center mt-4">
<div class="col" style="color: #2d64b7;border-bottom: dotted 1px #2d64b7;">
<label style="font-size: 24px;font-weight: 20px;font-family:'Times New Roman', Times, serif;">Personal Details</label>
</div>
</div>
<div class="row align-items-center">
<div class="col mt-4">
<input type="text" class="form-control" placeholder="Name" name="studName" id="studName" value="">
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col ">
<input type="text" class="form-control" placeholder="Date of Birth" name="dob" id="dob" value="">
</div>
<div class="col">
<input type="text" class="form-control" placeholder="Age" name="age" id="age" value="">
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col">
<span id="span2"></span>
<input type="email" class="form-control" placeholder="Email" name="email" id="emailval" value="">
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col">
<span id="span1"></span>
<input type="text" class="form-control" placeholder="Mobile Number" name="mobile" id="mobile" value="">
</div>
<div class="col">
<input type="text" class="form-control" placeholder="Alternate Mobile Number" name="altmobile" id="altmobile" value="">
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col" style="color: #2d64b7;border-bottom: dotted 1px #2d64b7;">
<label style="font-size: 24px;font-weight: 20px;font-family:'Times New Roman', Times, serif;">Permanent Address</label>
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col">
<input type="text" class="form-control" placeholder="Address Line1" name="address1" id="address1" value="">
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col">
<input type="text" class="form-control" placeholder="Address Line2" name="address2" id="address2" value="">
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col">
<input type="text" class="form-control" placeholder="Address Line3" name="address3" id="address3" value=">">
</div>
<div class="col">
<input type="text" class="form-control" placeholder="Pincode" name="pincode" id="pincode" value=>
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col">
<input type="checkbox" class="checkbox" name="check" id="check" value="1" >
<label>Same as Permanent Address</label>
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col" style="color: #2d64b7;border-bottom: dotted 1px #2d64b7;">
<label style="font-size: 24px;font-weight: 20px;font-family:'Times New Roman', Times, serif;">Present Address</label>
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col">
<input type="text" class="form-control" placeholder="Address Line 1" name="paddress1" id="paddress1" value="">
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col">
<input type="text" class="form-control" placeholder="Address Line 2" name="paddress2" id="paddress2" value="">
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col">
<input type="text" class="form-control" placeholder="Address Line 3" name="paddress3" id="paddress3" value="">
</div>
<div class="col">
<input type="text" class="form-control" placeholder="Pincode" name="ppincode" id="ppincode" value="">
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col" style="color: #2d64b7;border-bottom: dotted 1px #2d64b7;">
<label style="font-size: 24px;font-weight: 20px;font-family:'Times New Roman', Times, serif;">Education Details</label>
</div>
</div>
<div class="row align-items-center mt-4">
<div class="field_wrapper col ">
<div class="table-responsive">
<table class="table table-bordered table-striped table-highlight" style="margin-left: 0px;width: 100%">
<thead>
<tr>
<th style="width: 133px;">Course</th>
<th style="width: 133px;">Board</th>
<th style="width: 133px;">Year</th>
<th style="width: 167px;">Specification</th>
<th style="width: 90px;">Mark</th>
<th style="width: 5px;"><a href="javascript:void(0);" class="add_button" title="Add field" style="font-size: 29px;color: black;text-align: center;">+</a></th>
</tr>
</thead>
<tbody>
<tr>
<td> <input type="text" name="course[]" id='course1' class="form-control" placeholder="Course" size="12" value="" /></td>
<td><input type="text" name="board[]" id='board1' class="form-control" placeholder="Board" size="12" value=""/></td>
<td><input type="text" name="passyear[]" id='passyear1' class="form-control" placeholder="Year" size="12" value=""/></td>
<td><input type="text" name="specification[]" id='specification1' class="form-control" placeholder="Specification" size="18" value=""/></td>
<td><input type="text" name="mark[]" id='mark1' class="form-control" placeholder="marks" size="5" value=""/></td>
<td><a href="javascript:void(0);" id="" class="edu1" title="Add field" style="font-size: 29px;color: black;text-align: center;">-</a></td>
</tr></tbody>
</table>
</div>
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col" style="color: #2d64b7;border-bottom: dotted 1px #2d64b7;">
<label style="font-size: 24px;font-weight: 20px; font-family:'Times New Roman', Times, serif;"> Core Skills</label>
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col">
<input type="text" class="form-control" placeholder="Eg:PHP,MYSql" name="skills" id="skills" value="">
</div>
</div>
<div id="exp1">
<div class="row align-items-center mt-4" >
<div class="col" style="color: #2d64b7;border-bottom: dotted 1px #2d64b7;">
<label style="font-size: 24px;font-weight: 20px; font-family:'Times New Roman', Times, serif;"> Experience</label>
</div>
</div>
<div class="row align-items-center mt-4">
<div class="field_wrapper1 col">
<div class="table-responsive">
<table class="table table-bordered table-striped table-highlight" style="margin-left: 0px;width: 100%">
<thead>
<tr><th style="width: 218px;">Company Name</th>
<th style="width: 218px;">Position</th>
<th style="width: 218px;">Duration</th>
<th><a href="javascript:void(0);" class="add_button1" title="Add field" style="font-size: 29px;color: black;text-align: center;">+</a></th></tr>
</thead>
<tbody>
<tr>
<td> <input type="text" name="companyname[]" id='companyname1' class="form-control" placeholder="Company Name" size="10.5" value="" />
</td>
<td><input type="text" name="position[]" id='position2' class="form-control" placeholder="Position" size="11" value=""/></td><td><input type="text" name="duration[]" id='duration3' class="form-control" placeholder="Duration" size="10" value="" /></td><td><a href="javascript:void(0);" class="exp" id="" title="Add field" style="font-size: 29px;color: black;text-align: center;">-</a></td>
</tr>
</tbody>
</table></div>
</div>
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col" style="color: #2d64b7;border-bottom: dotted 1px #2d64b7;">
<label style="font-size: 24px;font-weight: 20px;font-family:'Times New Roman', Times, serif;"> Acadamic Projects
</label>
</div>
</div>
<div class="row align-items-center mt-4">
<div class="field_wrapper2 col">
<div class="table-responsive">
<table class="table table-bordered table-striped table-highlight" style="margin-left: 0px;width: 100%">
<thead><tr><th style="width: 188px;">Project Name</th>
<th style="width: 188px;">Description</th>
<th style="width: 151px;">Technology</th>
<th style="width: 135px;">Acadamic/Not</th><th><a href="javascript:void(0);" class="add_button2" title="Add field" style="font-size: 25px;color: black;text-align: center;width: 10px;">+</a></th></tr></thead>
<tbody>
<tr>
<td> <textarea name="projectName[]" id='projectName1' class="form-control" placeholder="Project Name" size="10" /></textarea>
</td><td><textarea name="description[]" id='description1' class="form-control" placeholder="Description" size="10" /></textarea></td><td><input type="text" name="technology[]" id='technology1' class="form-control" placeholder="Technology" size="15" value=""/></td><td>
<select name="acadamic[]" id='acadamic' class="form-control">
<option value="">Select</option>
<option >Academic</option>
<option >Non Academic</option>
</select>
</td><td><a href="javascript:void(0);" class="pro" id="" title="Add field" style="font-size: 29px;color: black;text-align: center;">-</a></td>
</tr></tbody>
</table>
</div>
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col" style="color: #2d64b7;border-bottom: dotted 1px #2d64b7;">
<label style="font-size: 24px;font-weight: 20px; font-family:'Times New Roman', Times, serif;"> Achievements
</label>
</div>
</div>
<div class="row align-items-center mt-4">
<div class="field_wrapper3 col">
<div class="table-responsive">
<table class="table table-bordered table-striped table-highlight" style="margin-left: 0px;width: 100%">
<thead><tr><th style="width: 600px;">Achievement</th><th><a href='javascript:void(0);' class='add_button3' title='Add field' style='font-size: 29px;color: black;text-align: center;'>+</a></th></tr></thead>
<tbody>
</tbody></table>
</div>
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col" style="color: #2d64b7;border-bottom: dotted 1px #2d64b7;">
<label style="font-size: 24px;font-weight: 20px; font-family:'Times New Roman', Times, serif;">Strengths
</label>
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col">
<input type="text" class="form-control" placeholder="Eg:Hardworking,Good Leadership" name="strengths" id="strengths" value="">
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col" style="color: #2d64b7;border-bottom: dotted 1px #2d64b7;">
<label style="font-size: 24px;font-weight: 20px;font-family:'Times New Roman', Times, serif;"> Interests
</label>
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col">
<input type="text" class="form-control" placeholder="Eg:Music,Cooking" name="interests" id="interests" value="">
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col" style="color: #2d64b7;border-bottom: dotted 1px #2d64b7;">
<label style="font-size: 24px;font-weight: 20px;font-family:'Times New Roman', Times, serif;">Career Objective
</label>
</div>
</div>
<div class="row align-items-center mt-4">
<div class="col">
<input type="text" class="form-control" placeholder="" name="career_objective" id="career_objective" value="">
</div>
</div>
<div class="row justify-content-start mt-4">
<div class="col">
<a class="signup log" href="#" data-toggle="modal" data-target="#exampleModal1">Download</a>
<button style="display: none;" class="btn btn-primary mt-4" id="profile_submit" style="background-color: #2d64b7; border:2px solid #2d64b7; margin-bottom:25px; ">Download</button>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
</section>
<?php include 'footer_new.php'; ?>
<script>
$(document).ready(function () {
var checkboxes = $('input[class="acadamic"]:checked').length;
$('.edu1').click(function(){
var del_id= $(this).attr('id');
$.ajax({
url:"delete_edu.php",
type:"get",
data:{id:del_id},
success:function(n){
window.location.reload();
}
});
});
$('.exp').click(function(){
var del_id= $(this).attr('id');
$.ajax({
url:"delete_experience.php",
type:"get",
data:{id:del_id},
success:function(n){
window.location.reload();
}
});
});
$('.pro').click(function(){
var del_id= $(this).attr('id');
$.ajax({
url:"delete_project.php",
type:"get",
data:{id:del_id},
success:function(n){
window.location.reload();
}
});
});
$('#mobile').keyup(function(){
// alert('hai');
var mobile=$('#mobile').val();
$.ajax({
url: "getPhone.php",
type: "get",
data:{phone:mobile},
success:function(n){
if(n==1){
$('#span1').text('Phone number already exist') ;
}
else{
$('#span1').text('') ;
}
}
});
});
$('#emailval').keyup(function(){
var email=$('#emailval').val();
$.ajax({
url: "getEmail.php",
type: "get",
data:{email1:email},
success:function(n){
// alert(n);
if(n==1){
$('#span2').text('Email already exist') ;
}
else{
$('#span2').text('') ;
}
}
});
});
var x = 1;
var maxField = 6;
//Input fields increment limitation
var addButton = $('.add_button'); //Add button selector
var wrapper = $('.field_wrapper'); //Input field wrapper
var c = 2
//New input field html
//Initial field counter is 1
//Once add button is clicked
$(addButton).click(function () {
//Check maximum number of input fields
var fieldHTML = '<div class="table-responsive" style="margin-top:-15px;"><table class="table table-bordered table-striped table-highlight" style="margin-left: 0px;width: 100%" ><tbody> <tr><td><input type="text" name="course[]" class="form-control" placeholder="Course" id="course' + c + '" size="10" /></td><td><input type="text" name="board[]" class="form-control" id="board' + c + '" value="" placeholder="Board" size="10" /></td><td><input type="text" name="passyear[]" value="" class="form-control" id="passyear' + c + '" placeholder="Year" size="10" /></td><td> <input type="text" name="specification[]" class="form-control" value="" id="specification' + c + '" placeholder="Specification" size="15" ></td><td> <input type="text" name="mark[]" class="form-control" value="" id="mark' + c + '" placeholder="Mark" size="5" ></td><td><a href="javascript:void(0);" class="remove_button" style="font-size: 29px;color: black;text-align: center;">-</a></td></tr></tbody></table></div>';
if (x <= maxField) {
x = x + 1;
c++; //Increment field counter
$(wrapper).append(fieldHTML); //Add field html
}
});
//Once remove button is clicked
$(wrapper).on('click', '.remove_button', function (e) {
e.preventDefault();
$(this).parents('table').remove(); //Remove field html
x--;
//Decrement field counter
});
var x1 = 1;
var maxField1 = 10;
//Input fields increment limitation
var addButton1 = $('.add_button1'); //Add button selector
var wrapper1 = $('.field_wrapper1'); //Input field wrapper
var c1 = 4
//New input field html
//Initial field counter is 1
//Once add button is clicked
$(addButton1).click(function () {
//Check maximum number of input fields
var fieldHTML1 = '<div class="table-responsive" style="margin-top:-15px;" ><table class="table table-bordered table-striped table-highlight" style="margin-left: 0px;width: 100%"></tbody> <tr><td><input type="text" name="companyname[]" class="form-control" placeholder="Company Name" id="companyname' + c1 + '" size="10" /></td><td><input type="text" name="position[]" class="form-control" id="position' + c1 + '" value="" placeholder="Position" size="10" /></td><td><input type="text" name="duration[]" value="" class="form-control" id="duration' + c1 + '" placeholder="Duration" size="10" /></td><td> <a href="javascript:void(0);" class="remove_button1" style="font-size: 29px;color: black;text-align: center;">-</a></td></tr></tbody></table></div>';
if (x1 != maxField1) {
x1 = x1 + 1;
c1++; //Increment field counter
$(wrapper1).append(fieldHTML1); //Add field html
}
});
//Once remove button is clicked
$(wrapper1).on('click', '.remove_button1', function (e) {
e.preventDefault();
$(this).parents('table').remove(); //Remove field html
x1--;
c1--; //Decrement field counter
});
var x2 = 1;
var maxField2 = 60;
// //Input fields increment limitation
var addButton2 = $('.add_button2'); //Add button selector
var wrapper2 = $('.field_wrapper2'); //Input field wrapper
var c2 = checkboxes+2;
//New input field html
//Initial field counter is 1
//Once add button is clicked
$(addButton2).click(function () {
//Check maximum number of input fields
var fieldHTML2 = '<div class="table-responsive" style="margin-top:-15px;"><table class="table table-bordered table-striped table-highlight" style="margin-left: 0px;width: 100%"><tbody> <tr><td><textarea name="projectName[]" class="form-control" placeholder="Project Name" id="projectName' + c2 + '" size="10" /></textarea></td><td><textarea name="description[]" class="form-control" id="description' + c2 + '" value="" placeholder="Description" size="10" /></textarea></td><td><input type="text" name="technology[]" value="" class="form-control" id="technology' + c2 + '" placeholder="Technology" size="15"/></td><td> <select class="form-control" name="acadamic[]" id="acadamic'+c2+'"><option value="">Select</option><option>Academic</option><option>Non Academic</option></select><td> <a href="javascript:void(0);" class="remove_button2" style="font-size: 29px;color: black;text-align: center;width:100px;">-</a></td></tr></tbody></table></div>';
if (x2 != maxField2) {
x2 = x2 + 1;
c2++; //Increment field counter
$(wrapper2).append(fieldHTML2); //Add field html
}
});
//Once remove button is clicked
$(wrapper2).on('click', '.remove_button2', function (e) {
e.preventDefault();
$(this).parents('table').remove(); //Remove field html
x2--;
c2--; //Decrement field counter
});
var x3 = 1;
var maxField3 = 10;
//Input fields increment limitation
var addButton3 = $('.add_button3'); //Add button selector
var wrapper3 = $('.field_wrapper3'); //Input field wrapper
var c3 = 4
//New input field html
//Initial field counter is 1
//Once add button is clicked
$(addButton3).click(function () {
//Check maximum number of input fields
var fieldHTML3 = '<div class="table-responsive" style="margin-top:-15px;"><table class="table table-bordered table-striped table-highlight" style="margin-left: 0px;width: 100%"> <tbody><tr><td><input type="text" name="achievements[]" class="form-control" placeholder="Achievements" id="achievements' + c3 + '" size="16.5"/><td> <a href="javascript:void(0);" class="remove_btn" title="Add field" style="font-size: 29px;color: black;text-align: center;">-</a></tr></tbody</table></div>';
if (x3 != maxField3) {
x3 = x3 + 1;
c3++; //Increment field counter
$(wrapper3).append(fieldHTML3); //Add field html
}
});
$(wrapper3).on('click', '.remove_btn', function (e) {
e.preventDefault();
$(this).parents('table').remove(); //Remove field html
x3--;
c3--; //Decrement field counter
});
//Once remove button is clicked
$(wrapper3).on('click', '.remove_button3', function (e) {
e.preventDefault();
$(this).parents('tr').remove(); //Remove field html
x3--;
c3--; //Decrement field counter
});
$('#check').click(function () {
if ($(this).is(':checked')) {
var address1 = $('#address1').val();
var address2 = $('#address2').val();
var address3 = $('#address3').val();
var pincode = $('#pincode').val();
$('#paddress1').val(address1);
$('#paddress2').val(address2);
$('#paddress3').val(address3);
$('#ppincode').val(pincode);
} else {
$('#paddress1').val('');
$('#paddress2').val('');
$('#paddress3').val('');
$('#ppincode').val('');
}
});
$('input[name="acadamic[]"]').change(function(){
var checkboxes = $('input[name="acadamic[]"]').length;
var searchIDs = $('input[name="acadamic[]"]').map(function(){
return this.value;
}).toArray();
$('#textInput').val(searchIDs);
});
});
$(document).ready(function () {
// var userLang = navigator.language || navigator.userLanguage;
// var options = $.extend({},
// $.datepicker.regional["en"], {
// dateFormat: "dd/mm/yy",
// changeMonth: true,
// changeYear: true,
// highlightWeek: true,
// yearRange: "1930:2031"
// }
// );
// $("#dob").datepicker(options);
$('#dob').datepicker({
altField: '#member_birthday',
altFormat: 'dd-mm-yy',
changeMonth: true,
changeYear: true,
dateFormat: 'dd/mm/yy',
showAnim: 'slideDown',
yearRange: '-125:+0',
onChangeMonthYear:function(y, m, i){
var d = i.selectedDay;
$(this).datepicker('setDate', new Date(y, m-1, d));
}
});
});
$("#profile_submit").click(function()
{
$(".pageloader").fadeIn();
})
</script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
|