2016年8月26日 星期五

Delete Modal Popup with Laravel, Bootstrap and jQuery

Delete Modal Popup with Laravel, Bootstrap and jQuery
public function index(){
$categoryList = Category::all();
return view('category.list')->with('categoryList', $categoryList);
}
<div>
@include('modal')
<table class="table table-bordered table-striped table-hover category-table" data-toggle="dataTable" data-form="deleteForm">
<thead>
<tr>
<th>Name</th>
<th>Action</th>
</tr>
</thead>
<tbody>
@foreach($categoryList as $category)
<tr>
<td>{{ $category->category_name }}</td>
<td>
<a href="{{ route('categories.edit', $category->id) }}" class="btn btn-info btn-xs">{{ trans('categories.edit') }}</a>
{!! Form::model($category, ['method' => 'delete', 'route' => ['categories.destroy', $category->id], 'class' =>'form-inline form-delete']) !!}
{!! Form::hidden('id', $category->id) !!}
{!! Form::submit(trans('categories.delete'), ['class' => 'btn btn-xs btn-danger delete', 'name' => 'delete_modal']) !!}
{!! Form::close() !!}
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
<div class="modal" id="confirm">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Delete Confirmation</h4>
</div>
<div class="modal-body">
<p>Are you sure you, want to delete?</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-sm btn-primary" id="delete-btn">Delete</button>
<button type="button" class="btn btn-sm btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
$('table[data-form="deleteForm"]').on('click', '.form-delete', function(e){
e.preventDefault();
var $form=$(this);
$('#confirm').modal({ backdrop: 'static', keyboard: false })
.on('click', '#delete-btn', function(){
$form.submit();
});
});

reference : https://gist.github.com/milon/030f12aaaf54dd178657

沒有留言:

wibiya widget