From a93ca4e7089022c95cd738143fffb9cba3efe76f Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Thu, 8 Oct 2020 19:54:21 +0200
Subject: [PATCH] wip #3939 @0.5

---
 src/app/Magic/Fields/Code.php             |  2 +-
 src/resources/views/fields/code.blade.php | 28 +++++++++++++++++++++--
 2 files changed, 27 insertions(+), 3 deletions(-)

diff --git a/src/app/Magic/Fields/Code.php b/src/app/Magic/Fields/Code.php
index 0a64ef3..8f80b59 100644
--- a/src/app/Magic/Fields/Code.php
+++ b/src/app/Magic/Fields/Code.php
@@ -11,7 +11,7 @@ class Code extends Textarea
     protected $_adminType = 'code';
     protected $_databaseType = 'text';
     protected $_translatable = true;
-    protected $_language = 'text';
+    protected $_language = 'html';
     protected $_viewNamespace = CubistBackpackServiceProvider::NAMESPACE . '::fields';
 
     public function getDefaultAttributes()
diff --git a/src/resources/views/fields/code.blade.php b/src/resources/views/fields/code.blade.php
index 25bc2ea..a835e2a 100644
--- a/src/resources/views/fields/code.blade.php
+++ b/src/resources/views/fields/code.blade.php
@@ -1,10 +1,23 @@
+@php
+    $map=['html'=>'htmlmixed'];
+    $mode=$field['language'];
+    if(isset($map[$mode])){
+        $mode=$map[$mode];
+    }
+
+    $allDependencies=['htmlmixed'=>['xml','javascript','css']];
+    $dependencies=[];
+    if(isset($allDependencies[$mode])){
+        $dependencies=$allDependencies[$mode];
+    }
+@endphp
 <!-- textarea -->
 @include('crud::fields.inc.wrapper_start')
 <label>{!! $field['label'] !!}</label>
 @include('crud::fields.inc.translatable_icon')
 <textarea
     class="code"
-    data-language="{{$field['language']}}"
+    data-mode="{{$mode}}"
     name="{{ $field['name'] }}"
         @include('crud::fields.inc.attributes')
 
@@ -30,6 +43,9 @@
         <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.58.1/codemirror.min.js"
                 integrity="sha512-WWC1A/JchDFZ2ZGaNyMC7CmPFXGLI/6Ih7WN6YG0DX1NGMkW5lqCVFxCmEx3e56Z7iqdQGpO0f+m2t9CJhdb2Q=="
                 crossorigin="anonymous"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.58.1/addon/runmode/colorize.min.js"
+                integrity="sha512-GWO6evZYugPhppUQv6Kz/yk8j993+9rx+rHFgXXqerywakcoox3sSEjj756hf/qSHIABGIg/TlyfveTqxtLS1w=="
+                crossorigin="anonymous"></script>
         <script>
             jQuery(document).ready(function ($) {
                 function initMirrorCode() {
@@ -40,7 +56,7 @@
                         $(this).data('mirrorcodeok', true);
                         CodeMirror.fromTextArea($(this).get(0), {
                             lineNumbers: true,
-                            mode: $(this).data('language'),
+                            mode: $(this).data('mode'),
                         });
                     });
                 }
@@ -55,3 +71,11 @@
         </script>
     @endpush
 @endif
+@push('crud_fields_scripts')
+    @foreach($dependencies as $dep)
+        <script
+            src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.58.1/mode/{{$dep}}/{{$dep}}.min.js"></script>
+    @endforeach
+    <script
+        src="https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.58.1/mode/{{$mode}}/{{$mode}}.min.js"></script>
+@endpush
-- 
2.39.5