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="status"> 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="Resources"> Resources</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">
<?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-6 col-sm-6 col-xs-12">
<input type="checkbox" name="case_studies[]" value="<?php echo $studies['id'] ?>" /> <?php echo $studies['name']; ?>
</div>
<?php } ?>
</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">
<?php
$db->select('webinars','*',NULL,'flag="0" AND status="0"','position ASC');
$webinars = $db->getResult();
foreach($webinars as $webinar){
?>
<div class="col-md-6 col-sm-6 col-xs-12">
<input type="checkbox" name="webinars[]" value="<?php echo $webinar['id'] ?>" /> <?php echo $webinar['name']; ?>
</div>
<?php } ?>
</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">
<?php
$db->select('press_releases','*',NULL,'flag="0"','position ASC');
$press_releases = $db->getResult();
foreach($press_releases as $press){
?>
<div class="col-md-6 col-sm-6 col-xs-12">
<input type="checkbox" name="press_releases[]" value="<?php echo $press['id'] ?>" /> <?php echo $press['title']; ?>
</div>
<?php } ?>
</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() {
$('#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