ok
Direktori : /home2/selectio/www/y1jobportal.in/admin/ |
Current File : //home2/selectio/www/y1jobportal.in/admin/staff.php |
<?php include('header.php'); ?> <div class="page-wrapper"> <div class="page-content"> <div class=" card card-body"> <div class="tab-content "> <!--new order start--> <div class="tab-pane fade show active" id="new" role="tabpanel"> <a href="staff-add.php" class="btn btn-success btn-sm" style="float: right;"><i class="fa fa-plus-circle"></i> Add Staff</a> <b style="font-size:14px;">Staff Details</b> <div class="row" style="margin: 10px 0px 10px 0px;" id="filter"> <div class="col-12 col-lg-3"> <label for="Address" class="form-label required">Category</label> <select name="category_id" id="category_id" class="form-select select2" style="font-size: 12px;" required> <option value="">All Category</option> <?php $statement = $pdo->prepare("SELECT * FROM `category` WHERE status=1"); $statement->execute(); $resultss = $statement->fetchAll(PDO::FETCH_ASSOC); foreach ($resultss as $result) { ?> <option value="<?=$result['id']?>"><?=$result['name']?></option> <?php } ?> </select> </div> <div class="col-12 col-lg-3"> <label for="Address" class="form-label required">Subcategory</label> <select name="subcategory" id="subcategory" class="form-select select2" style="font-size: 12px;" required> <option value="">Select Subcategory</option> </select> </div> <div class="col-12 col-lg-3"> <label for="Address" class="form-label required">State</label> <select name="state_id" id="state_id" class="form-select select2" style="font-size: 12px;" required> <option value="">All State</option> <?php $statement = $pdo->prepare("SELECT * FROM `state` WHERE status=1"); $statement->execute(); $resultss = $statement->fetchAll(PDO::FETCH_ASSOC); foreach ($resultss as $result) { ?> <option value="<?=$result['id']?>"><?=$result['state_name']?></option> <?php } ?> </select> </div> <div class="col-12 col-lg-3"> <label for="Address" class="form-label required">District</label> <select name="district_id" id="district_id" class="form-select select2" style="font-size: 12px;" required> </select> </div> </div> <div class="row" style="margin:10px 0px 10px 0px;" > </div> <table id="customer" style="width: 100%;" class="dataTable no-footer" role="grid" aria-describedby="DataTable_info"> <thead> <tr> <th>Action</th> <th>S.No</th> <th>Employee Name</th> <th> Contact </th> <th> Email </th> <th>Category</th> <th>SubCategory</th> <th>State</th> <th>district</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> <?php include('footer.php'); ?> <script type="text/javascript"> $(document).ready(function() { var start = moment().subtract(0, 'days'); var end = moment(); function cb(start, end) { $('#reportrange span').html(start.format('D-M-Y') + ' to ' + end.format('D-M-Y')); //if(text==''){text='Today';} //$('#reportrange span').html(text); } $('#reportrange').daterangepicker({ startDate: start, endDate: end, ranges: { 'Today': [moment(), moment()], 'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')], 'Last 7 Days': [moment().subtract(6, 'days'), moment()], 'Last 30 Days': [moment().subtract(29, 'days'), moment()], 'This Month': [moment().startOf('month'), moment().endOf('month')], 'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')], 'Last 6 Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(6, 'month').endOf('month')] } }, cb); cb(start, end); }); </script> <script> $(document).ready(function() { $('#district_id,#state_id,#category_id,#subcategory').change(function() { getData(); }); getData(); function getData(){ var district_id = $('#district_id').val(); var state_id = $('#state_id').val(); var category_id = $('#category_id').val(); var subcategory = $('#subcategory').val(); var dataTable = $('#customer').DataTable( { "processing": true, "order":[[0,'asc']], "serverSide": true, "lengthMenu": [[5,10, 25, 50, 100], [5,10, 25, 50, 100]], "destroy":true, "ajax":{ url :"data-tables/staff-dt.php", // json datasource data: {district_id:district_id,state_id:state_id,category_id:category_id,subcategory:subcategory}, type: "post", // method , by default get error: function(){ // error handling $(".example-error").html(""); $("#customer").append('<tbody class="example-error"><tr><th colspan="8" style="text-align:center;"><img src="assets/img/icon/no_orders_found.webp" style="width:200px;"><br>No data Found</th></tr></tbody>'); $("#customer").css("display","none"); } } }); } }); </script> <script> $("#state_id").change(function () { get_district(); }); $("#category_id").change(function () { get_subcategory(); }); function get_district(){ $('#district_id').empty(); var state_id = $('#state_id').val(); $.ajax({ url: 'api/get-district-api.php', type: 'post', dataType: 'json', data: {type:'get_district',state_id:state_id}, success: function (response) { console.log(response); if(response['error']==false){ var m='<option value="">All District</option>'; for(var n=0;n<response['data'].length;n++){ m+='<option value='+response['data'][n]['id']+'>'+response['data'][n]['district_name']+'</option>'; } $('#district_id').append(m); }else{ var m='<option value="">No District Found</option>'; $('#district_id').append(m); } } }); } function get_subcategory(){ $('#subcategory').empty(); var category_id = $('#category_id').val(); $.ajax({ url: 'api/get-subcategory-api.php', type: 'post', dataType: 'json', data: {type:'get_subcategory',category_id:category_id}, success: function (response) { console.log(response); if(response['error']==false){ var m='<option value="">All Subcategory</option>'; for(var n=0;n<response['data'].length;n++){ m+='<option value='+response['data'][n]['id']+'>'+response['data'][n]['name']+'</option>'; } $('#subcategory').append(m); }else{ var m='<option value="">No Subcategory Found</option>'; $('#subcategory').append(m); } } }); } </script>