From fb2c22708d3cf5da82a1066e3a41ca1a485c577a Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Wed, 1 Jun 2022 17:45:32 +0200
Subject: [PATCH] wip #5285 @2

---
 src/app/CubistBackpackServiceProvider.php     |  5 --
 src/app/Magic/Fields/SelectFromArray.php      |  3 +-
 .../fields/bunch_keyvalue_multiple.blade.php  |  2 +-
 .../views/fields/bunch_multiple.blade.php     |  2 +-
 .../views/fields/select2_from_array.blade.php | 54 ++++++++++---------
 5 files changed, 34 insertions(+), 32 deletions(-)

diff --git a/src/app/CubistBackpackServiceProvider.php b/src/app/CubistBackpackServiceProvider.php
index 1e610cd..6be34f8 100644
--- a/src/app/CubistBackpackServiceProvider.php
+++ b/src/app/CubistBackpackServiceProvider.php
@@ -32,8 +32,6 @@ class CubistBackpackServiceProvider extends ServiceProvider
      */
     public function boot()
     {
-
-
         $base = realpath(__DIR__ . "/..");
         $resourcesDir = $base . '/resources';
 
@@ -52,7 +50,6 @@ class CubistBackpackServiceProvider extends ServiceProvider
             return "<?php echo \$__env->make('" . self::NAMESPACE . "::favicon', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>";
         });
 
-
         $this->app->extend('crud', function () {
             return new CubistCrudPanel();
         });
@@ -69,14 +66,12 @@ class CubistBackpackServiceProvider extends ServiceProvider
         $base = realpath(__DIR__ . "/..");
         $resourcesDir = $base . '/resources';
 
-
         $configs = ['app', 'cubist'];
 
         foreach ($configs as $config) {
             $this->mergeConfigFrom($resourcesDir . '/config/' . $config . '.php', $config);
         }
 
-
         $this->commands([
             InstallCommand::class,
             UpdateCommand::class,
diff --git a/src/app/Magic/Fields/SelectFromArray.php b/src/app/Magic/Fields/SelectFromArray.php
index 6fe96bf..0f26d54 100644
--- a/src/app/Magic/Fields/SelectFromArray.php
+++ b/src/app/Magic/Fields/SelectFromArray.php
@@ -22,10 +22,11 @@ class SelectFromArray extends Field
     protected $_options_aliases = [];
     protected $_filterType = 'dropdown';
     protected $_ajax = true;
+    protected $_allowsHTML = false;
 
     public function getDefaultAttributes()
     {
-        return array_merge(parent::getDefaultAttributes(), ['options' => $this->getOptions(), 'options_aliases' => $this->_options_aliases, 'allows_null' => $this->_allowNull, 'allows_multiple' => $this->_multiple, 'ajax' => $this->_ajax]);
+        return array_merge(parent::getDefaultAttributes(), ['options' => $this->getOptions(), 'options_aliases' => $this->_options_aliases, 'allows_null' => $this->_allowNull, 'allows_multiple' => $this->_multiple, 'ajax' => $this->_ajax, 'allows_html' => $this->_allowsHTML]);
     }
 
     protected function _postSetAttributes()
diff --git a/src/resources/views/fields/bunch_keyvalue_multiple.blade.php b/src/resources/views/fields/bunch_keyvalue_multiple.blade.php
index ff7e735..8622ec3 100644
--- a/src/resources/views/fields/bunch_keyvalue_multiple.blade.php
+++ b/src/resources/views/fields/bunch_keyvalue_multiple.blade.php
@@ -24,7 +24,7 @@ if (!is_string($value)) {
 }
 
 ?>
-<div class="bunchmultiple bunchmultiple_keyvalue" id="{!! $field['rand'] !!}" data-values="{{ $value }}">
+<div class="bunchmultiple bunchmultiple_keyvalue" id="{!! $field['rand'] !!}" data-bunch-name="{{$field['name']}}" data-values="{{ $value }}">
     <input type="hidden" class="hiddenfield" name="{{$field['name']}}" value="{{ $value }}"
            data-bmid="{!! $field['rand'] !!}"/>
     <div class="bunchmultiple__wrapper" data-bmid="{!! $field['rand'] !!}">
diff --git a/src/resources/views/fields/bunch_multiple.blade.php b/src/resources/views/fields/bunch_multiple.blade.php
index 5d1a5ec..3ca1059 100644
--- a/src/resources/views/fields/bunch_multiple.blade.php
+++ b/src/resources/views/fields/bunch_multiple.blade.php
@@ -12,7 +12,7 @@ if (!is_string($value)) {
 }
 
 ?>
-<div class="bunchmultiple" id="{!! $field['rand'] !!}" data-values="{{ $value }}">
+<div class="bunchmultiple" id="{!! $field['rand'] !!}" data-bunch-name="{{$field['name']}}" data-values="{{ $value }}">
     <input type="hidden" class="hiddenfield" name="{{$field['name']}}" value="{{ $value }}" data-bmid="{!! $field['rand'] !!}"/>
     <div class="bunchmultiple__wrapper" data-bmid="{!! $field['rand'] !!}">
         @include('crud::fields.inc.wrapper_start')
diff --git a/src/resources/views/fields/select2_from_array.blade.php b/src/resources/views/fields/select2_from_array.blade.php
index a34b3c4..c1a31e5 100644
--- a/src/resources/views/fields/select2_from_array.blade.php
+++ b/src/resources/views/fields/select2_from_array.blade.php
@@ -18,13 +18,14 @@
     }
 
     $ajax=isset($field['ajax']) && $field['ajax'];
+    $allows_html=isset($field['allows_html']) && $field['allows_html'];
 
 if($ajax){
     $field['ajax']=\Cubist\Backpack\Magic\Fields\SelectFromArray::hashOptions($field['options']);
 }
 @endphp
 
-<!-- select2 from array -->
+    <!-- select2 from array -->
 @include('crud::fields.inc.wrapper_start')
 <label>{!! $field['label'] !!}</label>
 @if (isset($field['allows_multiple']) && $field['allows_multiple']==true)
@@ -36,6 +37,7 @@ if($ajax){
     @include('crud::fields.inc.attributes', ['default_class' =>  'form-control select2_from_array'])
     @if (isset($field['allows_multiple']) && $field['allows_multiple']==true)multiple @endif
     @if($ajax) data-ajax="{{$field['ajax']}}" @endif
+    @if($allows_html) data-allow-html="1" @endif
 >
     @if (isset($field['allows_null']) && $field['allows_null']==true)
         @if($is_null)
@@ -52,8 +54,8 @@ if($ajax){
             @endphp
             @if($selected)
                 <option value="{{ $key }}" selected>{{ $value }}</option>
-            @else if(!$ajax)
-            <option value="{{ $key }}">{{ $value }}</option>
+            @elseif(!$ajax)
+                <option value="{{ $key }}">{{ $value }}</option>
             @endif
         @endforeach
     @endif
@@ -87,31 +89,35 @@ if($ajax){
         <script>
             jQuery(document).ready(function ($) {
                 $(document).on('cubist.bunchmultiple.added', function () {
-                    initUntriggeredSelectFromArray();
+                    initUntriggeredSelectFromArray($);
                 });
-                initUntriggeredSelectFromArray();
+                initUntriggeredSelectFromArray($);
+            });
 
-                function initUntriggeredSelectFromArray() {
-                    // trigger select2 for each untriggered select2 box
-                    $('.select2_from_array:not(.select2-hidden-accessible)').each(function (i, obj) {
-                        if ($(obj).closest('.item.sample').length > 0) {
-                            return;
-                        }
-                        var options = {
-                            theme: "bootstrap",
+            function initUntriggeredSelectFromArray($) {
+                // trigger select2 for each untriggered select2 box
+                $('.select2_from_array:not(.select2-hidden-accessible)').each(function (i, obj) {
+                    if ($(obj).closest('.item.sample').length > 0) {
+                        return;
+                    }
+                    var options = {
+                        theme: "bootstrap",
+                    };
+                    if ($(this).is('[data-ajax]')) {
+                        options.ajax = {
+                            url: '{{backpack_url('select2')}}' + '/' + $(this).data('ajax'),
+                            dataType: 'json',
+                            delay: 250,
                         };
-                        if ($(this).is('[data-ajax]')) {
-                            options.ajax = {
-                                url: '{{backpack_url('select2')}}' + '/' + $(this).data('ajax'),
-                                dataType: 'json',
-                                delay: 250,
-                            };
+                    }
+                    if ($(this).is('[data-allow-html="1"]')) {
+                        options.escapeMarkup = function (m) {
+                            return m;
                         }
-                        $(obj).addClass('init').select2(options);
-                    });
-                }
-            });
-
+                    }
+                    $(obj).addClass('init').select2(options);
+                });
+            }
         </script>
     @endpush
 
-- 
2.39.5