Updated documentation for advanced relations

doc/10_GraphQL/04_Query/11_Query_Samples/22_Sample_Advanced_ManyToMany_Object_Relation.md

@@ -1,8 +1,6 @@
 # Advanced Many-to-Many Object Relation and Metadata
 
->TODO: Align this with the new demo as soon as reasonable content is available. 
-
-Data Model:
+Data Model for class `AccessoryPart`:
 
 <div class="image-as-lightbox"></div>
 
@@ -24,17 +22,16 @@ Note that the response differs from `Advanced Many-to-Many Relations` as there c
 
 ```
 {
-  getUser(id: 50, defaultLanguage: "en") {
-    myAdvancedObjects {
+  getAccessoryPart(id:408) {
+    id,
+    classname
+    advAdditionalCategories {
       element {
-        id
+        id, 
         classname
-        title,
-        deTitle: title(language: "de"),
-        shortText(language: "de")
       }
       metadata {
-        name
+        name, 
         value
       }
     }
@@ -44,48 +41,22 @@ Note that the response differs from `Advanced Many-to-Many Relations` as there c
 
 ### Response
 
-Here you also see the use of aliases.
-
 ```
 {
   "data": {
-    "getUser": {
-      "myAdvancedObjects": [
+    "getAccessoryPart": {
+      "id": "408",
+      "classname": "AccessoryPart",
+      "advAdditionalCategories": [
         {
           "element": {
-            "id": "8",
-            "classname": "news",
-            "title": "In enim justo",
-            "deTitle": "Li Europan lingues es membres",
-            "shortText": "Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular."
+            "id": "392",
+            "classname": "Category"
           },
           "metadata": [
             {
-              "name": "altname",
-              "value": "Ratman"
-            },
-            {
-              "name": "name",
-              "value": "Canine"
-            }
-          ]
-        },
-        {
-          "element": {
-            "id": "3",
-            "classname": "news",
-            "title": "Lorem ipsum dolor sit amet",
-            "deTitle": "Er hörte leise Schritte hinter sich",
-            "shortText": "Das bedeutete nichts Gutes. Wer würde ihm schon folgen, spät in der Nacht und dazu noch in dieser engen Gasse mitten im übel beleumundeten Hafenviertel?"
-          },
-          "metadata": [
-            {
-              "name": "altname",
-              "value": "Spike"
-            },
-            {
-              "name": "name",
-              "value": "Doctor"
+              "name": "altName",
+              "value": "AlternativeNameForCategory"
             }
           ]
         }

doc/10_GraphQL/04_Query/11_Query_Samples/23_Sample_Advanced_ManyToMany_Relation_Metadata.md

@@ -4,23 +4,43 @@
 
 ![Metadata](../../../img/graphql/many2many.png)
 
->TODO: Align this with the new demo as soon as reasonable content is available. 
+Data:
+
+<div class="image-as-lightbox"></div>
+
+![many2many_data.png](../../../img/graphql/many2many_data.png)
 
 ### Request
 
-News listing with limit 3 and offset 1
-```
+:::info
+
+Make sure to use the correct inline fragments to access data from the related classes.
+The exact class name is required to access the data. E.g. for manufacturer data use `... on object_Manufacturer`.
+
+:::
+
+```graphql
 {
-  getUser(id: 50) {
-    # advanced many-to-many relation
-    multimeta {
+  getAccessoryPart(id:408) {
+    id,
+    classname
+    additionalLinkedElements {
       element {
-        ... on asset {
+				... on asset {
+          id, 
+          fullpath
+        }
+        ... on object_Manufacturer {
+          id,
+          name
+        }
+        ... on document_page {
+          id,
           fullpath
         }
       }
       metadata {
-        name
+        name, 
         value
       }
     }
@@ -30,52 +50,52 @@ News listing with limit 3 and offset 1
 
 ### Response
 
-```
+```json
 {
-  "data": {
-    "getUser": {
-      "multimeta": [
-        {
-          "element": {
-            "fullpath": "/screenshots/properties-2.png"
-          },
-          "metadata": [
-            {
-              "name": "aname",
-              "value": "B"
-            },
-            {
-              "name": "multi",
-              "value": "1,2"
-            },
-            {
-              "name": "name",
-              "value": "A"
-            }
-          ]
-        },
-        {
-          "element": {
-            "fullpath": "/screenshots/pim1.png"
-          },
-          "metadata": [
-            {
-              "name": "aname",
-              "value": "D"
-            },
-            {
-              "name": "multi",
-              "value": "3,2"
-            },
-            {
-              "name": "name",
-              "value": "C"
-            }
-          ]
+    "data": {
+        "getAccessoryPart": {
+            "id": "408",
+            "classname": "AccessoryPart",
+            "additionalLinkedElements": [
+                {
+                    "element": {
+                        "id": "97",
+                        "fullpath": "/en/Find-and-Buy/On-Sale"
+                    },
+                    "metadata": [
+                        {
+                            "name": "altName",
+                            "value": "OnSale"
+                        }
+                    ]
+                },
+                {
+                    "element": {
+                        "id": "33",
+                        "fullpath": "/Car%20Images/austin%20healey/austin-healey-1019023.jpg"
+                    },
+                    "metadata": [
+                        {
+                            "name": "altName",
+                            "value": "CarImage"
+                        }
+                    ]
+                },
+                {
+                    "element": {
+                        "id": "35",
+                        "name": "Austin-Healey"
+                    },
+                    "metadata": [
+                        {
+                            "name": "altName",
+                            "value": "Manufacturer"
+                        }
+                    ]
+                }
+            ]
         }
-      ]
     }
-  }
 }
 ```