Aggiunto altri pulsanti in modalità modale

This commit is contained in:
Amministratore 2023-05-24 16:57:19 +02:00
parent e18785fddb
commit 422d6db5de
5 changed files with 439 additions and 276 deletions

74
public/js/app/auto.js vendored Normal file
View File

@ -0,0 +1,74 @@
$(document).ready(function() {
$('#automobili').DataTable({
responsive: true
});
});
$(document).on('click', '.open_modal_new', function() {
$('#myModal_new').modal('show');
// $('.modal-title').append(' entrata');
$('#form').attr('action', 'auto/new');
$('#targa').val('');
$('#marca').val('');
$('#modello').val('');
$('#cilindrata').val('');
$('#alimentazione').val('');
$('#cvfiscali').val('');
$('#ntelaio').val('');
$('#nmotore').val('');
$('#data_acquisto').val('');
$('#note').val('');
});
$(document).on('click', '.open_modal_modify', function() {
var url = "auto/getAuto";
var riga_id = $(this).val();
$.getJSON(url + '/' + riga_id, function(data) {
$('.modal-title').text('Modifica Automobile');
// $('#id').val(data.mov_data);
$('#targa').val(data.targa);
$('#marca').val(data.marca);
$('#modello').val(data.modello);
$('#cilindrata').val(data.cilindrata);
$('#alimentazione').val(data.alimentazione);
$('#cvfiscali').val(data.cvfiscali);
$('#ntelaio').val(data.ntelaio);
$('#nmotore').val(data.nmotore);
$('#data_acquisto').val(data.data_acquisto);
$('#note').val(data.note);
$('#myModal_new').modal('show');
// $('.panel-heading').text('Modifica movimento');
$('#form').attr('action', 'auto/modify');
$('#form').append('<input type="hidden" name="id" value="' + riga_id + '">');
});
});
$(document).on('click', '.open_modal_rifornimento', function() {
var riga_id = $(this).val();
$('#form_rifornimento').attr('action', 'auto/rifornimento');
$('#form_rifornimento').append('<input type="hidden" name=""type" value="rifornimento">');
$('#form_rifornimento').append('<input type="hidden" name="auto" value="' + riga_id + '">');
$('#myModal_rifornimento').modal('show');
});
$(document).on('click', '.open_modal_revisione', function() {
var riga_id = $(this).val();
console.log('click su openmodal_revisione'+riga_id);
$('#myModal_revisione').modal('show');
$('#form_revisione').attr('action', 'auto/revisione');
$('#form_revisione').append('<input type="hidden" name="type" value="revisione">');
$('#form_revisione').append('<input type="hidden" name="auto" value="' + riga_id + '">');
});
$(document).on('click', '.open_modal_manutenzione', function() {
var riga_id = $(this).val();
console.log('click su open_modal_manutenzione '+ riga_id);
$('#myModal_manutenzione').modal('show');
$('#form_manutenzione').attr('action', 'auto/manutenzione');
$('#form_manutenzione').append('<input type="hidden" name="type" value="manutenzione">');
$('#form_manutenzione').append('<input type="hidden" name="auto" value="' + riga_id + '">');
});

57
public/js/app/movimenti.js vendored Normal file
View File

@ -0,0 +1,57 @@
$(document).ready(function() {
$('#listamovimenti').DataTable({
"responsive": true,
"order": [[0, "desc"]]
});
$(document).on('click', '.open_modal_spesa', function() {
$('#myModal').modal('show');
$('.modal-title').append(' spesa');
$('#form').attr('action', 'movimentis');
});
$(document).on('click', '.open_modal_entrata', function() {
$('#myModal').modal('show');
$('.modal-title').append(' entrata');
$('#form').attr('action', 'movimentie');
});
$(document).on('click', '.open_modal_modifica', function() {
var url = "movmodify";
var riga_id = $(this).val();
$.getJSON(url + '/' + riga_id, function(data) {
// success data
console.log(data[0]);
$('.modal-title').text('Modifica movimento');
$('#data').val(data[0].mov_data);
$('#descrizione').val(data[0].mov_descrizione);
$('#importo').val(data[0].mov_importo);
$('#tags')
.find('option:contains(' + data[0].tag_name + ')')
.prop('selected', true)
.trigger('change');
$('#categoria')
.find('option:contains(' + data[0].cat_name + ')')
.prop('selected', true)
.trigger('change');
$('#myModal').modal('show');
// $('.panel-heading').text('Modifica movimento');
$('#form').attr('action', '/admin/movmodify');
$('#form').append('<input type="hidden" name="id" value="' + riga_id + '">');
});
});
$.getJSON("service/catlist", {}, function(data) {
$.each(data, function(i, item) {
$("select[name='mov_fk_categoria']").append(
new Option(item.cat_name, item.id)
)
}
);
});
$.getJSON("service/taglist", {}, function(data) {
$.each(data, function(i, item) {
$("select[name='mov_fk_tags']").append(
new Option(item.tag_name, item.id)
)
}
);
});
});

1
public/js/jquery.min.map Normal file

File diff suppressed because one or more lines are too long

View File

@ -1,165 +1,174 @@
@extends('admin') @extends('admin') @section('head_additional')
@section('head_additional') <link rel="stylesheet"
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" /> href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
@endsection @endsection @section('content')
@section('content')
<div class="row"> <div class="row">
<div class="col-lg-12"> <div class="col-lg-12">
<h1 class="page-header">Lista Automobili</h1> <h1 class="page-header">Lista Automobili</h1>
</div>
</div>
<div class="container">
<!-- Content here -->
<div class="row">
<div class="col-sx-12">
<a class="btn btn-primary open_modal_new"><i class="fa fa-pencil-square-o fw"></i></a>
</div>
</div>
<div class="row">
<div class="col-lg-12">
<div class="panel panel-default">
<div class="panel-heading">
Lista delle automobili
</div>
<div class="panel-body">
<div class="table-responsive">
<table class="table table-striped table-bordered table-hover" id="automobili">
<thead>
<tr>
<th>Marca</th>
<th>Modello</th>
<th>Targa</th>
<th>Operazioni</th>
<th>Edit</th>
</tr>
</thead>
<tbody>
@foreach($automobili ?? '' as $automobile)
<tr>
<td><a href="auto/detail?id={{ $automobile->id }}">{{ $automobile->marca; }}</a></td>
<td>{{ $automobile->modello; }}</td>
<td>{{ $automobile->targa; }}</td>
<td>
<button class="btn btn-primary open_modal_rifornimento" value="{{ $automobile->id; }}"><span class="material-symbols-outlined">local_gas_station</span></button>&nbsp;
<a class="btn btn-primary" href="auto/revisione?id={{ $automobile->id; }}"><span class="material-symbols-outlined">
checklist
</span></a>&nbsp;
<a class="btn btn-primary" href="auto/manutenzione?id={{ $automobile->id; }}"><span class="material-symbols-outlined">
plumbing
</span></a>&nbsp;
<a class="btn btn-primary" href="auto/accessori?id={{ $automobile->id; }}"><span class="material-symbols-outlined">
park
</span></a>&nbsp;
</td>
<td>
<button class="btn btn-primary open_modal_modify" value="{{ $automobile->id; }}"><i class="fa fa-pencil-square-o fw"></i></button>&nbsp;
<a class="btn btn-danger" href="auto/delete?id={{ $automobile->id; }}"><i class="fa fa-trash-o fa-fw"></i></a>&nbsp;
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
</div> </div>
</div> </div>
</div> <div class="container">
<!-- Content here -->
<div class="row">
<div class="col-sx-12">
<a class="btn btn-primary open_modal_new"><i
class="fa fa-pencil-square-o fw"></i></a>
</div>
</div> </div>
<!-- MODAL AUTO-->
<div class="modal fade" id="myModal_new" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Inserisci Auto</h5>
</div>
<div class="modal-body">
<div class="row">
<div class="col-md-8">
<form action="" method="POST" id="form">
@csrf
<div class="row">
<div class="col-xs-6">
<label for="marca" class="form-label">Marca</label> <input
type="text" class="form-control" id="marca" name="marca">
</div>
<div class="col-xs-6">
<label for="modello" class="form-label">Modello</label> <input
type="text" class="form-control" id="modello" name="modello">
</div>
</div>
<div class="row">
<div class="col-xs-6">
<label for="targa" class="form-label">Targa</label> <input
type="text" class="form-control" id="targa" name="targa">
</div>
<div class="col-xs-6">
<label for="alimentazione" class="form-label">Alimentazione</label>
<input type="text" class="form-control" id="alimentazione"
name="alimentazione">
</div>
</div>
<div class="row">
<div class="col-xs-6">
<label for="cilindrata" class="form-label">Cilindrata</label>
<input type="text" class="form-control" id="cilindrata"
name="cilindrata">
</div>
<div class="col-xs-6">
<label for="cvfiscali" class="form-label">Cavalli Fiscali</label>
<input type="text" class="form-control" id="cvfiscali"
name="cvfiscali">
</div>
</div>
<div class="row">
<div class="col-xs-6">
<label for="ntelaio" class="form-label">Num. Telaio</label> <input
type="text" class="form-control" id="ntelaio" name="ntelaio">
</div>
<div class="col-xs-6">
<label for="nmotore" class="form-label">Num. Motore</label> <input
type="text" class="form-control" id="nmotore" name="nmotore">
</div>
</div>
<div class="row">
<div class="col-xs-6">
<label for="data_acquisto" class="form-label">Data di Acquisto</label>
<input type="date" class="form-control" id="data_acquisto"
name="data_acquisto">
</div>
<div class="col-xs-6">
<label for="note" class="form-label">Note</label> <input
type="text" class="form-control" id="note" name="note">
</div>
</div>
</div> <div class="row">
<div class="col-lg-12">
<div class="panel panel-default">
<div class="panel-heading">Lista delle automobili</div>
<div class="panel-body">
<div class="table-responsive">
<table class="table table-striped table-bordered table-hover"
id="automobili">
<thead>
<tr>
<th>Marca</th>
<th>Modello</th>
<th>Targa</th>
<th>Operazioni</th>
<th>Edit</th>
</tr>
</thead>
<tbody>
@foreach($automobili ?? '' as $automobile)
<tr>
<td><a href="auto/detail?id={{ $automobile->id }}">{{
$automobile->marca; }}</a></td>
<td>{{ $automobile->modello; }}</td>
<td>{{ $automobile->targa; }}</td>
<td>
<button class="btn btn-primary open_modal_rifornimento"
value="{{ $automobile->id; }}">
<span class="material-symbols-outlined">local_gas_station</span>
</button>&nbsp;
<button class="btn btn-primary open_modal_revisione"
value="{{ $automobile->id; }}">
<span class="material-symbols-outlined"> checklist </span>
</button>&nbsp;
<button class="btn btn-primary open_modal_manutenzione"
value="{{ $automobile->id; }}">
<span class="material-symbols-outlined"> plumbing </span>
</button>&nbsp; <a class="btn btn-primary"
href="auto/accessori?id={{ $automobile->id; }}"><span
class="material-symbols-outlined"> park </span></a>&nbsp;
</td>
<td>
<button class="btn btn-primary open_modal_modify"
value="{{ $automobile->id; }}">
<i class="fa fa-pencil-square-o fw"></i>
</button>&nbsp; <a class="btn btn-danger"
href="auto/delete?id={{ $automobile->id; }}"><i
class="fa fa-trash-o fa-fw"></i></a>&nbsp;
</td>
</tr>
@endforeach
</tbody>
</table>
</div> </div>
</div> </div>
<div class="modal-footer">
<button type="submit" class="btn btn-primary">Submit</button>
</div>
</form>
</div>
</div> </div>
</div> </div>
</div>
<!-- /MODAL --> </div>
<!-- MODAL AUTO-->
<!-- MODAL Rifornimento --> <div class="modal fade" id="myModal_new" tabindex="-1" role="dialog"
<div class="modal fade" id="myModal_rifornimento" tabindex="-1" aria-labelledby="myModalLabel" aria-hidden="true">
role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document"> <div class="modal-dialog" role="document">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<h5 class="modal-title">Rifornimento auto</h5> <h5 class="modal-title">Inserisci Auto</h5>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<form action="" method="POST" id="form_rifornimento"> <div class="row">
<div class="col-md-8">
<form action="" method="POST" id="form">
@csrf
<div class="row">
<div class="col-xs-6">
<label for="marca" class="form-label">Marca</label> <input
type="text" class="form-control" id="marca" name="marca">
</div>
<div class="col-xs-6">
<label for="modello" class="form-label">Modello</label> <input
type="text" class="form-control" id="modello" name="modello">
</div>
</div>
<div class="row">
<div class="col-xs-6">
<label for="targa" class="form-label">Targa</label> <input
type="text" class="form-control" id="targa" name="targa">
</div>
<div class="col-xs-6">
<label for="alimentazione" class="form-label">Alimentazione</label>
<input type="text" class="form-control" id="alimentazione"
name="alimentazione">
</div>
</div>
<div class="row">
<div class="col-xs-6">
<label for="cilindrata" class="form-label">Cilindrata</label> <input
type="text" class="form-control" id="cilindrata"
name="cilindrata">
</div>
<div class="col-xs-6">
<label for="cvfiscali" class="form-label">Cavalli Fiscali</label>
<input type="text" class="form-control" id="cvfiscali"
name="cvfiscali">
</div>
</div>
<div class="row">
<div class="col-xs-6">
<label for="ntelaio" class="form-label">Num. Telaio</label> <input
type="text" class="form-control" id="ntelaio" name="ntelaio">
</div>
<div class="col-xs-6">
<label for="nmotore" class="form-label">Num. Motore</label> <input
type="text" class="form-control" id="nmotore" name="nmotore">
</div>
</div>
<div class="row">
<div class="col-xs-6">
<label for="data_acquisto" class="form-label">Data di Acquisto</label>
<input type="date" class="form-control" id="data_acquisto"
name="data_acquisto">
</div>
<div class="col-xs-6">
<label for="note" class="form-label">Note</label> <input
type="text" class="form-control" id="note" name="note">
</div>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-primary">Submit</button>
</div>
</form>
</div>
</div>
</div>
<!-- /MODAL -->
<!-- MODAL Rifornimento -->
<div class="modal fade" id="myModal_rifornimento" tabindex="-1"
role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<form action="" method="POST" id="form_rifornimento">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Rifornimento auto</h5>
</div>
<div class="modal-body">
@csrf @csrf
<div class="row"> <div class="row">
<div class="col-xs-6"> <div class="col-xs-6">
@ -201,79 +210,158 @@ park
name="inMovimenti"> name="inMovimenti">
</div> </div>
</div> </div>
<div class="modal-footer"> </div>
<div class="row"> <div class="modal-footer">
<div class="col-xs-12"> <div class="row">
<input type="hidden" name="type" value="rifornimento"> <div class="col-xs-12">
<button type="submit" id="submit" class="btn btn-primary">Submit</button> <input type="hidden" name="type" value="rifornimento">
</div> <button type="submit" id="submit" class="btn btn-primary">Submit</button>
</div> </div>
</div>
</form>
</div>
</div> </div>
</div> </div>
</div> </form>
</div> </div>
<!-- /MODAL Rifornimento --> <!-- /MODAL Rifornimento -->
<!-- /.col-lg-12 --> <!-- MODAL Revisione -->
<div class="modal fade" id="myModal_revisione" tabindex="-1"
role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<form action="" method="POST" id="form_revisione">
<!-- Form -->
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Revisione auto</h5>
</div>
<div class="modal-body">
@csrf
<div class="row">
<div class="col-xs-6">
<label for="data" class="form-label">Data</label> <input
type="date" class="form-control" id="data" name="data"
value="{{ date('Y-m-d');}}">
</div>
<div class="col-xs-6">
<label for="km" class="form-label">Km</label> <input type="text"
class="form-control" id="km" name="km">
</div>
</div>
<div class="row">
<div class="col-xs-6">
<label for="importo" class="form-label">Importo totale</label> <input
type="text" class="form-control" id="importo" name="importo">
</div>
<div class="col-xs-6">
<label for="descrizione" class="form-label">Descrizione</label> <input
type="text" class="form-control" id="descrizione"
name="descrizione">
</div>
</div>
<div class="row">
<div class="col-xs-6">
<label for="centrorevisione" class="form-label">Centro Revisione</label>
<input type="text" class="form-control" id="centrorevisione"
name="centrorevisione">
</div>
<div class="col-xs-6">
<label for="superata" class="form-label">Revisione superata</label>
<input type="radio" id="superata" name="superata" value="1"
checked> Superata <input type="radio" id="superata"
name="superata" value="0"> Non superata
</div>
</div>
<div class="row">
<div class="col-xs-12">
<label for="dataproxrevisione" class="form-label">Data prossima
revisione</label> <input type="date" class="form-control"
id="dataproxrevisione" name="dataproxrevisione">
</div>
</div>
<div class="row">
<div class="col-xs-6">
<label for="inMovimenti" class="form-label">Inserire nei
movimenti?</label> <input type="checkbox" id="inMovimenti"
name="inMovimenti">
</div>
</div>
</div>
<div class="modal-footer">
<div class="row">
<div class="col-xs-12">
<button type="submit" class="btn btn-primary">Inserisci</button>
</div>
</div>
</form>
</div>
<!-- MODAL Revisione -->
<!-- MODAL Manutenzione -->
<div class="modal fade" id="myModal_manutenzione" tabindex="-1"
role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<form action="" method="POST" id="form_manutenzione">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Revisione auto</h5>
</div>
<div class="modal-body">
@csrf
<div class="row">
<div class="col-xs-6">
<label for="data" class="form-label">Data</label> <input
type="date" class="form-control" id="data" name="data"
value="{{ date('Y-m-d');}}">
</div>
<div class="col-xs-6">
<label for="km" class="form-label">Km</label> <input type="text"
class="form-control" id="km" name="km">
</div>
</div>
<div class="row">
<div class="col-xs-6">
<label for="importo" class="form-label">Importo totale</label> <input
type="text" class="form-control" id="importo" name="importo">
</div>
<div class="col-xs-6">
<label for="descrizione" class="form-label">Descrizione</label> <input
type="text" class="form-control" id="descrizione"
name="descrizione">
</div>
</div>
<div class="row">
<div class="col-xs-6">
<label for="inMovimenti" class="form-label">Inserire nei
movimenti?</label> <input type="checkbox" id="inMovimenti"
name="inMovimenti">
</div>
</div>
</div>
<div class="modal-footer">
<div class="row">
<div class="col-xs-12">
<button type="submit" class="btn btn-primary">Submit</button>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
<!-- /MODAL Manutenzione -->
<!-- /.col-lg-12 -->
@endsection @section('script')
<script src="/js/app/auto.js"></script>
@endsection @endsection
@section('script')
<script>
$(document).ready(function() {
$('#automobili').DataTable({
responsive: true
});
});
$(document).on('click','.open_modal_new',function(){
$('#myModal_new').modal('show');
// $('.modal-title').append(' entrata');
$('#form').attr('action','auto/new');
$('#targa').val('');
$('#marca').val('');
$('#modello').val('');
$('#cilindrata').val('');
$('#alimentazione').val('');
$('#cvfiscali').val('');
$('#ntelaio').val('');
$('#nmotore').val('');
$('#data_acquisto').val('');
$('#note').val('');
});
$(document).on('click','.open_modal_modify',function(){
var url = "auto/getAuto";
var riga_id= $(this).val();
$.getJSON(url + '/' + riga_id, function (data) {
$('.modal-title').text('Modifica Automobile');
// $('#id').val(data.mov_data);
$('#targa').val(data.targa);
$('#marca').val(data.marca);
$('#modello').val(data.modello);
$('#cilindrata').val(data.cilindrata);
$('#alimentazione').val(data.alimentazione);
$('#cvfiscali').val(data.cvfiscali);
$('#ntelaio').val(data.ntelaio);
$('#nmotore').val(data.nmotore);
$('#data_acquisto').val(data.data_acquisto);
$('#note').val(data.note);
$('#myModal_new').modal('show');
// $('.panel-heading').text('Modifica movimento');
$('#form').attr('action','auto/modify');
$('#form').append('<input type="hidden" name="id" value="' + riga_id +'">');
});
});
$(document).on('click','.open_modal_rifornimento',function(){
var riga_id= $(this).val();
$('#form_rifornimento').attr('action','auto/rifornimento');
$('#form_rifornimento').append('<input type="hidden" name=""type" value="rifornimento">');
$('#form_rifornimento').append('<input type="hidden" name="auto" value="' + riga_id +'">');
$('#myModal_rifornimento').modal('show');
});
</script>
@endsection

View File

@ -129,64 +129,7 @@
@endsection @endsection
@section('script') @section('script')
<script> <script src="/js/app/movimenti.js"></script>
$(document).ready(function() {
$('#listamovimenti').DataTable({
"responsive": true,
"order": [[0,"desc"]]
});
$(document).on('click','.open_modal_spesa',function(){
$('#myModal').modal('show');
$('.modal-title').append(' spesa');
$('#form').attr('action','movimentis');
});
$(document).on('click','.open_modal_entrata',function(){
$('#myModal').modal('show');
$('.modal-title').append(' entrata');
$('#form').attr('action','movimentie');
});
$(document).on('click','.open_modal_modifica',function(){
var url = "movmodify";
var riga_id= $(this).val();
$.getJSON(url + '/' + riga_id, function (data) {
// success data
console.log(data[0]);
$('.modal-title').text('Modifica movimento');
$('#data').val(data[0].mov_data);
$('#descrizione').val(data[0].mov_descrizione);
$('#importo').val(data[0].mov_importo);
$('#tags')
.find('option:contains('+ data[0].tag_name +')')
.prop('selected',true)
.trigger('change');
$('#categoria')
.find('option:contains('+ data[0].cat_name +')')
.prop('selected',true)
.trigger('change');
$('#myModal').modal('show');
// $('.panel-heading').text('Modifica movimento');
$('#form').attr('action','/admin/movmodify');
$('#form').append('<input type="hidden" name="id" value="' + riga_id +'">');
});
});
$.getJSON("service/catlist",{},function(data){
$.each(data,function(i,item){
$("select[name='mov_fk_categoria']").append(
new Option(item.cat_name,item.id)
)}
);
});
$.getJSON("service/taglist",{},function(data){
$.each(data,function(i,item){
$("select[name='mov_fk_tags']").append(
new Option(item.tag_name,item.id)
)}
);
});
});
</script>
@endsection @endsection