ok
Direktori : /home2/selectio/www/y1jobportal.in/admin/ |
Current File : /home2/selectio/www/y1jobportal.in/admin/state.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 class="btn btn-success btn-sm" style="float: right;" data-bs-toggle="modal" data-bs-target="#exampleVerticallycenteredModal"><i class="fa fa-plus-circle"></i> Add New State</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>State Name</th> <th>District Counts</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 state_id = $('#state_id').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/state-data-table.php', data: {status:status,state_id:state_id}, type: 'post', error: function(){ $('.example-error').html(''); $('#DataTable').css('display','none'); } } });"; ?> $(document).ready(function() { getData(); function getData(){ <?=$data_table?> } $('#status,#state_id').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:'soft_delete',delete_id:id,table:'district'}, success: function(response) { console.log(response); emp_datas(); } }); } } function emp_datas(){ <?=$data_table?> } /***********************************/ </script> <script> function custom_view(file_name,id){ $('#new_con').empty(); $('#'+id).load("ui-pages/orders/"+file_name+".php"); } </script> <?php include('footer.php'); ?> <script> $(document).ready(function(){ $('#filter').hide(); $('.filter').click(function(){ $("#filter").slideToggle(); return false; }); }); $('#form_details').on('submit', function(e){ e.preventDefault(); console.log("Form Submitted Successfully !!!") $('#loading-div').show(); $('#content-div').hide(); $('.btn-close').trigger('click'); var formData = new FormData(this); formData.append('type', 'add_state'); $.ajax({ url: 'apis/state.php', type: 'post', dataType: 'json', data: formData, cache: false, contentType: false, processData: false, enctype: 'multipart/form-data', success: function (response) { if(response['status']==200){ success(response['message']); $('#loading-div').hide(); $('#form_details').trigger("reset"); $('#success-div').show(); window.location.reload(true); }else{ warning(response['message']); $('#loading-div').hide(); $('#content-div').show(); $('#exampleVerticallycenteredModal').modal('show'); } } }); }); </script> <!-- Modal Starts Here --> <div class="modal fade" id="exampleVerticallycenteredModal" tabindex="-1" aria-hidden="true"> <div class=" modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">Create New State</h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <form id="form_details" method="post"> <div class="row" style="margin-top: 10px;" id="content-div"> <div class="col-lg-12"> <div class="" style="margin: 0px 10px 0px 10px;"> <div class="card-body"> <div class="row"> <div class="col-md-12"> <div class="form-group"> <label class="required pb-1" for="name">Name</label> <input type="text" name="name" value="" placeholder="Enter the State Name" class="form-control tip" id="name" required="required" /> </div> </div> <div class="col-md-12 p-2"> <div class="col text-center" style="margin-top: 20px;"> <button type="submit" id="submit" class="btn btn-primary px-5">Save Details</button> </div> </div> </div> </div> </div> </div> </div> </form> </div> </div> </div> <!-- Modal Endsss Here -->