Modifica sistema di editazione di una categoria con popup modale
This commit is contained in:
@@ -39,7 +39,7 @@
|
||||
<tr>
|
||||
<td><a href="movimenti/report/movimentibycat?cat={{ $categoria->id }}">{{ $categoria->cat_name; }}</a></td>
|
||||
<td>
|
||||
<a class="btn btn-primary" href="/admin/catmodify?id={{ $categoria->id; }}"><i class="fa fa-pencil-square-o fw"></i></a>
|
||||
<button class="btn btn-warning btn-detail open_modal" value="{{$categoria->id}}">Edit</button>
|
||||
<a class="btn btn-danger" href="/admin/catdelete?id={{ $categoria->id; }}"><i class="fa fa-trash-o fa-fw"></i></a>
|
||||
</td>
|
||||
</tr>
|
||||
@@ -52,7 +52,39 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<h1 class="page-header">Categorie</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="panel panel-default">
|
||||
<div class="panel-heading">Modifica categorie</div>
|
||||
<div class="panel-body">
|
||||
<form action="catmodify" method="POST">
|
||||
@foreach($categorie as $categoria) @csrf
|
||||
<div class="mb-3">
|
||||
<label for="categoria" class="form-label">Categoria</label> <input
|
||||
type="text" class="form-control" id="categoria" size="50"
|
||||
name="cat_name" value="{{ $categoria->cat_name }}">
|
||||
</div>
|
||||
<input type="hidden" name="id" id="id" value="{{ $_GET['id']; }}">
|
||||
|
||||
<button type="submit" class="btn btn-primary">Submit</button>
|
||||
|
||||
@endforeach
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.col-lg-12 -->
|
||||
|
||||
@endsection
|
||||
@@ -63,6 +95,19 @@
|
||||
$('#categorie').DataTable({
|
||||
responsive: true
|
||||
});
|
||||
|
||||
$(document).on('click','.open_modal',function(){
|
||||
var url = "catmodify";
|
||||
var riga_id= $(this).val();
|
||||
$.get(url + '/' + riga_id, function (data) {
|
||||
//success data
|
||||
console.log(data);
|
||||
console.log(data[0].descrizione);
|
||||
$('#categoria').val(data[0].cat_name);
|
||||
$('#id').val(data[0].id);
|
||||
$('#myModal').modal('show');
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
@endsection
|
||||
|
||||
Reference in New Issue
Block a user