+++ /dev/null
-<?php
-
-namespace Cubist\Backpack\Magic\Fields;
-
-use Cubist\Backpack\CubistBackpackServiceProvider;
-
-class GrapePageBuilder extends Textarea
-{
- protected $_adminType = 'pagebuilder-grapejs';
- protected $_viewNamespace = CubistBackpackServiceProvider::NAMESPACE . '::fields';
-}
--- /dev/null
+<?php
+
+namespace Cubist\Backpack\Magic\Fields;
+
+use Cubist\Backpack\CubistBackpackServiceProvider;
+
+class GrapesPageBuilder extends Textarea
+{
+ protected $_adminType = 'pagebuilder-grapesjs';
+ protected $_viewNamespace = CubistBackpackServiceProvider::NAMESPACE . '::fields';
+}
+++ /dev/null
-@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')
--- /dev/null
+@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')