MINI Sh3ll
<?php
include('include/session.php');
include('config/mysql_crud.php');
?>
<!DOCTYPE html>
<html lang="en">
<?php include('header.php');?>
<body class="nav-md">
<div class="container body">
<div class="main_container">
<?php include('nav.php');?>
<?php include('top_navigation.php');?>
<!-- page content -->
<div class="right_col" role="main">
<div class="">
<div class="col-md-8 col-lg-8">
<div class="title_left">
<h3> Case Study </h3>
</div>
</div>
<div class="col-md-4 col-lg-4">
<div class="pull-right"><a href="case_studies.php" class="btn btn-success"><i class="icon-backward"></i> Back to Case Studies </a></div>
</div>
<div class="clearfix"></div>
<br/>
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel">
<div class="x_content">
<form class="form-horizontal form-label-left" id="commentForm" method="post" action="case_studies_add_process.php" novalidate>
<div class="item form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="Image">Thumbnail Image <span class="required">*</span>
</label>
<div class="col-md-9 col-sm-6 col-xs-12">
<span class="btn btn-dark fileinput-button">
<i class="glyphicon glyphicon-plus"></i>
<span>Add File...</span>
<input id="image_fileupload" type="file" name="files" data-url="../server/download/">
<input type="hidden" style="visibility:hidden" name="image_uploaded" id="image_uploaded" value="" />
</span>
<label> [ Width: 300px | Height: 233px ] </label>
<br/><label class="noteColor">Note : Please upload image in jpg, jpeg, png or gif format only.</label>
</div>
<div id="image_progress" class="col-md-offset-3 col-md-4">
<div class="bar"></div>
</div>
<div class=" col-md-6">
</div>
</div>
<div class="item form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="name"> Name <span class="required">*</span>
</label>
<div class="col-md-9 col-sm-6 col-xs-12">
<input id="name" class="form-control col-md-7 col-xs-12" name="name" required="required" type="text" maxlength="65" >
<br/><label class="noteColor">Note : Maximum length of name is 65 characters.</label>
</div>
</div>
<div class="item form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="name"> Short Description <span class="required">*</span> </label>
<div class="col-md-9 col-sm-6 col-xs-12">
<textarea name="short_description" class="form-control col-md-7 col-xs-12"> </textarea>
</div>
</div>
<div class="item form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="Image">Banner Image <span class="required">*</span>
</label>
<div class="col-md-9 col-sm-6 col-xs-12">
<span class="btn btn-dark fileinput-button">
<i class="glyphicon glyphicon-plus"></i>
<span>Add File...</span>
<input id="banner_image_fileupload" type="file" name="files" data-url="../server/download/">
<input type="hidden" style="visibility:hidden" name="banner_image_uploaded" id="banner_image_uploaded" value="" />
</span>
<label> [ Width: 1600px | Height: 500px ] </label>
<br/><label class="noteColor">Note : Please upload image in jpg, jpeg, png or gif format only.</label>
</div>
<div id="banner_image_progress" class="col-md-offset-3 col-md-4">
<div class="bar"></div>
</div>
<div class=" col-md-6">
</div>
</div>
<div class="item form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="banner_description"> Banner Description <span class="required">*</span></label>
<div class="col-md-9 col-sm-6 col-xs-12">
<input class="form-control col-md-7 col-xs-12" name="banner_description" required="required" type="text">
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="banner_text_color"> Banner Text Color </label>
<div class="col-md-9 col-sm-6 col-xs-12">
<select class="form-control" name="banner_text_color" id="banner_text_color">
<option value="whiteColor"> White </option>
<option value="blackColor"> Black </option>
</select>
</div>
</div>
<div class="item form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="about_customer_title"> About Customer Title <span class="required">*</span>
</label>
<div class="col-md-9 col-sm-6 col-xs-12">
<input class="form-control col-md-7 col-xs-12" name="about_customer_title" required="required" type="text" >
</div>
</div>
<div class="item form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="about_customer_description"> About Customer Description<span class="required">*</span> </label>
<div class="col-md-9 col-sm-6 col-xs-12">
<textarea name="about_customer_description" class="form-control col-md-7 col-xs-12"> </textarea>
</div>
</div>
<div class="item form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="executive_summary_title"> Executive Summary Title <span class="required">*</span>
</label>
<div class="col-md-9 col-sm-6 col-xs-12">
<input class="form-control col-md-7 col-xs-12" name="executive_summary_title" required="required" type="text">
</div>
</div>
<div class="item form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="executive_summary_description"> Executive Summary Description<span class="required">*</span> </label>
<div class="col-md-9 col-sm-6 col-xs-12">
<textarea name="executive_summary_description" class="form-control col-md-7 col-xs-12"> </textarea>
</div>
</div>
<div class="item form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="what_we_did_title"> What We Did Title <span class="required">*</span>
</label>
<div class="col-md-9 col-sm-6 col-xs-12">
<input class="form-control col-md-7 col-xs-12" name="what_we_did_title" required="required" type="text">
</div>
</div>
<div class="item form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="what_we_did_description"> What We Did Description<span class="required">*</span> </label>
<div class="col-md-9 col-sm-6 col-xs-12">
<textarea name="what_we_did_description" class="form-control col-md-7 col-xs-12"> </textarea>
</div>
</div>
<div class="item form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="solution_heading"> Solution Heading <span class="required">*</span></label>
<div class="col-md-9 col-sm-6 col-xs-12">
<input class="form-control col-md-7 col-xs-12" name="solution_heading" required="required" type="text" >
</div>
</div>
<div class="item form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="solution_title"> Solution Title <span class="required">*</span>
</label>
<div class="col-md-9 col-sm-6 col-xs-12">
<input class="form-control col-md-7 col-xs-12" name="solution_title" required="required" type="text" >
</div>
</div>
<div class="item form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="solution_left_description"> Solution Left Description<span class="required">*</span> </label>
<div class="col-md-9 col-sm-6 col-xs-12">
<textarea name="solution_left_description" class="form-control col-md-7 col-xs-12"> </textarea>
</div>
</div>
<div class="item form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="solution_right_description"> Solution Right Description<span class="required">*</span> </label>
<div class="col-md-9 col-sm-6 col-xs-12">
<textarea name="solution_right_description" class="form-control col-md-7 col-xs-12"> </textarea>
</div>
</div>
<div class="item form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="challenges_title"> Challenges Title <span class="required">*</span>
</label>
<div class="col-md-9 col-sm-6 col-xs-12">
<input class="form-control col-md-7 col-xs-12" name="challenges_title" required="required" type="text" >
</div>
</div>
<div class="item form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="challenges_list"> Challenges List<span class="required">*</span> </label>
<div class="col-md-9 col-sm-6 col-xs-12">
<textarea name="challenges_list" class="form-control col-md-7 col-xs-12"> </textarea>
</div>
</div>
<div class="item form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="benefits_title"> Benefits Title <span class="required">*</span>
</label>
<div class="col-md-9 col-sm-6 col-xs-12">
<input class="form-control col-md-7 col-xs-12" name="benefits_title" required="required" type="text" >
</div>
</div>
<div class="item form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="benefits_list"> Benefits List<span class="required">*</span> </label>
<div class="col-md-9 col-sm-6 col-xs-12">
<textarea name="benefits_list" class="form-control col-md-7 col-xs-12"> </textarea>
</div>
</div>
<div class="item form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="highlighted_text"> Highlighted Text<span class="required">*</span> </label>
<div class="col-md-9 col-sm-6 col-xs-12">
<textarea name="highlighted_text" class="form-control col-md-7 col-xs-12"> </textarea>
</div>
</div>
<div class="item form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="data_sources_title"> Data Sources Title <span class="required">*</span>
</label>
<div class="col-md-9 col-sm-6 col-xs-12">
<input class="form-control col-md-7 col-xs-12" name="data_sources_title" required="required" type="text" >
</div>
</div>
<div class="item form-group">
<div class="col-sm-12">
<div id="ndc-form">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-9 col-lg-3">
<label class="control-label col-xs-12" for="values_section"> Data Sources Lists</label> <br/><br/>
<a href="javascript:void(0);" class="addNDC addNDC-btn"><i class="fa fa-plus" aria-hidden="true"></i> Add</a>
</div>
</div>
</div>
</div>
</div>
<div class="item form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="solution_domain_title"> Solution Domain Title <span class="required">*</span>
</label>
<div class="col-md-9 col-sm-6 col-xs-12">
<input class="form-control col-md-7 col-xs-12" name="solution_domain_title" required="required" type="text" >
</div>
</div>
<div class="item form-group">
<div class="col-sm-12">
<div id="mdc-form">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-9 col-lg-3">
<label class="control-label col-xs-12" for="values_section"> Data Sources Lists</label> <br/><br/>
<a href="javascript:void(0);" class="addMDC addMDC-btn"><i class="fa fa-plus" aria-hidden="true"></i> Add</a>
</div>
</div>
</div>
</div>
</div>
<div class="item form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="slug">Slug </label>
<div class="col-md-9 col-sm-6 col-xs-12">
<input class="form-control col-md-7 col-xs-12" name="slug" type="text" >
</div>
</div>
<div class="item form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="description"> Gated Content </label>
<div class="col-md-9 col-sm-6 col-xs-12">
<input type="checkbox" name="gatedContent" id="gatedContent" value="yes" /> Gated Content
</div>
</div>
<div class="form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="status"> Status
</label>
<div class="col-md-9 col-sm-6 col-xs-12">
<select class="form-control" name="status" id="status">
<option value="0"> Active </option>
<option value="1"> Inactive </option>
</select>
</div>
</div>
<div class="ln_solid"></div>
<div class="form-group">
<div class="col-md-6 col-md-offset-3">
<button id="send" type="submit" class="btn btn-success">Save</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /page content -->
<!-- footer content -->
<?php include('footer.php');?>
<!-- /footer content -->
</div>
</div>
<script>
$(document).ready(function() {
/* -------------------------- NDC ------------------------------ */
$(".addNDC").click(function(){
$("#ndc-form").append('<div class="form-group row"><div class="col-xs-12 col-sm-12 col-md-9 col-lg-3"><a href="javascript:void(0);" class="remNDC remNDC-btn"><i class="fa fa-trash" aria-hidden="true"></i> Remove</a></div><div class="col-xs-12 col-sm-12 col-md-9 col-lg-9"><div class="row row_format"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><label>Value</label><input type="text" class="form-control" name="data_sources_name[]" value="" /></div> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><label>URL</label><input type="text" class="form-control" name="data_sources_url[]" value="" /></div> </div></div></div>');
});
$("#ndc-form").on('click','.remNDC',function(){
$(this).parent().parent().remove();
});
//NDC update_ndc_attr
$('body').on('click','.update_ndc_attr1',function(){
var name=encodeURIComponent($(this).parent().parent().find('[name="data_sources_name_edit"]').val());
var url=encodeURIComponent($(this).parent().parent().find('[name="data_sources_url_edit"]').val());
var id=$(this).attr('rel');
$.ajax({
type:'POST',
data:'id='+id+'&name='+name+'&url='+url,
url:'ajax-data-sources-edit.php',
success: function(data) {
console.log(data);
alert('Data sources updated successfully.');
}
})
})
//NDC update end
/* -------------------------- MDC ------------------------------ */
$(".addMDC").click(function(){
$("#mdc-form").append('<div class="form-group row"><div class="col-xs-12 col-sm-12 col-md-9 col-lg-3"><a href="javascript:void(0);" class="remNDC remNDC-btn"><i class="fa fa-trash" aria-hidden="true"></i> Remove</a></div><div class="col-xs-12 col-sm-12 col-md-9 col-lg-9"><div class="row row_format"><div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><label>Value</label><input type="text" class="form-control" name="solution_domain_name[]" value="" /></div> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"><label>URL</label><input type="text" class="form-control" name="solution_domain_url[]" value="" /></div> </div></div></div>');
});
$("#mdc-form").on('click','.remNDC',function(){
$(this).parent().parent().remove();
});
//MDC update_ndc_attr
$('body').on('click','.update_ndc_attr2',function(){
var name=encodeURIComponent($(this).parent().parent().find('[name="solution_domain_name_edit"]').val());
var url=encodeURIComponent($(this).parent().parent().find('[name="solution_domain_url_edit"]').val());
var id=$(this).attr('rel');
$.ajax({
type:'POST',
data:'id='+id+'&name='+name+'&url='+url,
url:'ajax-solution-domain-edit.php',
success: function(data) {
console.log(data);
alert('Solution domains updated successfully.');
}
})
})
//MDC update end
//delete attr
$('body').on('click','.delete_attr',function(){
var id=$(this).attr('rel');
var table=$(this).attr('bel');
//if(confirm('Are you sure you want to delete it?')==true){
$.ajax({
type:'POST',
data:'id='+id+'&table='+table,
url:'ajax-attr-delete.php',
success: function(data) {
$('[bel="'+table+'"][rel="'+id+'"]').parent().parent().fadeOut('slow');
setTimeout(function(){ $('[bel="'+table+'"][rel="'+id+'"]').parent().parent().remove(); }, 500);
}
})
//}
});
//delete attr end
/* ------------------------------------- Image ---------------------------------------- */
$('#banner_image_fileupload').fileupload({
dataType: 'json',
add: function(e, data) {
var uploadErrors = [];
var acceptFileTypes = /^Application\/(jpg|jpeg|png|gif)$/i;
if (!(/\.(jpg|jpeg|png|gif)$/i).test(data.originalFiles[0]['name'])) {
uploadErrors.push('Not an accepted file type');
}
if (data.originalFiles[0]['size'] > 8388608) {
uploadErrors.push('Filesize is bigger that 8MB');
}
if (uploadErrors.length > 0) {
alert(uploadErrors.join("\n"));
} else {
data.submit();
}
},
progress: function(e, data) {
var progress = parseInt(data.loaded / data.total * 100, 10);
$('#banner_image_progress .bar').text('Upload in progress...' + progress + ' %');
},
done: function(e, data) {
$.each(data.result.files, function(index, file) {
file_name = file.name;
$('#banner_image_uploaded').val(file_name);
$('#banner_image_progress .bar').text('Image uploaded');
});
},
fail: function(e, data) {
alert(data.errorThrown);
alert(data.textStatus);
}
});
$('#image_fileupload').fileupload({
dataType: 'json',
add: function(e, data) {
var uploadErrors = [];
var acceptFileTypes = /^Application\/(jpg|jpeg|png|gif)$/i;
if (!(/\.(jpg|jpeg|png|gif)$/i).test(data.originalFiles[0]['name'])) {
uploadErrors.push('Not an accepted file type');
}
if (data.originalFiles[0]['size'] > 8388608) {
uploadErrors.push('Filesize is bigger that 8MB');
}
if (uploadErrors.length > 0) {
alert(uploadErrors.join("\n"));
} else {
data.submit();
}
},
progress: function(e, data) {
var progress = parseInt(data.loaded / data.total * 100, 10);
$('#image_progress .bar').text('Upload in progress...' + progress + ' %');
},
done: function(e, data) {
$.each(data.result.files, function(index, file) {
file_name = file.name;
$('#image_uploaded').val(file_name);
$('#image_progress .bar').text('Image uploaded');
});
},
fail: function(e, data) {
alert(data.errorThrown);
alert(data.textStatus);
}
});
});
</script>
</body>
</html>
OHA YOOOO