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> Use Case </h3>
</div>
</div>
<div class="col-md-4 col-lg-4">
<div class="pull-right"><a href="use_cases.php" class="btn btn-success"><i class="icon-backward"></i> Back to Use Cases </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="use_cases_add_process.php" novalidate>
<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_image_title"> Banner 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="banner_image_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="banner_image_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_image_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="banner_image_know_more_text"> Know More Text <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_image_know_more_text" 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="banner_image_know_more_url"> Know More URL </label>
<div class="col-md-9 col-sm-6 col-xs-12">
<input class="form-control col-md-7 col-xs-12" name="banner_image_know_more_url" type="text" >
</div>
</div>
<div class="item form-group">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="categories_id"> Use Case Category <span class="required">*</span>
</label>
<div class="col-md-9 col-sm-6 col-xs-12">
<select class="form-control" name="categories_id" id="categories_id" required="required">
<option value=""> -- Select Use Case Category -- </option>
<?php
$db = new Database();
$db->connect();
$db->select('solutions_categories','id,name',NULL,'flag="0" AND status="0"','position ASC');
$solutions_categories = $db->getResult();
foreach($solutions_categories as $categories){
?>
<option value="<?php echo $categories['id'] ?>">
<?php echo $categories['name']; ?>
</option>
<?php } ?>
</select>
</div>
</div>
<div class="item form-group hideBlock">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="Image"> 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: 396px | Height: 250px ] </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 hideBlock">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="Image"> Popup 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="popup_image_fileupload" type="file" name="files" data-url="../server/download/">
<input type="hidden" style="visibility:hidden" name="popup_image_uploaded" id="popup_image_uploaded" value="" />
</span>
<br/><label class="noteColor">Note : Please upload image in jpg, jpeg, png or gif format only.</label>
</div>
<div id="popup_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" >
</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">
<input class="form-control col-md-7 col-xs-12" name="short_description" 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="description"> Description<span class="required">*</span>
</label>
<div class="col-md-9 col-sm-6 col-xs-12">
<textarea name="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="case_studies_heading"> Case Studies 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="case_studies_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="description"> Resources<span class="required">*</span>
</label>
<div class="col-md-9 col-sm-6 col-xs-12">
<select class="form-control" name="resource_type" id="resource_type">
<option value=""> -- Select Resource Type -- </option>
<option value="case_studies"> Case studies </option>
<option value="webinars"> Webinars </option>
<option value="pr"> Press Release </option>
</select>
</div>
</div>
<div class="item form-group resourcesListing case_studies">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="description"> Case Studies<span class="required">*</span>
</label>
<div class="col-md-9 col-sm-6 col-xs-12" id="case_studies">
<?php
$db->select('case_studies','*',NULL,'flag="0" AND status="0"','position ASC');
$case_studies = $db->getResult();
foreach($case_studies as $studies){
?>
<div class="col-md-12">
<label>
<input type="checkbox" name="case_studies[]" value="<?php echo $studies['id'] ?>" /> <?php echo $studies['name']; ?>
<span class="number" style="background-color:#ddd;padding:2px 10px;"> 0 </span>
</label>
</div>
<?php } ?>
<input type="hidden" name="case_studies_order"/>
</div>
</div>
<div class="item form-group resourcesListing webinars">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="description"> Webinars<span class="required">*</span>
</label>
<div class="col-md-9 col-sm-6 col-xs-12" id="webinars">
<?php
$db->select('webinars','*',NULL,'flag="0" AND status="0"','position ASC');
$webinars = $db->getResult();
foreach($webinars as $webinar){
?>
<div class="col-md-12">
<label>
<input type="checkbox" name="webinars[]" value="<?php echo $webinar['id'] ?>" /> <?php echo $webinar['name']; ?>
<span class="number" style="background-color:#ddd;padding:2px 10px;"> 0 </span>
</label>
</div>
<?php } ?>
<input type="hidden" name="webinars_order"/>
</div>
</div>
<div class="item form-group resourcesListing pr">
<label class="control-label col-md-3 col-sm-3 col-xs-12" for="description"> Press Release<span class="required">*</span>
</label>
<div class="col-md-9 col-sm-6 col-xs-12" id="press_releases">
<?php
$db->select('press_releases','*',NULL,'flag="0"','position ASC');
$press_releases = $db->getResult();
foreach($press_releases as $press){
?>
<div class="col-md-12">
<label>
<input type="checkbox" name="press_releases[]" value="<?php echo $press['id'] ?>" /> <?php echo $press['title']; ?>
<span class="number" style="background-color:#ddd;padding:2px 10px;"> 0 </span>
</label>
</div>
<?php } ?>
<input type="hidden" name="press_releases_order"/>
</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() {
/* Case Studies */
var case_studies = $('#case_studies input[type="checkbox"]');
case_studies.change(function(){
var countCheckedCheckboxes = case_studies.filter(':checked').length;
//console.log(countCheckedCheckboxes);
if ($(this).prop('checked')){
console.log($(this).val());
$(":checkbox[value="+$(this).val()+"]").parent().find('span.number').html(countCheckedCheckboxes);
$('[name="case_studies_order"]').val($('[name="case_studies_order"]').val()+','+$(this).val());
}
});
/* Case Studies */
/* Webinars */
var webinars = $('#webinars input[type="checkbox"]');
webinars.change(function(){
var countCheckedCheckboxes = webinars.filter(':checked').length;
//console.log(countCheckedCheckboxes);
if ($(this).prop('checked')){
console.log($(this).val());
$(":checkbox[value="+$(this).val()+"]").parent().find('span.number').html(countCheckedCheckboxes);
$('[name="webinars_order"]').val($('[name="webinars_order"]').val()+','+$(this).val());
}
});
/* Webinars */
/* Press Release */
var press_releases = $('#press_releases input[type="checkbox"]');
press_releases.change(function(){
var countCheckedCheckboxes = press_releases.filter(':checked').length;
//console.log(countCheckedCheckboxes);
if ($(this).prop('checked')){
console.log($(this).val());
$(":checkbox[value="+$(this).val()+"]").parent().find('span.number').html(countCheckedCheckboxes);
$('[name="press_releases_order"]').val($('[name="press_releases_order"]').val()+','+$(this).val());
}
});
/* Press Release */
$('#categories_id').on('change', function(e){
var categories_id=$('#categories_id').val();
if(categories_id == 8){
$('.hideBlock').hide();
} else {
$('.hideBlock').show();
}
});
$('.resourcesListing').hide();
$('#resource_type').on('change', function(e){
var resource_type=$('#resource_type').val();
if(resource_type == 'case_studies'){
$('.case_studies').show();
$('.webinars, .pr').hide();
} else if(resource_type == 'webinars'){
$('.webinars').show();
$('.case_studies, .pr').hide();
} else if(resource_type == 'pr'){
$('.pr').show();
$('.case_studies, .webinars').hide();
} else {
$('.case_studies, .webinars, .pr').hide();
}
});
/* ------------------------------------- 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);
}
});
$('#popup_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);
$('#popup_image_progress .bar').text('Upload in progress...' + progress + ' %');
},
done: function(e, data) {
$.each(data.result.files, function(index, file) {
file_name = file.name;
$('#popup_image_uploaded').val(file_name);
$('#popup_image_progress .bar').text('Image uploaded');
});
},
fail: function(e, data) {
alert(data.errorThrown);
alert(data.textStatus);
}
});
});
</script>
</body>
</html>
OHA YOOOO