[update] Diagram items page

Author: Victory

docker/redirects.conf

@@ -165,5 +165,6 @@
 /api/export/index/	/diagram/api/export/;
 /api/selection/index/	/diagram/api/selection/;
 /lines/index/	/diagram/lines/;
-api/diagram/defaultlinktype_property/    diagram/api/diagram/lineconfig_property/;
-api/diagram/gridstep_property/    api/editor/gridstep_property/;
+/api/diagram/defaultlinktype_property/    /diagram/api/diagram/lineconfig_property/;
+/api/diagram/gridstep_property/    /diagram/api/editor/gridstep_property/;
+/category/diagram-items/     /diagram/guides/items_index/;

docs/guides/items_index.md

@@ -0,0 +1,30 @@
+---
+sidebar_label: Diagram items
+title: Diagram items
+description: You can learn about diagram items in the documentation of the DHTMLX JavaScript Diagram library. Browse developer guides and API reference, try out code examples and live demos, and download a free 30-day evaluation version of DHTMLX Diagram.
+---
+
+# Diagram items
+
+The next guides introduce you to all available types of Diagram items, and discuss peculiarities on their configuration.
+
+import DocCardList from '@theme/DocCardList';
+import {useCurrentSidebarCategory} from '@docusaurus/theme-common';
+
+<DocCardList items={useCurrentSidebarCategory().items}/>
+
+After you have learnt the guides, you can check the following API sections to accelerate the development process:
+
+- [Items API properties](category/items-api.md)
+- [DataCollection API](api/data_collection.md) (allows adding, removing, filtering data items (such as shapes, lines, groups, swimlanes), etc.)
+- [CellManager API](api/cell_manager.md) (allows adding, removing, moving swimlane cells, etc.)
+- [Selection API](api/selection.md)
+- [Diagram API](api/diagram/api_overview.md)
+- [Diagram Editor API](api/editor/api_overview.md)
+
+To get more knowledge on how to load, customize, edit items and perform different operations over them, read the guides:
+
+- [Loading and storing data](guides/loading_data.md)
+- [Customizing items](guides/customization.md)
+- [Inline editing](guides/inline_editing.md)
+- [Manipulating items](guides/manipulating_items.md)

sidebars.js

@@ -530,12 +530,8 @@ module.exports = {
           type: "category",
           label: "Diagram items",
           link: {
-            type: 'generated-index',
-            title: "Diagram items",
-            //description: '',
-            //slug: '/category/docusaurus-guides',
-            keywords: ['diagram', 'items'],
-            image: '/img/docusaurus.png',
+            type: 'doc',
+            id: "guides/items_index",
           },
           items: [
             // Shapes