Fixes on widget uploder

This commit is contained in:
Ludovic CANDELLIER
2021-04-15 23:58:51 +02:00
parent b90d633e6e
commit e298320119
14 changed files with 102 additions and 83 deletions

View File

@@ -1,49 +1,44 @@
@include('boilerplate::load.fileinput')
<div class="card">
<div class="card-header">
<h3 class="card-title">{{ $title }}</h3>
<div class="card-tools">
</div>
</div>
<div class="card-body pt-3 pb-0">
@if (isset($article['id']))
@include('components.uploader.mini-gallery')
@endif
@component('components.layout.box-collapse', ['id' => ($prefix ?? '') . $name ?? 'images', 'title' => $title ?? 'Photos', 'collapsed' => $collapsed ?? false])
@include('components.uploader.mini-gallery')
@if ($can_edit ?? true)
<div id="{{ $prefix ?? '' }}uploader-new-images"></div>
@include('components.uploader.block_image_new', ['name' => ($name ?? 'images') . '[]'])
@endif
@if ($can_edit ?? true)
<div id="{{ $prefix ?? '' }}uploader-new-images"></div>
@include('components.uploader.block_image_new', ['name' => 'images[]', 'required' => true])
@endif
</div>
@if ($can_edit ?? true)
<div class="card-footer">
<button type="button" class="btn btn-xs btn-primary {{ $prefix ?? '' }}add-image pull-right">Ajout <i class="fa fa-plus"></i></button>
</div>
@endif
</div>
@endcomponent
@push('js')
<script>
function {{ $prefix ?? '' }}append_image() {
$("#{{ $prefix ?? '' }}uploader-new-images .file").fileinput();
$("#{{ $prefix ?? '' }}uploader-new-images .file").focus();
}
@if ($can_edit ?? true)
function {{ $prefix ?? '' }}append_image() {
$("#{{ $prefix ?? '' }}uploader-new-images .file").fileinput();
$("#{{ $prefix ?? '' }}uploader-new-images .file").focus();
}
$("#{{ $prefix ?? '' }}uploader-new-images").appender({
rowSection: '.{{ $prefix ?? '' }}row-new-image',
type: '.{{ $prefix ?? '' }}row-image',
addBtn: '.{{ $prefix ?? '' }}add-image',
appendEffect: 'fade',
addClass: 'animated fadeIn',
rowNumber: '.{{ $prefix ?? '' }}row-image-number',
deleteBtn: '.{{ $prefix ?? '' }}delete-new-image-btn',
callback: {{ $prefix ?? '' }}append_image,
hideSection: true
});
$("#{{ $prefix ?? '' }}uploader-new-images").appender({
rowSection: '.{{ $prefix ?? '' }}row-new-image',
type: '.{{ $prefix ?? '' }}row-image',
addBtn: '.{{ $prefix ?? '' }}add-image',
appendEffect: 'fade',
addClass: 'animated fadeIn',
rowNumber: '.{{ $prefix ?? '' }}row-image-number',
deleteBtn: '.{{ $prefix ?? '' }}delete-new-image-btn',
callback: {{ $prefix ?? '' }}append_image,
hideSection: true
});
@endif
function loadImages()
function {{ $prefix ?? '' }}loadImages()
{
$gallery = $("#{{ $prefix ?? '' }}uploader-mini-gallery");
if ($gallery) {
@@ -52,7 +47,7 @@
}
$(function() {
loadImages();
{{ $prefix ?? '' }}loadImages();
});
</script>
@endpush