<?php
include "../lib/functions_class.php";
include "inc/check_session.php";
?>
<!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 | 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">
<!-- JqueryUi -->
<link href="plugins/jquery.ui/jquery-ui-1.9.2.custom.css" rel="stylesheet">
<!-- Alert, Info, Confirm Plugin -->
<link href="plugins/lobibox/lobibox.min.css" rel="stylesheet">
<!-- bootstrap-progressbar -->
<link href="plugins/bootstrap-progressbar/css/bootstrap-progressbar-3.3.4.min.css" rel="stylesheet">
<!-- jVectorMap -->
<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 / 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-file-text-o"></i> All Slider</button>
<span class="input-group-btn">
<a href="add_edit_slider.php"><button class="btn btn-default" type="button"><i class="fa fa-edit"></i> Add 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">
<!----Filter Start------->
<form id="filter">
<div class="col-md-1 col-sm-12 col-xs-12">
<select class="form-control" name="rowlimit" id="rowlimit">
<option value="10">10</option>
<option value="20">20</option>
<option value="50">50</option>
<option value="100">100</option>
</select>
</div>
<div class="col-md-2 col-sm-12 col-xs-12">
<select class="form-control" name="orderby" id="orderby">
<option value="ASC">Ascending</option>
<option value="DESC">Decending</option>
</select>
</div>
<div class="col-md-2 col-sm-12 col-xs-12">
<input type="text" class="form-control" name="searchkey" id="searchkey" placeholder="Search keyword">
</div>
</form>
<!----Filter End------->
<div class="x_panel" style="height:100%;margin-top:20px;">
<div class="x_title">
<h2>Banners</h2>
<div class="clearfix"></div>
</div>
<div class="x_content">
<div id="slider_tbl"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- /page content -->
<div id="dialog" title="Confirmation Required" style="display:none;">
Are you sure , You want to delete?
</div>
<?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>
<!-- Date Picker -->
<script src="js/moment/moment.min.js"></script>
<script src="js/datepicker/daterangepicker.js"></script>
<!-- NProgress -->
<script src="plugins/nprogress/nprogress.js"></script>
<!-- iCheck -->
<script src="plugins/iCheck/icheck.min.js"></script>
<!-- Alert, Info Or Confirm Plugin -->
<script src="plugins/lobibox/lobibox.js"></script>
<!-- JqueryUI -->
<script src="plugins/jquery.ui/jquery-ui-1.9.2.custom.js"></script>
<!-- Custom Theme Scripts -->
<script src="js/custom.js"></script>
<script>
$(document).ready(function() {
slider_tbl();
});
//To Load Table
function slider_tbl(){
var rowlimit = $("#rowlimit").val();
var orderby = $("#orderby").val();
var colum = $("#colum").val();
var searchkey = $("#searchkey").val();
$("#slider_tbl").html("<center><img src='images/loading.gif'></center>");
$.post("tables/slider_tbl.php",{
rowlimit:rowlimit,
orderby:orderby,
searchkey:searchkey,
},function(data){
$("#slider_tbl").html(data);
});
}
$("#rowlimit").on('change',function(){
slider_tbl();
});
$("#orderby").on('change',function(){
slider_tbl();
});
$("#searchkey").on('keyup',function(){
slider_tbl();
});
$("#filter").submit(function (event){
event.preventDefault();
$.ajax({
url:'tables/slider_tbl.php',
type:'POST',
data:$(this).serialize(),
success: function(response){
$('#slider_tbl').html(response);
}
});
});
//Next And Previous Page
$('#slider_tbl').on('click','.clickpage',function(e){
e.preventDefault();
var rowlimit = $("#rowlimit").val();
var orderby = $("#orderby").val();
//Get Page ID
$page = $(this).attr('href');
$pageind = $page.indexOf('page=');
$page = $page.substring(($pageind+5));
//alert($page);
$.post("tables/slider_tbl.php",{
page:$page,
rowlimit:rowlimit,
orderby:orderby,
},function(data){
$("#slider_tbl").html(data);
});
});
//Change Order Function
function changeorder(getval){
$.post('controller/slider_ajax.php', {action:'banerorder',getval:getval},function(data) {
if(data == 1){
slider_tbl();
}
});
}
//Delete
function deleted(id,pic){
//var message = "Entry Deleted Sucessfully.";
$.post("controller/slider_ajax.php",{
action:'delete',
id:id,
pic:pic,
},function(data){
slider_tbl();
});
}
//Dilaog Delete Function
function deldialog(id,pic){
$("#dialog").dialog({
show: 'explode',
hide: 'fold',
buttons : {
"Confirm" : function() {
deleted(id,pic);
$(this).dialog("close");
},
"Cancel" : function() {
$(this).dialog("close");
}
}
});
$("#dialog").dialog("open");
}
</script>
</body>
</html>