[+] added menu and frame for field "description"

KelvinDashboardGUI/DapUiQmlWidgetNodeNetworkExplorer.qml

@@ -4,19 +4,63 @@ import QtQuick.Dialogs 1.2
 import NodeNetworkExplorer 1.0
 
 Page {
-    Flickable {
-        id: dapExplorer
+    Row {
         anchors.fill: parent
-        contentWidth: dapGraphWidget.width * dapGraphWidget.scale
-        contentHeight: dapGraphWidget.height * dapGraphWidget.scale
-        contentY: dapGraphWidget.height / 2 - height / 2
-        contentX: dapGraphWidget.width / 2 - width / 2
-
-        DapUiQmlWidgetNodeNetwork {
-            id: dapGraphWidget
-            scale: 0.6
-            data: dapNodeNetworkModel.data
-            transformOrigin: Item.TopLeft
+
+        Flickable {
+            id: dapExplorer
+            anchors.fill: parent
+            contentWidth: dapGraphWidget.width * dapGraphWidget.scale
+            contentHeight: dapGraphWidget.height * dapGraphWidget.scale
+            contentY: dapGraphWidget.height / 2 - height / 2
+            contentX: dapGraphWidget.width / 2 - width / 2
+
+            DapUiQmlWidgetNodeNetwork {
+                id: dapGraphWidget
+                scale: 0.6
+                transformOrigin: Item.TopLeft
+                model: dapNodeNetworkModel
+
+                Menu {
+                    id: dapNodeNetworkMenu
+                    MenuItem {
+                        id: dapMenuItemDetails
+                        text: "Show detalies"
+                        onTriggered: {
+                            dapNodeNetworkDescription.visible = true;
+                        }
+                    }
+
+                    MenuItem {
+                        id: dapMenuItemStatus
+                        text: "Set status"
+                        onTriggered: {
+
+                        }
+                    }
+                }
+
+                MouseArea {
+                    anchors.fill: parent;
+                    acceptedButtons: Qt.RightButton
+                    onReleased: {
+                        dapNodeNetworkMenu.x = mouseX;
+                        dapNodeNetworkMenu.y = mouseY;
+                        dapNodeNetworkMenu.visible = true;
+                    }
+                }
+            }
         }
+
+
+        Rectangle {
+            id: dapNodeNetworkDescription
+            width: 300
+//            anchors.top: parent.top
+//            anchors.right: parent.right
+//            anchors.bottom: parent.bottom
+            visible: false
+        }
+
     }
 }