Handle ‘multiple_images’ field - WIP: !delete yet

Author: mcnamee

resources/views/vendor/voyager/page-blocks/edit-add.blade.php

@@ -127,8 +127,6 @@
                             @php
                                 $template = $block->template();
                                 $dataTypeContent = $block->data;
-                                /* Hack: for latest Voyager "data-id" requirement on image field */
-                                $dataTypeContent->id = 0;
                             @endphp
 
                             @if ($block->type === 'template')
@@ -168,6 +166,21 @@
                 $(this).closest('.form-group').addClass('vpb-image-group');
             });
 
+            /**
+             * MULTIPLE-IMAGES Delete function
+             */
+            /*$(".remove-multi-image").on('click', function(e){
+                e.preventDefault();
+                var result = confirm("Are you sure you want to delete this image?");
+                if (result) {
+                    $.post('{{-- route('voyager.page-blocks.delete-multiple-image') --}}', {
+                        field: $(this).data('id'),
+                        file_name: $(this).data('file-name'),
+                        _token: '{{ csrf_token() }}'
+                    });
+                }
+            });*/
+
             /**
              * Confirm DELETE block
              */

resources/views/vendor/voyager/page-blocks/partials/template.blade.php

@@ -34,6 +34,10 @@ class="panel-action panel-collapse-icon voyager-angle-up"
                     <div class="@if (strpos($row->partial, 'rich_text_box') !== false)col-md-12 @else col-md-6 @endif">
                         <div class="form-group">
                             <label>{{ $row->display_name }}</label>
+                            @php
+                                /* For 'multiple images' field - pass through the ID to identify the specific field */
+                                $dataTypeContent->id = $row->field;
+                            @endphp
                             @include($row->partial)
                         </div> <!-- /.form-group -->
                     </div> <!-- /.col -->

src/Http/Controllers/PageBlockController.php

@@ -59,7 +59,10 @@ public function update(Request $request, $id)
         foreach ($template->fields as $row) {
             $existingData = $block->data;
 
-            if ($row->partial === 'voyager::formfields.image') {
+            if (
+                $row->partial === 'voyager::formfields.image'
+                || $row->partial === 'voyager::formfields.multiple_images'
+            ) {
                 if (is_null($request->file($row->field))) {
                     if (isset($existingData->{$row->field})) {
                         $data[$row->field] = $existingData->{$row->field};

src/Traits/Blocks.php

@@ -84,9 +84,18 @@ protected function prepareTemplateBlockTypes($block)
 
     public function uploadImages(Request $request, array $data): array
     {
-        foreach ($request->files as $key => $file) {
-            $filePath = $request->file($key)->store('public/blocks');
-            $data[$key] = str_replace('public/', '', $filePath);
+        foreach ($request->files as $key => $field) {
+            if (is_array($request->file($key))) {
+                $multiImages = array();
+                foreach ($request->file($key) as $key2 => $file) {
+                    $filePath = $file->store('public/blocks');
+                    $multiImages[] = str_replace('public/', '', $filePath);
+                }
+                $data[$key] = json_encode($multiImages);
+            } else {
+                $filePath = $request->file($key)->store('public/blocks');
+                $data[$key] = str_replace('public/', '', $filePath);
+            }
         }
 
         return $data;