ok

Mini Shell

Direktori : /home2/selectio/public_html/y1jobportal.in/admin/
Upload File :
Current File : /home2/selectio/public_html/y1jobportal.in/admin/slider.php

<?php include('header.php'); ?>
<div class="page-wrapper">
	<div class="page-content">
	   <div class=" card card-body">
	       <div class="tab-content ">

    <div class="tab-pane fade show active" id="new" role="tabpanel">
        
<a href="slider-add.php"  class="btn btn-success btn-sm" style="float: right;" ><i class="fa fa-plus-circle"></i> Add New Slider</a>
<span class="btn btn-secondary btn-sm filter" style="float: right; margin-right: 5px;"><i class="bi bi-funnel"></i> Show/Hide Filter</span>
<b style="font-size:14px;">State Details</b>
                    


<div class="row" style="margin: 10px 0px 10px 0px;" id="filter">
    
    <div class="col-sm-3">
        <div class="form-group">
            <label class="control-label" for="status">Status</label>
            <select name="status" class="form-control select2" style="width:100%" id="status">
                <option value="1">Active</option>
                <option value="0">In-Active</option>
                <option value="">All Status</option>
            </select>
        </div>
    </div>
    
</div>

<div class="row" style="margin:10px 0px 10px 0px;" >
    
</div>
	    <table id="DataTable">
	        <thead>
	            <tr>
	                <th>Actions</th>
	                <th>S.No</th>
	                <th>Image</th>
    	            <th>Status</th>
    	        </tr>
	        </thead>
	    </table>

	    
	    
	</div>
<!--new order end-->
			</div>
	    </div>
	</div>
</div>

<style>
    table{ width:100%;font-size:14px;font-family: SFProDisplay-Semibold;}
    th{padding:10px;font-weight:bold;}
    td{padding:7px;}
    tr{margin:5px;}
   thead,tr{
        border: 0 solid transparent;
        margin-bottom: 1.5rem;
        border-radius:5px;
        box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%);
   }.span-success{
        background: #819558;
        color: white;
        padding: 3px 6px 3px 6px;
        border-radius: 15px;
   }
   

   .breadcrumb-title {
    font-size: 20px;
    border-right: 0px solid #ffffff !important;
}
</style>

<script>
<?php
$data_table = "var status = $('#status').val();
			   var dataTable = $('#DataTable').DataTable( {									     
					processing: true,
					order:[[0,'asc']],
					serverSide: true,
					lengthMenu: [[10, 25, 50, 100], [10, 25, 50, 100]],
                    destroy:true,
                        ajax:{
    						url : 'data-tables/slider-data-table.php',
    						data: {status:status},
    						type: 'post',  
    						error: function(){ 
    							$('.example-error').html('');
    							$('#DataTable').css('display','none');
    						}
    					}
				});";

?>
$(document).ready(function() {
    getData();
    function getData(){
        <?=$data_table?>
	}
			    
	$('#status').change(function() {
            getData();
        });
});

function delete_Details(id){
            var result = confirm("Confirm Want to Delete This Details?");
            if (result) {
                    $.ajax({
                    type: 'POST',
                    url: 'api/delete.php',
                    data: {type:'hard_delete',delete_id:id,table:'tbl_slider'},                  
                    success: function(response) {
                        console.log(response); 
                        emp_datas();
                    }
                });
            }
         }
function emp_datas(){
    <?=$data_table?>
}
/***********************************/        

</script>

<?php include('footer.php'); ?>
<script>
    $(document).ready(function(){
        $('#filter').hide();
        $('.filter').click(function(){
            $("#filter").slideToggle();
            return false;
        });
    });
    
    

</script>

Zerion Mini Shell 1.0