Backpack version 6 (#9)

Author: malek77z

composer.json

@@ -18,7 +18,7 @@
     "keywords": ["Laravel", "Backpack", "Backpack for Laravel", "Addon", "Admin Panel", "Json", "Field"],
     "require": {
         "ext-json": "*",
-        "backpack/crud": "^4.1.0|^5.0"
+        "backpack/crud": "^4.1.0|^5.0|^6.0"
     },
     "autoload": {
         "psr-4": {

readme.md

@@ -1,4 +1,4 @@
-# JSON Field for Backpack 5
+# JSON Field for Backpack 5 and 6
 
 [![Latest Version on Packagist][ico-version]][link-packagist]
 [![Total Downloads][ico-downloads]][link-downloads]
@@ -19,6 +19,9 @@ Of course, this field should only be used when the admin is savvy enough to know
 
 ![https://user-images.githubusercontent.com/1032474/97699650-e2e92b80-1a80-11eb-8320-3ac35e8a59a1.gif](https://user-images.githubusercontent.com/1032474/97699650-e2e92b80-1a80-11eb-8320-3ac35e8a59a1.gif)
 
+Backpack v6 with Tabler, light and dark modes
+![https://github.com/ziming/json-field-for-backpack/assets/82019078/bdd36562-d46c-4966-ad02-4e765675eae4](https://github.com/ziming/json-field-for-backpack/assets/82019078/bdd36562-d46c-4966-ad02-4e765675eae4)
+
 ## Installation
 
 Via Composer

src/resources/views/fields/json.blade.php

@@ -24,11 +24,11 @@
 
 @if ($crud->checkIfFieldIsFirstOfItsType($field, $fields))
     @push('crud_fields_styles')
-        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jsoneditor/9.9.2/jsoneditor.min.css" />
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jsoneditor/9.10.2/jsoneditor.min.css" />
     @endpush
 
     @push('crud_fields_scripts')
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/jsoneditor/9.9.2/jsoneditor.min.js"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/jsoneditor/9.10.2/jsoneditor.min.js"></script>
         <script>
             let container, jsonString, options, editor;
         </script>
@@ -65,4 +65,10 @@
         window['editor_{{ $field['name'] }}'] = new JSONEditor(container, options, JSON.parse(jsonString));
         document.getElementById('{{ $field['name'] }}').value = window['editor_{{ $field['name'] }}'].getText();
     </script>
+    <style>
+        div.jsoneditor.jsoneditor-mode-preview pre.jsoneditor-preview, .jsoneditor input {
+            background: #FFF;
+        }
+
+    </style>
 @endpush