feat added custom pages

This commit is contained in:
Mathieu Lagace
2021-08-30 20:37:43 +00:00
parent 1bec8805a7
commit 935b63898c
509 changed files with 53583 additions and 235 deletions

View File

@@ -0,0 +1,117 @@
@extends('layouts.admin.main')
@section('content')
<div class="col-md-12">
<div class="card">
<div class="card-header card-header-primary">
<h4 class="card-title">Modification de la page {{ $page->name }}</h4>
</div>
<div class="card-body">
<div class="content">
<form method="post">
@method('PATCH')
@csrf
<div class="row">
<div class="col-12">
<div class="form-group">
<label for="banner">Image d'en tête</label>
<input type="text" class="form-control" name="banner" id="banner" aria-describedby="bannerHelp" value="{{ $page->banner }}">
<small id="bannerHelp" class="form-text text-muted">Url de l'image de l'en tête</small>
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<label for="oren">En tête</label>
<textarea class="editorHeader d-none" name="header">{!! $page->header !!}</textarea>
</div>
</div>
<div class="col-md-12">
<div class="form-group">
<label for="oren">Contenu</label>
<textarea class="editorBody d-none" name="body">{!! $page->body !!}</textarea>
</div>
</div>
<div class="col-md-12">
<button class="btn btn-primary" type="submit">Sauvegarder</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
@endsection
@section('custom_scripts')
<script src="/js/plugins/ckeditor/ckeditor.js"></script>
{{-- <script src="https://cdn.ckeditor.com/ckeditor5/29.1.0/classic/ckeditor.js"></script> --}}
<script>
ClassicEditor.create( document.querySelector( '.editorHeader' ), {
toolbar: {
items: [
'heading',
'|',
'bold',
'italic',
'underline',
'strikethrough',
'alignment',
'fontSize',
'|',
'outdent',
'indent',
'undo',
'redo'
]
},
language: 'fr',
licenseKey: '',
});
ClassicEditor.create( document.querySelector( '.editorBody' ), {
toolbar: {
items: [
'heading',
'|',
'bold',
'italic',
'link',
'underline',
'strikethrough',
'alignment',
'bulletedList',
'numberedList',
'fontSize',
'|',
'outdent',
'indent',
'|',
'horizontalLine',
'imageUpload',
'blockQuote',
'insertTable',
'mediaEmbed',
'undo',
'redo'
]
},
language: 'fr',
image: {
toolbar: [
'imageTextAlternative',
'imageStyle:inline',
'imageStyle:block',
'imageStyle:side'
]
},
table: {
contentToolbar: [
'tableColumn',
'tableRow',
'mergeTableCells'
]
},
licenseKey: '',
});
</script>
@endsection

View File

@@ -0,0 +1,80 @@
@extends('layouts.admin.main')
@section('content')
<div class="col-md-12">
<div class="card">
<div class="card-header card-header-primary">
<h4>Pages publiques</h4>
</div>
<div class="card-body mt-5">
<div class="row">
@foreach($pages as $page)
<div class="col-md-4">
<div class="card">
<div class="card-img-top">
<img class="img-responsive w-100" src="{{$page->banner}}">
</div>
<div class="card-body">
<h4 class="card-title">{{$page->name}}</h4>
</div>
<div class="card-footer">
<div class="row">
<div class="col-12">
<div class="btn-group">
<a class="btn btn-primary btn-block" href="/admin/public-pages/edit/{{$page->id}}">
Modifier <i class="fas fa-edit"></i>
</a>
</div>
</div>
</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