From e5dc90a51917818dc57d0efd944af804ebd395be Mon Sep 17 00:00:00 2001
From: Ghostkeeper <rubend@tutanota.com>
Date: Wed, 6 Oct 2021 15:11:14 +0200
Subject: [PATCH] Add USB syncing page to swipe view

Looks like a lot of blank space. May need to adjust sizes.

Contributes to issue CURA-8609.
---
 .../Materials/MaterialsSyncDialog.qml         | 79 +++++++++++++++++++
 .../themes/cura-light/images/insert_usb.svg   | 33 ++++++++
 2 files changed, 112 insertions(+)
 create mode 100644 resources/themes/cura-light/images/insert_usb.svg

diff --git a/resources/qml/Preferences/Materials/MaterialsSyncDialog.qml b/resources/qml/Preferences/Materials/MaterialsSyncDialog.qml
index 34c263bf6b..215ac646ff 100644
--- a/resources/qml/Preferences/Materials/MaterialsSyncDialog.qml
+++ b/resources/qml/Preferences/Materials/MaterialsSyncDialog.qml
@@ -341,6 +341,7 @@ Window
                     height: childrenRect.height
                     Layout.preferredWidth: width
                     Layout.preferredHeight: height
+
                     Cura.SecondaryButton
                     {
                         anchors.left: parent.left
@@ -355,5 +356,83 @@ Window
                 }
             }
         }
+
+        Rectangle
+        {
+            id: removableDriveSyncPage
+            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", "Sync material profiles via USB")
+                    font: UM.Theme.getFont("large_bold")
+                    color: UM.Theme.getColor("text")
+                    Layout.preferredHeight: height
+                }
+                Label
+                {
+                    text: catalog.i18nc("@text In the UI this is followed by a list of steps the user needs to take.", "Follow the following steps to load the new material profiles to your printer.")
+                    font: UM.Theme.getFont("medium")
+                    color: UM.Theme.getColor("text")
+                    wrapMode: Text.WordWrap
+                    width: parent.width
+                    Layout.maximumWidth: width
+                    Layout.preferredHeight: height
+                }
+                Row
+                {
+                    width: parent.width
+                    Layout.preferredWidth: width
+                    Layout.fillHeight: true
+                    spacing: UM.Theme.getSize("default_margin").width
+
+                    Image
+                    {
+                        source: UM.Theme.getImage("insert_usb")
+                        width: parent.width / 4
+                        height: width
+                        anchors.verticalCenter: parent.verticalCenter
+                        sourceSize.width: width
+                    }
+                    Label
+                    {
+                        text: "1. " + catalog.i18nc("@text 'hit' as in pressing the button", "Hit the export material archive button.")
+                          + "\n2. " + catalog.i18nc("@text", "Save the .umm file on a USB stick.")
+                          + "\n3. " + catalog.i18nc("@text", "Insert the USB stick into your printer and launch the procedure to load new material profiles.")
+                        font: UM.Theme.getFont("medium")
+                        color: UM.Theme.getColor("text")
+                        wrapMode: Text.WordWrap
+                        width: parent.width * 3 / 4 - UM.Theme.getSize("default_margin").width
+                        anchors.verticalCenter: parent.verticalCenter
+                    }
+                }
+                Item
+                {
+                    width: parent.width
+                    height: childrenRect.height
+                    Layout.preferredWidth: width
+                    Layout.preferredHeight: height
+
+                    Cura.TertiaryButton
+                    {
+                        anchors.left: parent.left
+                        text: catalog.i18nc("@button", "How to load new material profiles to my printer")
+                        iconSource: UM.Theme.getIcon("LinkExternal")
+                        onClicked: Qt.openUrlExternally("https://www.ultimaker.com")
+                    }
+                    Cura.PrimaryButton
+                    {
+                        anchors.right: parent.right
+                        text: catalog.i18nc("@button", "Export material archive")
+                    }
+                }
+            }
+        }
     }
 }
\ No newline at end of file
diff --git a/resources/themes/cura-light/images/insert_usb.svg b/resources/themes/cura-light/images/insert_usb.svg
new file mode 100644
index 0000000000..4a343e1477
--- /dev/null
+++ b/resources/themes/cura-light/images/insert_usb.svg
@@ -0,0 +1,33 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 312 312">
+<defs>
+	<style>
+		.cls-1,.cls-10{fill:#fff;}
+		.cls-2,.cls-9{fill:#e8f1fe;}
+		.cls-11,.cls-3,.cls-5,.cls-8{fill:none;}
+		.cls-10,.cls-3,.cls-4,.cls-9{stroke:#061884;}
+		.cls-10,.cls-11,.cls-3,.cls-4,.cls-8,.cls-9{stroke-miterlimit:10;}
+		.cls-10,.cls-11,.cls-3,.cls-4,.cls-9{stroke-width:2px;}
+		.cls-4{fill:#a3c5f9;}
+		.cls-6{fill:#f7f7f7;}
+		.cls-7{fill:#061884;}
+		.cls-8{stroke:#fff;stroke-width:6px;}
+		.cls-11{stroke:#f7f7f7;}
+	</style>
+</defs>
+<circle class="cls-1" cx="156" cy="156" r="132"/>
+<path class="cls-2" d="M81.72,186.93c10.32-5.88,21.48-9.31,33.36-9.31H286.23A132.89,132.89,0,0,0,288,156c0-1.78-.05-3.55-.12-5.31H241.17a5.47,5.47,0,0,1-5.48-5.47V104.37H90.31a59.16,59.16,0,0,1-6.57-.38A53.25,53.25,0,0,1,46.33,82.52,132.23,132.23,0,0,0,30.5,197h34Zm0-54.66a5.5,5.5,0,0,1-5.5,5.5h-.84a5.5,5.5,0,0,1-5.5-5.5v-.85a5.5,5.5,0,0,1,5.5-5.5h.84a5.5,5.5,0,0,1,5.5,5.5Z"/>
+<path class="cls-2" d="M281.49,144.69h-39.8V71.62h15.8c-1.71-2.06-3.47-4.06-5.3-6h-11a5.47,5.47,0,0,0-5.48,5.47v74.13a5.47,5.47,0,0,0,5.48,5.47h46.71c-.07-2-.21-4-.38-6Z"/>
+<path class="cls-3" d="M252.19,65.62h-11a5.47,5.47,0,0,0-5.48,5.47v74.13a5.47,5.47,0,0,0,5.48,5.47h46.71"/>
+<rect class="cls-4" x="136" y="127" width="40" height="13"/>
+<path class="cls-5" d="M83.74,104a59.16,59.16,0,0,0,6.57.38H235.69V104Z"/>
+<path class="cls-6" d="M115.08,177.62c-11.88,0-23,3.43-33.36,9.31L64.46,197h-34a132,132,0,0,0,255.73-19.38Z"/>
+<path class="cls-3" d="M287.88,150.69H241.17a5.47,5.47,0,0,1-5.48-5.47V104.37H90.31a59.16,59.16,0,0,1-6.57-.38A53.25,53.25,0,0,1,46.33,82.52M30.5,197h34l17.26-10.07c10.32-5.88,21.48-9.31,33.36-9.31H286.23M81.69,132.27a5.5,5.5,0,0,1-5.5,5.5h-.84a5.5,5.5,0,0,1-5.5-5.5v-.85a5.5,5.5,0,0,1,5.5-5.5h.84a5.5,5.5,0,0,1,5.5,5.5Z"/>
+<rect class="cls-7" x="69.85" y="125.92" width="11.85" height="11.85" rx="5.5"/>
+<polyline class="cls-3" points="281.55 197.02 30.55 197.02 64.51 197.02"/>
+<path class="cls-8" d="M171.68,187.56h.95V159H139.46v28.56h1a6.48,6.48,0,0,0-6.48,6.48v75.48a6.48,6.48,0,0,0,6.48,6.48h31.26a6.48,6.48,0,0,0,6.48-6.48V194A6.48,6.48,0,0,0,171.68,187.56Z"/>
+<rect class="cls-9" x="133.94" y="187.56" width="44.22" height="88.44" rx="6.48"/>
+<rect class="cls-10" x="139.46" y="159" width="33.17" height="28.56"/>
+<rect class="cls-7" x="146.83" y="166.58" width="7.37" height="13.4"/>
+<rect class="cls-7" x="157.87" y="166.54" width="7.42" height="13.49"/>
+<circle class="cls-11" cx="156" cy="156" r="132"/>
+</svg>
\ No newline at end of file