jev/opensem
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixes on widget uploder

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

3
app/Http/Controllers/Botanic/Admin/VarietyController.php
View File

@@ -55,10 +55,11 @@ class VarietyController extends Controller
return Varieties::destroy($id); return Varieties::destroy($id);
} }
public function getImages(Request $request, $id = false) public function getImages(Request $request, $id = false, $can_edit = true)
{ {
$id = $id ? $id : $request->input('id'); $id = $id ? $id : $request->input('id');
$data['images'] = Varieties::getImages($id); $data['images'] = Varieties::getImages($id);
$data['can_edit'] = $can_edit;
return view('components.uploader.mini-gallery-items', $data); return view('components.uploader.mini-gallery-items', $data);
} }

2
app/Repositories/Shop/Articles.php
View File

@@ -31,7 +31,7 @@ class Articles
public static function getMeta(&$data = []) public static function getMeta(&$data = [])
{ {
$data['products'] = ( ($data['product_type'] ?? false) == 'App\Models\Botanic\Variety') ? Varieties::getOptionsWithSpecie() : Species::getOptions(); $data['products'] = ( ($data['article']['product_type'] ?? false) == 'App\Models\Botanic\Variety') ? Varieties::getOptionsWithSpecie() : Species::getOptions();
$data['categories_options'] = Categories::getOptions(); $data['categories_options'] = Categories::getOptions();
$data['price_generics'] = PriceGenericCategories::getOptionsWithChildrens(); $data['price_generics'] = PriceGenericCategories::getOptionsWithChildrens();
$data['families_options'] = ArticleFamilies::getOptions(); $data['families_options'] = ArticleFamilies::getOptions();

10
resources/views/Botanic/Admin/Varieties/form.blade.php
View File

@@ -7,25 +7,25 @@
<div class="row"> <div class="row">
<div class="col-6"> <div class="col-6">
{{ Form::label('name', 'Nom') }} {{ Form::label('name', 'Nom') }}
@include('components.input', ['name' => 'name', 'value' => isset($name) ? $name : null, 'required' => true]) @include('components.input', ['name' => 'name', 'value' => $name ?? null, 'required' => true])
</div> </div>
<div class="col-6"> <div class="col-6">
{{ Form::label('genre', 'Espèce') }} {{ Form::label('genre', 'Espèce') }}
@include('components.select', ['name' => 'specie_id', 'list' => $species, 'value' => isset($specie_id) ? $specie_id : null, 'class' => 'select2 form-control', 'required' => false]) @include('components.select', ['name' => 'specie_id', 'list' => $species, 'value' => $specie_id ?? null, 'class' => 'select2 form-control', 'required' => false])
</div> </div>
</div> </div>
{{ Form::label('tags', 'Tags') }} {{ Form::label('tags', 'Tags') }}
@include('components.select-tree', ['name' => 'tags[]', 'list' => $tags_list, 'values' => isset($tags) ? $tags : null, 'class' => 'select2 form-control', 'multiple' => true]) @include('components.select-tree', ['name' => 'tags[]', 'list' => $tags_list, 'values' => $tags ?? null, 'class' => 'select2 form-control', 'multiple' => true])
{{ Form::label('description', 'Description') }} {{ Form::label('description', 'Description') }}
@include('components.textarea', ['name' => 'description', 'value' => isset($description) ? $description : null, 'class' => 'editor', 'rows' => 5, 'required' => false]) @include('components.textarea', ['name' => 'description', 'value' => $description ?? null, 'class' => 'editor', 'rows' => 5, 'required' => false])
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
@include('components.uploader.widget', ['load_url' => route('Botanic.Admin.Varieties.getImages', ['id' => (isset($id)) ? $id : false]), 'delete_url' => route('Botanic.Admin.Varieties.deleteImage') ]) @include('components.uploader.widget', ['load_url' => route('Botanic.Admin.Varieties.getImages', ['id' => $id ?? false]), 'delete_url' => route('Botanic.Admin.Varieties.deleteImage'), 'name' => 'images'])
</div> </div>
</div> </div>

3
resources/views/Shop/Admin/Articles/form.blade.php
View File

@@ -78,6 +78,7 @@
@include('boilerplate::load.tinymce') @include('boilerplate::load.tinymce')
@include('load.appender') @include('load.appender')
@include('load.toggle') @include('load.toggle')
@include('load.form.save')
@push('js') @push('js')
<script> <script>
@@ -92,6 +93,8 @@
// handleAdmin.toggle(id, $(this).prop('checked')); // handleAdmin.toggle(id, $(this).prop('checked'));
}); });
initSaveForm('.save', '#article-form');
}); });
</script> </script>
@endpush @endpush

10
resources/views/Shop/Admin/Articles/partials/characteristics.blade.php
View File

@@ -37,6 +37,7 @@
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
{{ Form::label('tags', 'Tags') }}<br> {{ Form::label('tags', 'Tags') }}<br>
@include('Shop.Admin.Articles.partials.product.tags')
@include('components.select-tree', ['name' => 'tags[]', 'list' => $tags_list, 'values' => $article['tags'] ?? null, 'class' => 'select2 form-control', 'multiple' => true]) @include('components.select-tree', ['name' => 'tags[]', 'list' => $tags_list, 'values' => $article['tags'] ?? null, 'class' => 'select2 form-control', 'multiple' => true])
</div> </div>
</div> </div>
@@ -44,18 +45,15 @@
<div class="row"> <div class="row">
<div class="col-12"> <div class="col-12">
{{ Form::label('description', 'Description') }} {{ Form::label('description', 'Description') }}
@if (!empty($article['product']['description'])) @include('Shop.Admin.Articles.partials.product.description')
@component('components.layout.box-collapse', ['id' => 'product_description', 'title' => 'Description produit'])
{{ $article['product']['description'] }}
@endcomponent
@endif
@include('components.textarea', ['name' => 'description', 'value' => $article['description'] ?? null, 'class' => 'editor', 'required' => true]) @include('components.textarea', ['name' => 'description', 'value' => $article['description'] ?? null, 'class' => 'editor', 'required' => true])
</div> </div>
</div> </div>
</div> </div>
<div class="col-md-4"> <div class="col-md-4">
@include('components.uploader.widget', ['load_url' => route('Shop.Admin.Articles.getImages', ['id' => $article['id'] ?? false]), 'delete_url' => route('Shop.Admin.Articles.deleteImage'), 'title' => 'Photos' ]) @include('Shop.Admin.Articles.partials.product.images', ['name' => 'product_images'])
@include('components.uploader.widget', ['load_url' => route('Shop.Admin.Articles.getImages', ['id' => $article['id'] ?? false]), 'delete_url' => route('Shop.Admin.Articles.deleteImage'), 'title' => 'Photos', 'name' => 'images' ])
</div> </div>
</div> </div>

5
resources/views/Shop/Admin/Articles/partials/product/description.blade.php Normal file
View File

@@ -0,0 +1,5 @@
@if (!empty($article['product']['description']))
@component('components.layout.box-collapse', ['id' => 'product_description', 'title' => 'Description produit'])
{{ $article['product']['description'] }}
@endcomponent
@endif

1
resources/views/Shop/Admin/Articles/partials/product/images.blade.php Normal file
View File

@@ -0,0 +1 @@
@include('components.uploader.widget', ['load_url' => route('Botanic.Admin.Varieties.getImages', ['id' => $article['product_id'] ?? false]), 'title' => 'Photos produits', 'prefix' => 'product_', 'can_edit' => false ])

7
resources/views/Shop/Admin/Articles/partials/product/tags.blade.php Normal file
View File

@@ -0,0 +1,7 @@
@if (!empty($article['product']['tags']))
@component('components.layout.box-collapse', ['id' => 'product_tags', 'title' => 'Tags produit'])
@foreach ($article['product']['tags'] as $tag)
{{ $tag->name }}
@endforeach
@endcomponent
@endif

6
resources/views/components/layout/box-collapse.blade.php
View File

@@ -3,7 +3,7 @@
<div class="row"> <div class="row">
<div class="col-6"> <div class="col-6">
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#{{ $id }}" aria-expanded="false" aria-controls="{{ $id }}"> <button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#{{ $id }}" aria-expanded="false" aria-controls="{{ $id }}">
<i class="fa fa-chevron-right"></i> <i class="fa {{ ($collapsed ?? true) ? 'fa-chevron-right' : 'fa-chevron-down' }}"></i>
</button> </button>
{!! $title ?? null !!} {!! $title ?? null !!}
@if (isset($required) && $required) @if (isset($required) && $required)
@@ -19,7 +19,9 @@
</div> </div>
</div> </div>
</div> </div>
<div id="{{ $id }}" class="card-body collapse {{ $class_body ?? '' }}"> <div id="{{ $id }}" class="card-body collapse {{ ($collapsed ?? true) ? '' : 'show' }} {{ $class_body ?? '' }}">
{{ $slot }} {{ $slot }}
</div> </div>
</div> </div>
@include('load.layout.chevron')

24
resources/views/components/uploader/mini-gallery-items.blade.php
View File

@@ -2,23 +2,23 @@
@foreach($images as $key => $image) @foreach($images as $key => $image)
<figure class="mr-2"> <figure class="mr-2">
<img src="{{ $image['url'] }}" class="img-thumbnail img-caption" style="max-height:92px;"> <img src="{{ $image['url'] }}" class="img-thumbnail img-caption" style="max-height:92px;">
@if ($can_edit ?? true) <figcaption class="text-center pt-2">
<figcaption class="text-center pt-2"> <button type="button" class="btn btn-xs btn-outline-secondary">
<button type="button" class="btn btn-xs btn-outline-secondary"> <i class="fas fa-expand-alt"></i>
<i class="fas fa-expand-alt"></i> </button>
</button> @if ($can_edit ?? true)
<button type="button" class="btn btn-xs btn-outline-danger"> <button type="button" class="btn btn-xs btn-outline-danger">
<i class="fas fa-trash" data-index="{{ $key }}"></i> <i class="fas fa-trash" data-index="{{ $key }}"></i>
</button> </button>
</figcaption> @endif
@endif </figcaption>
</figure> </figure>
@endforeach @endforeach
@endif @endif
@if ($can_edit ?? true) <script>
<script> @if ($can_edit ?? true)
{{ $prefix ?? '' }}handleDeleteImages(); {{ $prefix ?? '' }}handleDeleteImages();
{{ $prefix ?? '' }}handleEnlargeImages(); @endif
</script> {{ $prefix ?? '' }}handleEnlargeImages();
@endif </script>

41
resources/views/components/uploader/mini-gallery.blade.php
View File

@@ -16,33 +16,36 @@
@push('js') @push('js')
<script> <script>
function {{ $prefix ?? '' }}handleDeleteImages() { @if ($can_edit ?? true)
$('#{{ $prefix ?? '' }}uploader-mini-gallery .fa-trash').click(function() { function {{ $prefix ?? '' }}handleDeleteImages() {
id = $('#id').val(); $('#{{ $prefix ?? '' }}uploader-mini-gallery .fa-trash').click(function() {
index = $(this).data('index'); id = $('#id').val();
console.log(id); index = $(this).data('index');
$.ajax({ console.log(id);
type: 'post', $.ajax({
url: "{{ $delete_url }}", type: 'post',
data: { url: "{{ $delete_url ?? '' }}",
id: id, data: {
index: index id: id,
}, index: index
success: function(data) { },
loadImages(); success: function(data) {
} loadImages();
}); }
}) });
} })
}
@endif
function {{ $prefix ?? '' }}handleEnlargeImages() { function {{ $prefix ?? '' }}handleEnlargeImages() {
$('#{{ $prefix ?? '' }}uploader-mini-gallery .fa-expand-alt').click(function() { $('#{{ $prefix ?? '' }}uploader-mini-gallery .fa-expand-alt').click(function() {
$img = $(this).parents('figure').find('.img-thumbnail'); $img = $(this).parents('figure').find('.img-thumbnail');
url = $img.attr('src'); url = $img.attr('src');
console.log(url); console.log(url);
$('#{{ $prefix ?? '' }}mini-gallery-lightbox .lightbox').attr('src', url); $('#{{ $prefix ?? '' }}mini-gallery-lightbox .lightbox').attr('src', url);
$('#{{ $prefix ?? '' }}mini-gallery-lightbox').modal('show'); $('#{{ $prefix ?? '' }}mini-gallery-lightbox').modal('show');
}) })
} }
</script> </script>
@endpush @endpush

61
resources/views/components/uploader/widget.blade.php
View File

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

4
resources/views/load/layout/chevron.blade.php
View File

@@ -8,6 +8,10 @@
$(this).find('i').toggleClass('fa-chevron-right fa-chevron-down') $(this).find('i').toggleClass('fa-chevron-right fa-chevron-down')
}); });
} }
$(function() {
initChevron();
});
</script> </script>
@endpush @endpush

2
routes/Botanic/Admin/Varieties.php
View File

@@ -10,7 +10,7 @@ Route::prefix('Varieties')->name('Varieties.')->group(function () {
Route::get('edit/{id}', 'VarietyController@edit')->name('edit'); Route::get('edit/{id}', 'VarietyController@edit')->name('edit');
Route::post('getSelect', 'VarietyController@getOptionsWithSpecie')->name('getSelect'); Route::post('getSelect', 'VarietyController@getOptionsWithSpecie')->name('getSelect');
Route::post('deleteImage', 'VarietyController@deleteImage')->name('deleteImage'); Route::post('deleteImage', 'VarietyController@deleteImage')->name('deleteImage');
Route::any('getImages/{id?}', 'VarietyController@getImages')->name('getImages'); Route::any('getImages/{id?}/{can_edit?}', 'VarietyController@getImages')->name('getImages');
Route::any('exportExcel', 'VarietyController@exportExcel')->name('exportExcel'); Route::any('exportExcel', 'VarietyController@exportExcel')->name('exportExcel');