¨4.0.1¨

Modules/Category/Resources/assets/admin/js/CategoryTree.js

@@ -8,13 +8,15 @@ export default class {
         this.fetchCategoryTree();
 
         // On selecting a category.
-        selector.on('select_node.jstree', (e, node) => categoryForm.fetchCategory(node.selected[0]));
+        selector.on("select_node.jstree", (e, node) =>
+            categoryForm.fetchCategory(node.selected[0])
+        );
 
         // Expand categories when jstree is loaded.
-        selector.on('loaded.jstree', () => selector.jstree('open_all'));
+        selector.on("loaded.jstree", () => selector.jstree("open_all"));
 
         // On updating category tree.
-        this.selector.on('move_node.jstree', (e, data) => {
+        this.selector.on("move_node.jstree", (e, data) => {
             this.updateCategoryTree(data);
         });
     }
@@ -22,10 +24,10 @@ export default class {
     fetchCategoryTree() {
         this.selector.jstree({
             core: {
-                data: { url: route('admin.categories.tree') },
+                data: { url: route("admin.categories.tree") },
                 check_callback: true,
             },
-            plugins: ['dnd'],
+            plugins: ["dnd"],
         });
     }
 
@@ -33,8 +35,8 @@ export default class {
         this.loading(data.node, true);
 
         $.ajax({
-            type: 'PUT',
-            url: route('admin.categories.tree.update'),
+            type: "PUT",
+            url: route("admin.categories.tree.update"),
             data: { category_tree: this.getCategoryTree() },
             success: (message) => {
                 success(message);
@@ -50,12 +52,14 @@ export default class {
     }
 
     getCategoryTree() {
-        let categories = this.selector.jstree(true).get_json('#', { flat: true });
+        let categories = this.selector
+            .jstree(true)
+            .get_json("#", { flat: true });
 
         return categories.reduce((formatted, category) => {
             return formatted.concat({
                 id: category.id,
-                parent_id: (category.parent === '#') ? null : category.parent,
+                parent_id: category.parent === "#" ? null : category.parent,
                 position: category.data.position,
             });
         }, []);
@@ -65,9 +69,9 @@ export default class {
         let nodeElement = this.selector.jstree().get_node(node, true);
 
         if (state) {
-            $(nodeElement).addClass('jstree-loading');
+            $(nodeElement).addClass("jstree-loading");
         } else {
-            $(nodeElement).removeClass('jstree-loading');
+            $(nodeElement).removeClass("jstree-loading");
         }
     }
 }

Modules/Category/Resources/assets/admin/js/main.js

@@ -1,3 +1,3 @@
-import CategoryForm from './CategoryForm';
+import CategoryForm from "./CategoryForm";
 
 new CategoryForm();

Modules/Category/Resources/assets/admin/sass/main.scss

@@ -1,4 +1,6 @@
-@import '~jstree/dist/themes/default/style';
+/*rtl:begin:ignore*/
+@import "jstree/dist/themes/default/style";
+/*rtl:end:ignore*/
 
 .category-tree {
     margin-left: -10px;
@@ -13,14 +15,6 @@
     margin: 5px 0 10px;
 }
 
-.rtl {
-    .jstree-default {
-        &.jstree-rtl .jstree-node {
-            background-position: 0% 1px;
-        }
-    }
-}
-
 #category-form .loading-spinner {
     margin-top: 15px;
     margin-bottom: 20px;

Modules/Category/Resources/lang/en/messages.php

@@ -1,5 +1,5 @@
 <?php
 
 return [
-    'category_order_saved' => 'Category order has been saved.',
+    'category_order_updated' => 'Category order updated',
 ];

Modules/Category/Resources/views/admin/categories/index.blade.php

@@ -105,3 +105,14 @@
         </div>
     </div>
 @endsection
+
+@push('globals')
+    <script type="module" src="{{ v(asset('build/assets/jstree.min.js')) }}"></script>
+
+    @vite([
+        'Modules/Category/Resources/assets/admin/sass/main.scss',
+        'Modules/Category/Resources/assets/admin/js/main.js',
+        'Modules/Media/Resources/assets/admin/sass/main.scss',
+        'Modules/Media/Resources/assets/admin/js/main.js',
+    ])
+@endpush