Add ItemCategory form

This commit is contained in:
Mathieu Lagace
2019-08-28 12:57:51 -04:00
parent caf44ba58a
commit d01bf2fca7
12 changed files with 437 additions and 64 deletions

View File

@@ -8,7 +8,10 @@
</a></strong>
</div>
<div class="card-body">
<a name="add" id="add" class="btn btn-primary btn-block" href="/admin/item/add" role="button">Ajouter un item a l'inventaire</a>
<div class="btn-group btn-block">
<a name="add" id="add" class="btn btn-primary btn-block" href="/admin/item/add" role="button">Ajouter un item</a>
<a name="add" id="add" class="btn btn-outline-primary btn-block" href="/admin/item/add" role="button">Réserver un item</a>
</div>
<hr>
<table id="log-data" class="table table-striped table-bordered">
<thead>
@@ -16,6 +19,8 @@
<th>#</th>
<th>Nom</th>
<th>Categorie</th>
<th>Quantité Total</th>
<th>Quantité Disponible</th>
<th>Description</th>
<th>Action</th>
</tr>
@@ -26,6 +31,8 @@
<td>{{$item->official_number}}</td>
<td>{{$item->name}}</td>
<td>{{$item->category()->name}}</td>
<td>{{$item->quantity}}</td>
<td>{{$item->available()}}</td>
<td>{!! $item->desc !!}</td>
<td style="width: 12%;">
<div class="btn-group">

View File

@@ -0,0 +1,42 @@
@extends('layouts.admin.main')
@section('content')
<div class="col-md-12">
<div class="card">
<div class="card-header">
<strong class="card-title">Gestion de l'inventaire <a href="#"><i class="fa fa-question-circle" aria-hidden="true"></i>
</a></strong>
</div>
<div class="card-body">
<div class="row">
<div class="col-md-6">
<div class="card">
<div class="card-header card-header-primary">
<h4 class="card-title">Catégorie</h4>
<p class="category">Gestion des catégories de l'inventaire</p>
</div>
<div class="card-body">
<div class="row">
<div class="col-12">
<p>
Les catégories permettent de diviser l'inventaire et de définir les permissions d'accès aux items
</p>
</div>
<div class="col-12">
<div class="btn-group">
<a class="btn btn-primary" href="/admin/inventory/management/category">Gérer les catégories</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
@section('custom_scripts')
@endsection

View File

@@ -9,52 +9,52 @@
<div class="card-body mt-5">
<form action="/admin/item/add" method="post">
@csrf
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label>Numéro d'article</label>
<input name="official_number" type="text" class="form-control" required>
@csrf
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label>Numéro d'article</label>
<input name="official_number" type="text" class="form-control" required>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Nom de l'article</label>
<input name="name" type="text" class="form-control" required>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Taille de l'article</label>
<input name="metadata-size" type="text" class="form-control" required>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Quantité disponible</label>
<input name="quantity" type="number" class="form-control" required>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Catégorie</label>
<select name="category_id" class="form-control selectpicker" required>
@foreach($categories as $category)
<option value="{{$category->id}}">{{$category->name}}</option>
@endforeach
</select>
</div>
</div>
<div class="col-lg-12 mt-4">
<label for="desc">Description de l'image</label>
<div class="form-group">
<textarea name="desc" id="desc" class="form-control" required></textarea>
</div>
</div>
<div class="col-lg-12">
<button type="submit" class="btn btn-primary">Sauvegarder</button>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Nom de l'article</label>
<input name="name" type="text" class="form-control" required>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Taille de l'article</label>
<input name="metadata-size" type="text" class="form-control" required>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Quantité disponible</label>
<input name="quantity" type="number" class="form-control" required>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label>Catégorie</label>
<select name="category_id" class="form-control selectpicker" required>
@foreach($categories as $category)
<option value="{{$category->id}}">{{$category->name}}</option>
@endforeach
</select>
</div>
</div>
<div class="col-lg-12 mt-4">
<label for="desc">Description de l'image</label>
<div class="form-group">
<textarea name="desc" id="desc" class="form-control" required></textarea>
</div>
</div>
<div class="col-lg-12">
<button type="submit" class="btn btn-primary">Sauvegarder</button>
</div>
</div>
</form>
</div>
</div>

View File

@@ -0,0 +1,64 @@
@extends('layouts.admin.main')
@section('content')
<div class="col-md-12">
<div class="card">
<div class="card-header">
<strong class="card-title">Ajouter une catégorie <a href="#"><i class="fa fa-question-circle" aria-hidden="true"></i>
</a></strong>
</div>
<div class="card-body">
<form action="/admin/inventory/management/category/add" method="post">
@csrf
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label>Nom de la catégorie</label>
<input name="name" type="text" class="form-control" required>
</div>
</div>
<div class="col-md-6 pt-3">
<div class="form-check">
<label class="form-check-label">
<input class="form-check-input" type="checkbox" name="is_training" value="1">
Les items de cette catégorie sont ils disponible pour l'instruction ?
<span class="form-check-sign">
<span class="check"></span>
</span>
</label>
</div>
</div>
<div class="col-md-6 pt-3">
<div class="form-check">
<label class="form-check-label">
<input class="form-check-input" name="is_op_appro" type="checkbox" value="1">
Les items de cette catégorie sont ils réservés à l'officier d'approvisionnement?
<span class="form-check-sign">
<span class="check"></span>
</span>
</label>
</div>
</div>
<div class="col-lg-12 mt-4">
<label for="desc">Description de l'image</label>
<div class="form-group">
<textarea name="desc" id="desc" class="form-control" required></textarea>
</div>
</div>
<div class="col-lg-12">
<button type="submit" class="btn btn-primary">Sauvegarder</button>
</div>
</div>
</form>
</div>
</div>
</div>
@endsection
@section('custom_scripts')
<script>
$('#desc').trumbowyg({
lang: 'fr'
});
</script>
@endsection

View File

@@ -0,0 +1,64 @@
@extends('layouts.admin.main')
@section('content')
<div class="col-md-12">
<div class="card">
<div class="card-header">
<strong class="card-title">Modifier une catégorie <a href="#"><i class="fa fa-question-circle" aria-hidden="true"></i>
</a></strong>
</div>
<div class="card-body">
<form action="/admin/inventory/management/category/edit/{{$category->id}}" method="post">
@csrf
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label>Nom de la catégorie</label>
<input name="name" type="text" class="form-control" required value="{{$category->name}}">
</div>
</div>
<div class="col-md-6 pt-3">
<div class="form-check">
<label class="form-check-label">
<input class="form-check-input" type="checkbox" name="is_training" value="1" @if($category->is_training == 1) checked @endif>
Les items de cette catégorie sont ils disponible pour l'instruction ?
<span class="form-check-sign">
<span class="check"></span>
</span>
</label>
</div>
</div>
<div class="col-md-6 pt-3">
<div class="form-check">
<label class="form-check-label">
<input class="form-check-input" name="is_op_appro" type="checkbox" value="1" @if($category->is_op_appro == 1) checked @endif>
Les items de cette catégorie sont ils réservés à l'officier d'approvisionnement?
<span class="form-check-sign">
<span class="check"></span>
</span>
</label>
</div>
</div>
<div class="col-lg-12 mt-4">
<label for="desc">Description de l'image</label>
<div class="form-group">
<textarea name="desc" id="desc" class="form-control" required>{!! $category->desc !!}</textarea>
</div>
</div>
<div class="col-lg-12">
<button type="submit" class="btn btn-primary">Sauvegarder</button>
</div>
</div>
</form>
</div>
</div>
</div>
@endsection
@section('custom_scripts')
<script>
$('#desc').trumbowyg({
lang: 'fr'
});
</script>
@endsection

View File

@@ -0,0 +1,113 @@
@extends('layouts.admin.main')
@section('content')
<div class="col-md-12">
<div class="card">
<div class="card-header">
<strong class="card-title">Gestion de l'inventaire <a href="#"><i class="fa fa-question-circle" aria-hidden="true"></i>
</a></strong>
</div>
<div class="card-body">
<div class="row">
<div class="col-md-12">
<div class="btn-group">
<a class="btn btn-primary" href="/admin/inventory/management/category/add">Ajouter une catégorie</a>
</div>
</div>
<div class="col-md-12">
<table id="log-data" class="table table-striped table-bordered">
<thead>
<tr>
<th class="text-center">ID</th>
<th>Nom</th>
<th>Description</th>
<th>Disponible pour l'instruction</th>
<th>Réservé a l'officer d'approvisionnement</th>
<th>Action</th>
</tr>
</thead>
<tbody>
@foreach ($categories as $category)
<tr>
<td class="text-center" style="width: 3.5rem;">{{$category->id}}</td>
<td>{{$category->name}}</td>
<td>{!! $category->desc !!}</td>
<td class="text-center" style="width: 10rem;">
@if($category->is_training == 1)
<i class="fas fa-check-square text-success fa-2x"></i>
@else
<i class="far fa-square text-warning fa-2x"></i>
@endif
</td>
<td class="text-center" style="width: 10rem;"#>
@if($category->is_op_appro == 1)
<i class="fas fa-check-square text-success fa-2x"></i>
@else
<i class="far fa-square text-warning fa-2x"></i>
@endif
</td>
<td style="width: 12%;">
<div class="btn-group">
<a href="/admin/inventory/management/category/edit/{{$category->id}}" type="button" class="btn btn-secondary"><i class="fa fa-cog"></i>&nbsp; Modifier</a>
<a type="button" class="btn btn-danger" onclick="Delete({{$category->id}});"><i class="fa fa-times-circle" style="color:white;"></i></a>
</div>
</td>
</tr>
@endforeach
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
@endsection
@section('custom_scripts')
<script>
(function($) {
$(document).ready(function() {
$('#log-data').DataTable({
"order": [[ 2, "asc" ]],
"lengthMenu": [[25, 50, -1], [25, 50, "All"]],
});
} );
})(jQuery);
function Delete(pID) {
swal({
title: 'Êtes vous certain de vouloir supprimer la catégorie?',
text: "Vous ne pourrez pas annuler cette action",
type: 'warning',
showCancelButton: true,
confirmButtonColor: '#3085d6',
cancelButtonColor: '#d33',
confirmButtonText: 'Oui',
cancelButtonText: 'Non'
}).then((result) => {
if (result.value) {
(function($) {
$.post('/api/itemcategory/delete/'+pID+'?api_token='+api_token, function(data) {
console.log('Delete');
});
})(jQuery);
swal(
'Supprimé!',
"La catégorie a été supprimé",
'success'
).then((result) => {
if (result.value) {
location.reload();
}
})
}
})
}
</script>
</script>
@endsection