Add USB syncing page to swipe view

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

Contributes to issue CURA-8609.
This commit is contained in:
Ghostkeeper 2021-10-06 15:11:14 +02:00
parent 5db964aed1
commit e5dc90a519
No known key found for this signature in database
GPG key ID: D2A8871EE34EC59A
2 changed files with 112 additions and 0 deletions

View file

@ -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")
}
}
}
}
}
}

View file

@ -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>

After

Width:  |  Height:  |  Size: 2.4 KiB