first commit
This commit is contained in:
112
resources/views/config/country/index.blade.php
Normal file
112
resources/views/config/country/index.blade.php
Normal file
@ -0,0 +1,112 @@
|
||||
@extends('layouts.admin.admin')
|
||||
|
||||
@section('page-specific-styles')
|
||||
<link rel="stylesheet" href="{{ asset('css/jquery.dataTables.min.css') }}">
|
||||
<link rel="stylesheet" href="{{ asset('css/TableTools.min.css') }}" />
|
||||
<link rel="stylesheet" href="{{ asset('css/lightbox.css') }}" />
|
||||
<link href="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.6.1/css/bootstrap4-toggle.min.css" rel="stylesheet">
|
||||
|
||||
@endsection
|
||||
|
||||
@section('title', 'Countries')
|
||||
|
||||
@section('content')
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
<div class="d-flex">
|
||||
<header class="text-capitalize pt-1">Countries</header>
|
||||
|
||||
</div>
|
||||
<div class="card mt-2 p-4">
|
||||
<table id="datatable" class="table table-bordered">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>ID</th>
|
||||
<th>S.No.</th>
|
||||
<th>Name of the Country</th>
|
||||
<th>Country Code</th>
|
||||
<th>Phone Code</th>
|
||||
<th>Status</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody></tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
|
||||
@section('page-specific-scripts')
|
||||
<script src="{{ asset('js/datatables.min.js') }}"></script>
|
||||
<script src="https://cdn.jsdelivr.net/gh/gitbrent/bootstrap4-toggle@3.6.1/js/bootstrap4-toggle.min.js"></script>
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
|
||||
setTimeout(() => {
|
||||
$('#response_messsage').hide();
|
||||
}, 3000);
|
||||
|
||||
$('#datatable').DataTable({
|
||||
"processing": true,
|
||||
"serverSide": true,
|
||||
"ajax": '{{ route('countries.data') }}',
|
||||
|
||||
dom: 'Bfrtip',
|
||||
buttons: [{
|
||||
extend: 'excel',
|
||||
text: 'Export Search Results',
|
||||
className: 'btn btn-default',
|
||||
exportOptions: {
|
||||
columns: 'th:not(:last-child)'
|
||||
}
|
||||
}],
|
||||
"columns": [{
|
||||
"data": "id",
|
||||
'visible': false
|
||||
},
|
||||
{
|
||||
"data": "DT_RowIndex",
|
||||
orderable: false,
|
||||
searchable: false
|
||||
},
|
||||
{
|
||||
"data": "country_name"
|
||||
},
|
||||
{
|
||||
"data": "country_code"
|
||||
},
|
||||
{
|
||||
"data": "phone_code"
|
||||
},
|
||||
{
|
||||
"data": "status",
|
||||
},
|
||||
],
|
||||
order: [
|
||||
[2, 'asc']
|
||||
]
|
||||
});
|
||||
});
|
||||
|
||||
$(document).ready(function(){
|
||||
$(document).on('change','.status_switch',function(){
|
||||
var status = $(this).prop('checked') == true ? 1 : 0;
|
||||
var country_id = $(this).data('id');
|
||||
// alert(country_id);
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
url: "{{route('countries.change_status')}}",
|
||||
data:{
|
||||
'status': status,
|
||||
'country_id': country_id
|
||||
},
|
||||
dataType: 'json',
|
||||
success: function(response){
|
||||
console.log('Status Changed');
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endsection
|
Reference in New Issue
Block a user