From 4f75251000e627c0b10bf368a92680f1f19699f0 Mon Sep 17 00:00:00 2001
From: Remco Burema <r.burema@ultimaker.com>
Date: Fri, 26 Aug 2022 14:41:44 +0200
Subject: [PATCH] Prettify monitor page for abstract cloud printers.

Fill placeholder. Image is the closest I could find in the current SVG's. Other than that, this should be it mostly for the 'monitoring' of abstract cloud printers.

part of CURA-9422
---
 plugins/MonitorStage/MonitorMain.qml | 42 ++++++++++++++++++++++------
 1 file changed, 33 insertions(+), 9 deletions(-)

diff --git a/plugins/MonitorStage/MonitorMain.qml b/plugins/MonitorStage/MonitorMain.qml
index 848c4a7187..eaf7fccf2a 100644
--- a/plugins/MonitorStage/MonitorMain.qml
+++ b/plugins/MonitorStage/MonitorMain.qml
@@ -116,17 +116,41 @@ Rectangle
             width: contentWidth
         }
 
-        UM.Label
+        Rectangle
         {
-            id: sendToFactoryLabel
-            anchors
+            id: sendToFactoryCard
+            color: UM.Theme.getColor("detail_background")
+            height: childrenRect.height
+            width: childrenRect.width
+            Column
             {
-                horizontalCenter: parent.horizontalCenter
+                spacing: UM.Theme.getSize("default_margin").height
+                padding: UM.Theme.getSize("default_margin").width
+                topPadding: 0
+
+                Image
+                {
+                    anchors.horizontalCenter: parent.horizontalCenter
+                    source: UM.Theme.getImage("first_run_ultimaker_cloud")
+                }
+
+                UM.Label
+                {
+                    anchors.horizontalCenter: parent.horizontalCenter
+                    visible: isAbstractCloudPrinter
+                    text: catalog.i18nc("@info", "Monitor your printers from everywhere using Ultimaker Digital Factory")
+                    font: UM.Theme.getFont("medium")
+                    width: contentWidth
+                }
+
+                Cura.PrimaryButton
+                {
+                    id: sendToFactoryButton
+                    anchors.horizontalCenter: parent.horizontalCenter
+                    text: catalog.i18nc("@button", "View printers in Digital Factory")
+                    onClicked: Qt.openUrlExternally("https://digitalfactory.ultimaker.com/app/print-jobs?utm_source=cura&utm_medium=software&utm_campaign=monitor-view-cloud-printer-type")
+                }
             }
-            visible: isAbstractCloudPrinter
-            text: catalog.i18nc("@info", "Please go to the Digital Factory. [PLACEHOLDER]")
-            font: UM.Theme.getFont("medium")
-            width: contentWidth
         }
 
         Item
@@ -135,7 +159,7 @@ Rectangle
             {
                 left: noNetworkLabel.left
             }
-            visible: !isNetworkConfigured && isNetworkConfigurable
+            visible: !isNetworkConfigured && isNetworkConfigurable && !isAbstractCloudPrinter
             width: childrenRect.width
             height: childrenRect.height