From c862e72514230a7ed5eee59ca3257c5c58deb968 Mon Sep 17 00:00:00 2001
From: Diego Prado Gesto <d.pradogesto@ultimaker.com>
Date: Fri, 2 Nov 2018 11:10:23 +0100
Subject: [PATCH] Add the print panel information as a popup that shows when
 the "i" icon is clicked.

Contributes to CURA-5786.
---
 .../ActionPanel/OutputDevicesActionButton.qml |  2 +-
 .../qml/ActionPanel/OutputProcessWidget.qml   | 16 +----
 .../ActionPanel/PrintInformationWidget.qml    | 62 +++++++++++++++++++
 3 files changed, 66 insertions(+), 14 deletions(-)
 create mode 100644 resources/qml/ActionPanel/PrintInformationWidget.qml

diff --git a/resources/qml/ActionPanel/OutputDevicesActionButton.qml b/resources/qml/ActionPanel/OutputDevicesActionButton.qml
index 11be11a2b0..32d5f8a73b 100644
--- a/resources/qml/ActionPanel/OutputDevicesActionButton.qml
+++ b/resources/qml/ActionPanel/OutputDevicesActionButton.qml
@@ -91,7 +91,7 @@ Item
             {
                 opacity: visible ? 1 : 0
                 Behavior on opacity { NumberAnimation { duration: 100 } }
-                radius: UM.Theme.getSize("default_radius")
+                radius: UM.Theme.getSize("default_radius").width
                 color: UM.Theme.getColor("action_panel_secondary")
                 border.color: UM.Theme.getColor("lining")
                 border.width: UM.Theme.getSize("default_lining").width
diff --git a/resources/qml/ActionPanel/OutputProcessWidget.qml b/resources/qml/ActionPanel/OutputProcessWidget.qml
index bef40fdfca..a2f9f13576 100644
--- a/resources/qml/ActionPanel/OutputProcessWidget.qml
+++ b/resources/qml/ActionPanel/OutputProcessWidget.qml
@@ -4,7 +4,6 @@
 import QtQuick 2.7
 import QtQuick.Controls 2.1
 import QtQuick.Layouts 1.3
-import QtQuick.Controls 1.4 as Controls1
 
 import UM 1.1 as UM
 import Cura 1.0 as Cura
@@ -35,7 +34,7 @@ Column
             anchors
             {
                 left: parent.left
-                right: moreInformationIcon.left
+                right: printInformationPanel.left
                 rightMargin: UM.Theme.getSize("thin_margin").height
             }
 
@@ -83,24 +82,15 @@ Column
             }
         }
 
-        UM.RecolorImage
+        PrintInformationWidget
         {
-            id: moreInformationIcon
+            id: printInformationPanel
 
             anchors
             {
                 right: parent.right
                 verticalCenter: timeAndCostsInformation.verticalCenter
             }
-
-            source: UM.Theme.getIcon("info")
-            width: UM.Theme.getSize("section_icon").width
-            height: UM.Theme.getSize("section_icon").height
-
-            sourceSize.width: width
-            sourceSize.height: height
-
-            color: UM.Theme.getColor("text_medium")
         }
     }
 
diff --git a/resources/qml/ActionPanel/PrintInformationWidget.qml b/resources/qml/ActionPanel/PrintInformationWidget.qml
new file mode 100644
index 0000000000..f8f91869aa
--- /dev/null
+++ b/resources/qml/ActionPanel/PrintInformationWidget.qml
@@ -0,0 +1,62 @@
+// Copyright (c) 2018 Ultimaker B.V.
+// Cura is released under the terms of the LGPLv3 or higher.
+
+import QtQuick 2.7
+import QtQuick.Controls 2.1
+
+import UM 1.1 as UM
+import Cura 1.0 as Cura
+
+Button
+{
+    id: widget
+
+    implicitHeight: UM.Theme.getSize("section_icon").height
+    implicitWidth: UM.Theme.getSize("section_icon").width
+
+    background: UM.RecolorImage
+    {
+        id: moreInformationIcon
+
+        source: UM.Theme.getIcon("info")
+        width: UM.Theme.getSize("section_icon").width
+        height: UM.Theme.getSize("section_icon").height
+
+        sourceSize.width: width
+        sourceSize.height: height
+
+        color: widget.hovered ? UM.Theme.getColor("primary") : UM.Theme.getColor("text_medium")
+    }
+
+    onClicked: popup.opened ? popup.close() : popup.open()
+
+    Popup
+    {
+        id: popup
+
+        y: -(height + UM.Theme.getSize("default_arrow").height + UM.Theme.getSize("thin_margin").height)
+        x: parent.width - width + UM.Theme.getSize("thin_margin").width
+
+        closePolicy: Popup.CloseOnEscape | Popup.CloseOnPressOutsideParent
+
+        contentItem: Label
+        {
+            id: panel
+            text: "Lorem ipsum dolor sit amet,\nconsectetur adipiscing elit, \nsed do eiusmod tempor incididunt \nut labore et dolore magna aliqua. \nUt enim ad minim veniam, ..."
+        }
+
+        background: UM.PointingRectangle
+        {
+            opacity: visible ? 1 : 0
+            Behavior on opacity { NumberAnimation { duration: 100 } }
+            color: UM.Theme.getColor("tool_panel_background")
+            borderColor: UM.Theme.getColor("lining")
+            borderWidth: UM.Theme.getSize("default_lining").width
+
+            target: Qt.point(width - (widget.width / 2) - UM.Theme.getSize("thin_margin").width,
+                            height + UM.Theme.getSize("default_arrow").height - UM.Theme.getSize("thin_margin").height)
+
+            arrowSize: UM.Theme.getSize("default_arrow").width
+        }
+    }
+}
\ No newline at end of file