From 6a584b2098cb711462a3bb3cfa79e622f255e8be Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Fri, 2 Feb 2024 17:45:18 +0100
Subject: [PATCH] wip #6693

---
 ...ePageBuilder.php => GrapesPageBuilder.php} |  4 +-
 .../fields/pagebuilder-grapejs.blade.php      | 55 -------------------
 .../fields/pagebuilder-grapesjs.blade.php     | 49 +++++++++++++++++
 3 files changed, 51 insertions(+), 57 deletions(-)
 rename src/app/Magic/Fields/{GrapePageBuilder.php => GrapesPageBuilder.php} (67%)
 delete mode 100644 src/resources/views/fields/pagebuilder-grapejs.blade.php
 create mode 100644 src/resources/views/fields/pagebuilder-grapesjs.blade.php

diff --git a/src/app/Magic/Fields/GrapePageBuilder.php b/src/app/Magic/Fields/GrapesPageBuilder.php
similarity index 67%
rename from src/app/Magic/Fields/GrapePageBuilder.php
rename to src/app/Magic/Fields/GrapesPageBuilder.php
index bb391d9..df6ae8a 100644
--- a/src/app/Magic/Fields/GrapePageBuilder.php
+++ b/src/app/Magic/Fields/GrapesPageBuilder.php
@@ -4,8 +4,8 @@ namespace Cubist\Backpack\Magic\Fields;
 
 use Cubist\Backpack\CubistBackpackServiceProvider;
 
-class GrapePageBuilder extends Textarea
+class GrapesPageBuilder extends Textarea
 {
-    protected $_adminType = 'pagebuilder-grapejs';
+    protected $_adminType = 'pagebuilder-grapesjs';
     protected $_viewNamespace = CubistBackpackServiceProvider::NAMESPACE . '::fields';
 }
diff --git a/src/resources/views/fields/pagebuilder-grapejs.blade.php b/src/resources/views/fields/pagebuilder-grapejs.blade.php
deleted file mode 100644
index ae7f809..0000000
--- a/src/resources/views/fields/pagebuilder-grapejs.blade.php
+++ /dev/null
@@ -1,55 +0,0 @@
-@php
-
-    @endphp
-
-    <!-- grapejs input -->
-@include('crud::fields.inc.wrapper_start')
-<label>{!! $field['label'] !!}</label>
-@include('crud::fields.inc.translatable_icon')
-
-@push('crud_fields_styles')
-    @basset('https://unpkg.com/grapesjs/dist/css/grapes.min.css')
-@endpush
-
-@push('crud_fields_scripts')
-    @basset('https://unpkg.com/grapesjs')
-@endpush
-
-<div class="grapejs"></div>
-
-@bassetBlock('cubist/grapejs-field.js')
-<script>
-    jQuery(document).ready(function ($) {
-        $(document).on('cubist.bunchmultiple.added', function () {
-            initUntriggeredGrapeJS($);
-        });
-        initUntriggeredGrapeJS($);
-    });
-
-    function initUntriggeredGrapeJS($) {
-        // trigger select2 for each untriggered select2 box
-        $('.grapejs:not(.grapejs-init)').each(function (i, obj) {
-            let id = 'gjs-' + (Math.round(Math.random() * 10000000));
-            $(obj).attr('id', id);
-
-            if ($(obj).closest('.item.sample').length > 0) {
-                return;
-            }
-            $(obj).addClass('grapejs-init');
-            let e = grapesjs.init({
-                container: '#' + id,
-                components: '<div class="txt-red">Hello world!</div>',
-                style: '.txt-red{color: red}',
-            });
-            $(obj).data('grapejs', e);
-        });
-    }
-</script>
-@endBassetBlock
-
-
-{{-- HINT --}}
-@if (isset($field['hint']))
-    <p class="help-block">{!! $field['hint'] !!}</p>
-@endif
-@include('crud::fields.inc.wrapper_end')
diff --git a/src/resources/views/fields/pagebuilder-grapesjs.blade.php b/src/resources/views/fields/pagebuilder-grapesjs.blade.php
new file mode 100644
index 0000000..ec1c467
--- /dev/null
+++ b/src/resources/views/fields/pagebuilder-grapesjs.blade.php
@@ -0,0 +1,49 @@
+@include('crud::fields.inc.wrapper_start')
+<label>{!! $field['label'] !!}</label>
+@include('crud::fields.inc.translatable_icon')
+
+@push('crud_fields_styles')
+    @basset('https://unpkg.com/grapesjs/dist/css/grapes.min.css')
+@endpush
+
+@push('crud_fields_scripts')
+    @basset('https://unpkg.com/grapesjs/dist/grapes.min.js')
+    @bassetBlock('cubist/grapesjs-field.js')
+    <script>
+        jQuery(document).ready(function ($) {
+            $(document).on('cubist.bunchmultiple.added', function () {
+                initUntriggeredGrapesJS($);
+            });
+            initUntriggeredGrapesJS($);
+        });
+
+        function initUntriggeredGrapesJS($) {
+            // trigger select2 for each untriggered select2 box
+            $('.grapesjs:not(.grapesjs-init)').each(function (i, obj) {
+                let id = 'gjs-' + (Math.round(Math.random() * 10000000));
+                $(obj).attr('id', id);
+
+                if ($(obj).closest('.item.sample').length > 0) {
+                    return;
+                }
+                $(obj).addClass('grapesjs-init');
+                let e = grapesjs.init({
+                    container: '#' + id,
+                    components: '<div class="txt-red">Hello world!</div>',
+                    style: '.txt-red{color: red}',
+                });
+                $(obj).data('grapesjs', e);
+            });
+        }
+    </script>
+    @endBassetBlock
+@endpush
+
+<div class="grapesjs"></div>
+
+
+{{-- HINT --}}
+@if (isset($field['hint']))
+    <p class="help-block">{!! $field['hint'] !!}</p>
+@endif
+@include('crud::fields.inc.wrapper_end')
-- 
2.39.5