File size: 9.58Kb
<?php
include "../lib/functions_class.php";
include "inc/check_session.php";
$id = $_GET['id'];
if($id != ''){
$fetch = $DB->outputslider_edit($id);
$title = $fetch[0]['title'];
$contents = $fetch[0]['contents'];
$url = $fetch[0]['url'];
$slider_pic = $fetch[0]['slider_pic'];
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<!-- Meta, title, CSS, favicons, etc. -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>iBlog | Add & Edit Slider </title>
<!-- FAVICONS -->
<link rel="shortcut icon" href="../uploads/favicon/<?php echo $DB->get_settingdata('favicon');?>" type="image/x-icon">
<!-- Bootstrap -->
<link href="plugins/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Font Awesome -->
<link href="plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<!-- iCheck -->
<link href="plugins/iCheck/skins/flat/green.css" rel="stylesheet">
<!-- bootstrap-progressbar -->
<link href="plugins/bootstrap-progressbar/css/bootstrap-progressbar-3.3.4.min.css" rel="stylesheet">
<!-- jVectorMap -->
<!-- Alert, Info, Confirm Plugin -->
<link href="plugins/lobibox/lobibox.min.css" rel="stylesheet">
<link href="css/notie.css" rel="stylesheet">
<link href="css/maps/jquery-jvectormap-2.0.3.css" rel="stylesheet"/>
<!-- Custom Theme Style -->
<link href="css/custom.css" rel="stylesheet">
</head>
<body class="nav-md">
<div class="container body">
<div class="main_container">
<?php include "inc/header.php";?>
<?php include "inc/top_nav.php";?>
<!-- page content -->
<div class="right_col" role="main">
<div class="">
<div class="page-title">
<div class="title_left">
<h3><li class="fa fa-home"></li>Home / <?php if($id == ''){echo "Add";}else{echo "Edit";}?> Slider</h3>
</div>
<div class="title_right">
<div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">
<div class="input-group">
<button class="form-control"><i class="fa fa-edit"></i> Add Slider</button>
<span class="input-group-btn">
<a href="slider.php"><button class="btn btn-default" type="button"><i class="fa fa-file-text-o"></i> All Slider </button></a>
</span>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
<div class="row">
<div class="col-md-12 col-sm-12 col-xs-12">
<div class="x_panel" style="height:100%;">
<div class="x_title">
<h2><?php if($id == ''){echo "Add";}else{echo "Edit";}?> Slider</h2>
<div class="clearfix"></div>
</div>
<div class="x_content">
<div class="row">
<div class="col-md-12">
<form id="addslider" data-parsley-validate="" class="form-horizontal form-label-left" novalidate="">
<div class="form-group">
<label for="middle-name" class="control-label col-md-2 col-sm-3 col-xs-12">Slider Title</label>
<div class="col-md-9 col-sm-6 col-xs-12">
<input id="title" class="form-control col-md-7 col-xs-12" type="text" name="title" data-parsley-id="9" value="<?php echo $title;?>" placeholder="Enter banner title">
</div>
</div>
<div class="form-group">
<label for="middle-name" class="control-label col-md-2 col-sm-3 col-xs-12">Slider Contents</label>
<div class="col-md-9 col-sm-6 col-xs-12">
<textarea id="contents" name="contents" rows="5" class="form-control col-md-7 col-xs-12 textbox"
placeholder="Enter here contents...."><?php echo $contents;?></textarea>
</div>
</div>
<div class="form-group">
<label for="middle-name" class="control-label col-md-2 col-sm-3 col-xs-12">Slider Url</label>
<div class="col-md-9 col-sm-6 col-xs-12">
<input id="url" class="form-control col-md-7 col-xs-12" type="url" name="url" data-parsley-id="9"
value="<?php echo $url;?>" placeholder="For example:- www.yoursite.com/pagename">
</div>
</div>
<br>
<div class="form-group">
<label for="middle-name" class="control-label col-md-2 col-sm-3 col-xs-12">Slider Image:</label>
<div class="col-md-9 col-sm-6 col-xs-12">
<input id="file" class="form-control col-md-7 col-xs-12" type="file" name="file">
</div>
</div>
<div class="form-group">
<label for="middle-name" class="control-label col-md-2 col-sm-3 col-xs-12"></label>
<div class="col-md-9 col-sm-6 col-xs-12">
<div class="x_panel">
<img src="<?php if($slider_pic == ''){echo "images/no_image.jpg";}else{echo "../uploads/slider/".$slider_pic;}?>" id="img" height="200px">
</div>
<p style="color:red;">Banner Size recommended (1280 X 500) For best View.<p>
</div>
</div>
<input id="action" type="hidden" name="action" value="add_edit">
<input id="sliderid" type="hidden" name="sliderid" value="<?php echo $id;?>">
<input id="back" type="hidden" name="tolist">
<input id="featureimg" type="hidden" name="featureimg" value="<?php echo $slider_pic;?>">
<div class="ln_solid"></div>
<div class="form-group">
<div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-3">
<a href="slider.php" class="btn btn-primary">Back To List</a>
<button type="button" onclick="updateback();" class="btn btn-success"><?php if($_GET['id'] == ''){echo "Add Banner & Close";}else{echo "Update Banner & Close";}?></button>
<button type="submit" id="submit" class="btn btn-success"><?php if($_GET['id'] == ''){echo "Add Topic";}else{echo "Update banner";}?></button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /page content -->
<?php include "inc/footer.php";?>
</div>
</div>
<!-- jQuery -->
<script src="plugins/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap -->
<script src="plugins/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- FastClick -->
<script src="plugins/fastclick/lib/fastclick.js"></script>
<!-- NProgress -->
<script src="plugins/nprogress/nprogress.js"></script>
<!-- Alert, Info Or Confirm Plugin -->
<script src="plugins/lobibox/lobibox.js"></script>
<script src="js/notie.js"></script>
<!-- iCheck -->
<script src="plugins/iCheck/icheck.min.js"></script>
<script src="plugins/ckeditor/ckeditor.js"></script>
<script src="plugins/ckeditor/js/sample.js"></script>
<!-- ChkEditor -->
<script>
$(document).ready(function(){
$('.textbox').on('paste', function (e) {
var dt = e.originalEvent.clipboardData;
if(dt && dt.items && dt.items[0]){
dt.items[0].getAsString(function(text){
console.log(text); //the pasted content
});
}else if(dt && 'getData' in dt){
console.log(dt.getData('text')); //the pasted content
}
});
});
function resetform(){
$("#addslider").find('input:text').val('');
$("#addslider").find('textarea').val('');
$("#addslider").find('select').val('').change();
}
function updateback(){
$("#back").val("1");
$("#submit").click();
}
$("form#addslider").submit(function(){
deleteimg();
var formData = new FormData($(this)[0]);
$.ajax({
url: "controller/slider_ajax.php",
type: 'POST',
data: formData,
async: false,
success: function (data) {
var action= $("#back").val();
if(data == 1){
notie.alert('info', 'Banner Added Successfully', 5);
resetform();
if(action == 1){
window.open("slider.php","_parent");
}
}
else if(data == 2){
notie.alert('info', 'Banner Updated Successfully', 5);
if(action == 1){
window.open("slider.php","_parent");
}
}else{
notie.alert('error', data, 5);
}
},
cache: false,
contentType: false,
processData: false,
});
return false;
});
function deleteimg(){
var fimg = $('#featureimg').val();
var file = $('#file').val().length;
if(file != 0){
$.post("controller/slider_ajax.php",{action:"deleteimg",img:fimg},function(){
})
}
}
//Image Reader
$("#file").change(function () {
readURL(this);
});
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('#img').attr('src', e.target.result);
}
reader.readAsDataURL(input.files[0]);
}
}
</script>
<!-- Custom Theme Scripts -->
<script src="js/custom.js"></script>
</body>
</html>