From 3b62759ff299611b6e02268231f88a4a9d4c5400 Mon Sep 17 00:00:00 2001
From: Ghostkeeper <rubend@tutanota.com>
Date: Tue, 5 Oct 2021 13:15:40 +0200
Subject: [PATCH] Design for sign in page of material sync dialog

It's not functional yet at the moment, but this is a nice layout.

Contributes to issue CURA-8609.
---
 .../Materials/MaterialsSyncDialog.qml         | 62 +++++++++++++++++++
 1 file changed, 62 insertions(+)

diff --git a/resources/qml/Preferences/Materials/MaterialsSyncDialog.qml b/resources/qml/Preferences/Materials/MaterialsSyncDialog.qml
index 2a8828ca82..64c52fb7e0 100644
--- a/resources/qml/Preferences/Materials/MaterialsSyncDialog.qml
+++ b/resources/qml/Preferences/Materials/MaterialsSyncDialog.qml
@@ -3,6 +3,7 @@
 
 import QtQuick 2.1
 import QtQuick.Controls 2.1
+import QtQuick.Layouts 1.15
 import QtQuick.Window 2.1
 import Cura 1.1 as Cura
 import UM 1.2 as UM
@@ -23,6 +24,7 @@ Window
     {
         id: swipeView
         anchors.fill: parent
+        interactive: false
 
         Rectangle
         {
@@ -83,5 +85,65 @@ Window
                 onClicked: Qt.openUrlExternally("https://ultimaker.com")
             }
         }
+
+        Rectangle
+        {
+            id: signinPage
+            color: UM.Theme.getColor("main_background")
+
+            ColumnLayout
+            {
+                spacing: UM.Theme.getSize("default_margin").height
+                anchors.fill: parent
+                anchors.margins: UM.Theme.getSize("default_margin").width
+
+                Label
+                {
+                    text: catalog.i18nc("@title:header", "Sign in")
+                    font: UM.Theme.getFont("large_bold")
+                    color: UM.Theme.getColor("text")
+                    Layout.preferredHeight: height
+                }
+                Label
+                {
+                    text: catalog.i18nc("@text", "To automatically sync the material profiles with all your printers connected to Digital Factory you need to be signed in in Cura.")
+                    font: UM.Theme.getFont("medium")
+                    color: UM.Theme.getColor("text")
+                    wrapMode: Text.WordWrap
+                    width: parent.width
+                    Layout.maximumWidth: width
+                    Layout.preferredHeight: height
+                }
+                Item
+                {
+                    Layout.preferredWidth: parent.width
+                    Layout.fillHeight: true
+                    Image
+                    {
+                        source: UM.Theme.getImage("first_run_ultimaker_cloud")
+                        width: parent.width / 2
+                        sourceSize.width: width
+                        anchors.verticalCenter: parent.verticalCenter
+                        anchors.horizontalCenter: parent.horizontalCenter
+                    }
+                }
+                Item
+                {
+                    width: parent.width
+                    height: childrenRect.height
+                    Layout.preferredHeight: height
+                    Cura.SecondaryButton
+                    {
+                        anchors.left: parent.left
+                        text: catalog.i18nc("@button", "Sync materials with USB")
+                    }
+                    Cura.PrimaryButton
+                    {
+                        anchors.right: parent.right
+                        text: catalog.i18nc("@button", "Sign in")
+                    }
+                }
+            }
+        }
     }
 }
\ No newline at end of file