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

(JQUERY) aggiunto effetti di nascondimento a form e settagli progetto

Browse Source
This commit is contained in:
Amministratore 2023-05-03 21:34:39 +02:00
parent 4e5cd6bc29
commit 62566f28f4
1 changed files with 25 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
resources/views/progetti/dettaglio.blade.php
View File

@ -2,7 +2,7 @@
@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 Progetti</h1> <h1 class="page-header">Dettaglio Progetto</h1>
</div> </div>
</div> </div>
<div class="container"> <div class="container">
@ -16,21 +16,21 @@
<div class="row"> <div class="row">
<div class="col-xs-10"> <div class="col-xs-10">
<div class="panel panel-default"> <div class="panel panel-default">
<div class="panel-heading"> <div class="panel-heading" id="dettaglio">
Dettaglio Progetto Dettaglio Progetto
</div> </div>
<div class="panel-body"> <div class="panel-body">
@foreach($dettaglio ?? '' as $progetto) @foreach($dettaglio ?? '' as $progetto)
<div class="row"> <div class="row">
<div class="col-xs-2"> <div class="col-xs-2">
Nome Nome:
</div> </div>
<div class="col-xs-8"> <div class="col-xs-8">
<b>{{ $progetto->nome; }}</b> <b>{{ $progetto->nome; }}</b>
</div> </div>
</div> </div>
<div class="row"> <div class="row" hidable="">
<div class="col-xs-2"> <div class="col-xs-2">
Descrizione Descrizione
</div> </div>
@ -38,7 +38,7 @@
<b>{{ $progetto->descrizione; }}</b> <b>{{ $progetto->descrizione; }}</b>
</div> </div>
</div> </div>
<div class="row"> <div class="row" hidable="">
<div class="col-xs-2"> <div class="col-xs-2">
Data Inizio Data Inizio
</div> </div>
@ -52,7 +52,7 @@
<b>{{ date('d/m/Y',strtotime($progetto->data_fine)) }}</b> <b>{{ date('d/m/Y',strtotime($progetto->data_fine)) }}</b>
</div> </div>
</div> </div>
<div class="row"> <div class="row" hidable="">
<div class="col-xs-2"> <div class="col-xs-2">
Stato Stato
</div> </div>
@ -66,7 +66,7 @@
<b>{{ date('d/m/Y',strtotime($progetto->data_creazione)) }}</b> <b>{{ date('d/m/Y',strtotime($progetto->data_creazione)) }}</b>
</div> </div>
</div> </div>
<div class="row"> <div class="row" hidable="">
<div class="col-xs-2"> <div class="col-xs-2">
Budget Budget
</div> </div>
@ -80,7 +80,7 @@
<b>{{ $progetto->name }}</b> <b>{{ $progetto->name }}</b>
</div> </div>
</div> </div>
<div class="row"> <div class="row" hidable="">
<div class="col-xs-2"> <div class="col-xs-2">
Note Note
</div> </div>
@ -98,10 +98,10 @@
<div class="row"> <div class="row">
<div class="col-xs-10"> <div class="col-xs-10">
<div class="panel panel-default"> <div class="panel panel-default">
<div class="panel-heading"> <div class="panel-heading" id="form">
Inserisci riga Inserisci riga (click show/hide)
</div> </div>
<div class="panel-body"> <div class="panel-body" >
<form method="POST"> <form method="POST">
<div class="row"> <div class="row">
@csrf @csrf
@ -109,10 +109,10 @@
<!-- Form per task con jquery e aggiunta righe automatica --> <!-- Form per task con jquery e aggiunta righe automatica -->
<label for="tdata" class="form-label">data:</label> <label for="tdata" class="form-label">data:</label>
<input type="date" name="tdata" class="form-control" id="tdata"> <input type="date" name="tdata" class="form-control" id="tdata" value="{{ date('Y-m-d') }}">
</div> </div>
<div class="col-xs-6"> <div class="col-xs-5">
<!-- Form per task con jquery e aggiunta righe automatica --> <!-- Form per task con jquery e aggiunta righe automatica -->
<label for="desc" class="form-label">descrizione:</label> <label for="desc" class="form-label">descrizione:</label>
@ -131,6 +131,10 @@
<input type="text" name="ore" class="form-control" id="ore"> <input type="text" name="ore" class="form-control" id="ore">
</div> </div>
<div class="col-xs-1">
<input type="submit" name="Submit" class="form-control" >
</div>
</div> </div>
</form> </form>
@ -148,6 +152,14 @@
$('#tab_progetti').DataTable({ $('#tab_progetti').DataTable({
responsive: true responsive: true
}); });
$('#form').click(function(){
$('form').toggle();
});
$("#dettaglio").click(function(){
$("[hidable]").toggle(500);
});
}); });
</script> </script>
@endsection @endsection