fix tree slot and rich text box

Author: szczepanmasny

src/utils/crud/components/CrudTreeClientMode.vue

@@ -130,13 +130,13 @@
             <v-col>
               <span class="tree-item__field-value">
                 <slot
-                  :name="`field:${header.value}`"
-                  :value="item[header.value]"
+                  :name="`field:${field.name}`"
+                  :value="field.value"
                   :item="item"
                 >
                   <list-item-field
-                    :value="item[header.value]"
-                    :text-mode="textMode(item, header.value)"
+                    :value="field.value"
+                    :text-mode="textMode(item, field.name)"
                   />
                 </slot>
               </span>
@@ -207,6 +207,7 @@ export default {
             const computeFields = (item) => {
               return this.tableFields.map(field => {
                 return {
+                  name: field.name,
                   label: field.text,
                   value: item[field.name],
                 }

src/utils/crud/components/field-types/RichTextBox.vue

@@ -46,41 +46,6 @@ export default {
     field: {
       type: Object,
     },
-    availableExtensions: {
-      type: Array,
-      default: () => {
-        return [
-          'History',
-          'Bold',
-          'Italic',
-          'Underline',
-          'Strike',
-          'Paragraph',
-          'ListItem',
-          'BulletList',
-          'OrderedList',
-          {
-            name: 'Heading',
-            options: {
-              levels: [
-                1,
-                2,
-                3,
-                4,
-                5,
-                6,
-              ],
-            },
-          },
-          'HardBreak',
-          'HorizontalRule',
-          'Blockquote',
-          'Code',
-          'Link',
-          'Image',
-        ]
-      },
-    },
   },
   data: () => ({
     content: '',
@@ -102,11 +67,42 @@ export default {
       History,
       Image,
     },
+    availableExtensions: [
+      'History',
+      'Bold',
+      'Italic',
+      'Underline',
+      'Strike',
+      'Paragraph',
+      'ListItem',
+      'BulletList',
+      'OrderedList',
+      {
+        name: 'Heading',
+        options: {
+          levels: [
+            1,
+            2,
+            3,
+            4,
+            5,
+            6,
+          ],
+        },
+      },
+      'HardBreak',
+      'HorizontalRule',
+      'Blockquote',
+      'Code',
+      'Link',
+      'Image',
+    ],
   }),
   computed: {
     extensions () {
       const extensions = []
-      for (const extension of this.availableExtensions) {
+      const selectedExtensions = this.field.richTextBoxOperations || this.availableExtensions
+      for (const extension of selectedExtensions) {
         if (extension) {
           if (typeof extension === 'string' && this.extensionsExists(extension)) {
             extensions.push(this.extensionsMap[extension])