fbarachino/bubofamily
1
1
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects 1 Releases 1 Wiki Activity

Aggiunto altri pulsanti in modalità modale

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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
View File

File diff suppressed because one or more lines are too long

264
resources/views/auto/list.blade.php
View File

@ -1,8 +1,7 @@
@extends('admin')
@section('head_additional')
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
@endsection
@section('content')
@extends('admin') @section('head_additional')
<link rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
@endsection @section('content')
<div class="row">
<div class="col-lg-12">
<h1 class="page-header">Lista Automobili</h1>
@ -12,20 +11,20 @@
<!-- 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>
<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-heading">Lista delle automobili</div>
<div class="panel-body">
<div class="table-responsive">
<table class="table table-striped table-bordered table-hover" id="automobili">
<table class="table table-striped table-bordered table-hover"
id="automobili">
<thead>
<tr>
@ -39,24 +38,33 @@
<tbody>
@foreach($automobili ?? '' as $automobile)
<tr>
<td><a href="auto/detail?id={{ $automobile->id }}">{{ $automobile->marca; }}</a></td>
<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;
<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;
<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
@ -105,8 +113,8 @@ park
</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"
<label for="cilindrata" class="form-label">Cilindrata</label> <input
type="text" class="form-control" id="cilindrata"
name="cilindrata">
</div>
<div class="col-xs-6">
@ -153,13 +161,14 @@ park
<!-- 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">
<form action="" method="POST" id="form_rifornimento">
@csrf
<div class="row">
<div class="col-xs-6">
@ -201,6 +210,7 @@ park
name="inMovimenti">
</div>
</div>
</div>
<div class="modal-footer">
<div class="row">
<div class="col-xs-12">
@ -209,71 +219,149 @@ park
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- /MODAL Rifornimento -->
<!-- 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>
$(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 @section('script')
<script src="/js/app/auto.js"></script>
@endsection

59
resources/views/conti/movimenti/list.blade.php
View File

@ -129,64 +129,7 @@
@endsection
@section('script')
<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>
<script src="/js/app/movimenti.js"></script>
@endsection