[ui] Add the notion of Node Documentation

meshroom/ui/qml/GraphEditor/NodeDocumentation.qml

@@ -0,0 +1,38 @@
+import QtQuick 2.11
+import QtQuick.Controls 2.3
+import QtQuick.Layouts 1.3
+import Controls 1.0
+
+import "common.js" as Common
+
+/**
+ * Displays Node documentation
+ */
+FocusScope {
+    id: root
+
+    property variant node
+
+    SystemPalette { id: activePalette }
+
+    ScrollView {
+        width: parent.width
+        height: parent.height
+        ScrollBar.vertical.policy: ScrollBar.AlwaysOn
+        ScrollBar.horizontal.policy: ScrollBar.AlwaysOff
+        clip: true
+
+        TextEdit {
+            width: parent.parent.width
+            height: parent.height
+
+            padding: 8
+            textFormat: TextEdit.MarkdownText
+            selectByMouse: true
+            selectionColor: activePalette.highlight
+            color: activePalette.text
+            text: node.documentation
+            wrapMode: TextEdit.Wrap
+        }
+    }
+}

meshroom/ui/qml/GraphEditor/NodeEditor.qml

@@ -148,6 +148,12 @@ Panel {
                             chunkCurrentIndex: m.chunkCurrentIndex
                             onChangeCurrentChunk: { m.chunkCurrentIndex = chunkIndex }
                         }
+
+                        NodeDocumentation {
+                            id: nodeDocumentation
+                            Layout.fillWidth: true
+                            node: root.node
+                        }
                     }
                 }
             }
@@ -185,6 +191,12 @@ Panel {
                 leftPadding: 8
                 rightPadding: leftPadding
             }
+            TabButton {
+                text: "Documentation"
+                width: implicitWidth
+                leftPadding: 8
+                rightPadding: leftPadding
+            }
         }
     }
 }