Add the callout panel to the account panel, with the two components that

will show up when the user is logged in or when not.

Contributes to CURA-5784.

resources/qml/components/ActionButton.qml

@@ -0,0 +1,61 @@
+// 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 QtQuick.Layouts 1.3
+
+import UM 1.1 as UM
+
+Button
+{
+    id: button
+    property alias cursorShape: mouseArea.cursorShape
+    property var iconSource: ""
+    property var color: UM.Theme.getColor("primary")
+    property var hoverColor: UM.Theme.getColor("primary_hover")
+    property var disabledColor: color
+    property var textColor: UM.Theme.getColor("button_text")
+    property var textHoverColor: UM.Theme.getColor("button_text_hover")
+    property var textDisabledColor: textColor
+    property var textFont: UM.Theme.getFont("action_button")
+
+    contentItem: Row
+    {
+        UM.RecolorImage
+        {
+            id: buttonIcon
+            source: button.iconSource
+            width: 16 * screenScaleFactor
+            height: 16 * screenScaleFactor
+            sourceSize.width: width
+            sourceSize.height: height
+            color: button.hovered ? button.textHoverColor : button.textColor
+            visible: button.iconSource != ""
+        }
+
+        Label
+        {
+            id: buttonText
+            text: button.text
+            color: button.enabled ? (button.hovered ? button.textHoverColor : button.textColor): button.textDisabledColor
+            font: button.textFont
+            visible: button.text != ""
+            renderType: Text.NativeRendering
+        }
+    }
+
+    background: Rectangle
+    {
+        color: button.enabled ? (button.hovered ? button.hoverColor : button.color) : button.disabledColor
+    }
+
+    MouseArea
+    {
+        id: mouseArea
+        anchors.fill: parent
+        onPressed: mouse.accepted = false
+        hoverEnabled: true
+        cursorShape: button.enabled ? (hovered ? Qt.PointingHandCursor : Qt.ArrowCursor) : Qt.ForbiddenCursor
+    }
+}

resources/qml/components/OrientationViews.qml

@@ -0,0 +1,56 @@
+// Copyright (c) 2018 Ultimaker B.V.
+// Cura is released under the terms of the LGPLv3 or higher.
+
+import QtQuick 2.2
+import QtQuick.Controls 1.1
+import QtQuick.Controls.Styles 1.1
+
+import UM 1.4 as UM
+
+// View orientation Item
+Row
+{
+    id: viewOrientationControl
+
+    spacing: 2 * screenScaleFactor
+
+    // #1 3d view
+    Button
+    {
+        iconSource: UM.Theme.getIcon("view_3d")
+        style: UM.Theme.styles.small_tool_button
+        onClicked:UM.Controller.rotateView("3d", 0)
+    }
+
+    // #2 Front view
+    Button
+    {
+        iconSource: UM.Theme.getIcon("view_front")
+        style: UM.Theme.styles.small_tool_button
+        onClicked: UM.Controller.rotateView("home", 0)
+    }
+
+    // #3 Top view
+    Button
+    {
+        iconSource: UM.Theme.getIcon("view_top")
+        style: UM.Theme.styles.small_tool_button
+        onClicked: UM.Controller.rotateView("y", 90)
+    }
+
+    // #4 Left view
+    Button
+    {
+        iconSource: UM.Theme.getIcon("view_left")
+        style: UM.Theme.styles.small_tool_button
+        onClicked: UM.Controller.rotateView("x", 90)
+    }
+
+    // #5 Right view
+    Button
+    {
+        iconSource: UM.Theme.getIcon("view_right")
+        style: UM.Theme.styles.small_tool_button
+        onClicked: UM.Controller.rotateView("x", -90)
+    }
+}