Add picture

This commit is contained in:
Mathieu Lagace
2019-08-26 11:43:36 -04:00
parent 1cb85d50ca
commit 2b9cd625d6
11 changed files with 278 additions and 14 deletions

View File

@@ -0,0 +1,63 @@
@extends('layouts.admin.main')
@section('content')
<div class="col-md-12">
<div class="card">
<div class="card-header card-header-primary">
<h4>Ajouter une images</h4>
</div>
<div class="card-body mt-5">
<form action="/admin/picture/add" method="post">
@csrf
<div class="col-lg-12">
<div class="form-group">
<label>Nom de l'image</label>
<input name="title" type="text" class="form-control">
</div>
</div>
<div class="col-lg-12">
<div class="form-group">
<label>URL de l'image</label>
<input name="url" type="text" class="form-control">
</div>
</div>
<div class="col-lg-12">
<label for="desc">Description de l'image</label>
<div class="form-group">
<textarea name="desc" id="desc" class="form-control"></textarea>
</div>
</div>
<div class="col-lg-12">
<button type="submit" class="btn btn-primary">Sauvegarder</button>
</div>
</form>
</div>
</div>
</div>
@endsection
@section('custom_scripts')
<script>
$('#desc').trumbowyg({
lang: 'fr'
});
function saveChange(pPerm) {
(function($) {
var myswitch = document.getElementById(pPerm);
$.post('/api/config/general/save?api_token='+api_token, { value: myswitch.checked,perm: pPerm } , function(data) {
swal({
title: 'Modification enregistré !',
type: 'success',
}).then((result) => {
if (result.value) {
location.reload();
}
})
});
})(jQuery);
}
</script>
@endsection

View File

@@ -0,0 +1,63 @@
@extends('layouts.admin.main')
@section('content')
<div class="col-md-12">
<div class="card">
<div class="card-header card-header-primary">
<h4>Ajouter une images</h4>
</div>
<div class="card-body mt-5">
<form action="/admin/picture/edit/{{$picture->id}}" method="post">
@csrf
<div class="col-lg-12">
<div class="form-group">
<label>Nom de l'image</label>
<input name="title" type="text" class="form-control" value="{{$picture->title}}">
</div>
</div>
<div class="col-lg-12">
<div class="form-group">
<label>URL de l'image</label>
<input name="url" type="text" class="form-control" value="{{$picture->url}}">
</div>
</div>
<div class="col-lg-12">
<label for="desc">Description de l'image</label>
<div class="form-group">
<textarea name="desc" id="desc" class="form-control">{!!$picture->desc!!}</textarea>
</div>
</div>
<div class="col-lg-12">
<button type="submit" class="btn btn-primary">Sauvegarder</button>
</div>
</form>
</div>
</div>
</div>
@endsection
@section('custom_scripts')
<script>
$('#desc').trumbowyg({
lang: 'fr'
});
function saveChange(pPerm) {
(function($) {
var myswitch = document.getElementById(pPerm);
$.post('/api/config/general/save?api_token='+api_token, { value: myswitch.checked,perm: pPerm } , function(data) {
swal({
title: 'Modification enregistré !',
type: 'success',
}).then((result) => {
if (result.value) {
location.reload();
}
})
});
})(jQuery);
}
</script>
@endsection

View File

@@ -0,0 +1,79 @@
@extends('layouts.admin.main')
@section('content')
<div class="col-md-12">
<div class="card">
<div class="card-header card-header-primary">
<h4>Images</h4>
</div>
<div class="card-body mt-5">
<div class="row">
<div class="col-md-12">
<p>
Toutes les images serons affiché dans la section publique du site.
</p>
</div>
@foreach($pictures as $picture)
<div class="col-md-4">
<div class="card">
<div class="card-img-top">
<img class="img-responsive w-100" src="{{$picture->url}}">
</div>
<div class="card-body">
<h4 class="card-title">{{$picture->title}}</h4>
<p>{!!$picture->desc!!}</p>
<div class="btn-group">
<a class="btn btn-primary" href="/admin/picture/edit/{{$picture->id}}"><i class="fas fa-edit"></i></a>
<button class="btn btn-danger" onclick="Delete({{$picture->id}})"><i class="fas fa-times"></i></button>
</div>
</div>
</div>
</div>
@endforeach
<div class="col-12">
<a class="btn btn-primary btn-block" href="/admin/picture/add">Ajouter une images</a>
</div>
</div>
</div>
</div>
</div>
@endsection
@section('custom_scripts')
<script>
function Delete(pID) {
swal({
title: 'Êtes vous certain de vouloir supprimer l\'image?',
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/picture/delete/'+pID+'?api_token='+api_token, function(data) {
console.log('Delete');
});
})(jQuery);
swal(
'Supprimé!',
"L'image a été supprimé",
'success'
).then((result) => {
if (result.value) {
location.reload();
}
})
}
})
}
</script>
@endsection