mirror of
https://github.com/Ultimaker/Cura.git
synced 2025-07-24 07:03:56 -06:00

On some operating systems the text would not fit due to different font rendering. Also, after translation, it probably wouldn't fit either. Usually we have the button size adjusting to the text inside it. The design didn't do this, either because it was too difficult to do in Zeplin, because the designer was lazy, or because the designer didn't know that this was the normal style in the rest of Cura. And the programmer took that over literally. Contributes to issue CURA-6057.
139 lines
4.7 KiB
QML
139 lines
4.7 KiB
QML
// Copyright (c) 2019 Ultimaker B.V.
|
|
// Cura is released under the terms of the LGPLv3 or higher.
|
|
|
|
import QtQuick 2.10
|
|
import QtQuick.Controls 2.3
|
|
|
|
import UM 1.3 as UM
|
|
import Cura 1.1 as Cura
|
|
|
|
|
|
//
|
|
// This component contains the content for the "Ultimaker Cloud" page of the welcome on-boarding process.
|
|
//
|
|
Item
|
|
{
|
|
UM.I18nCatalog { id: catalog; name: "cura" }
|
|
|
|
Label
|
|
{
|
|
id: titleLabel
|
|
anchors.top: parent.top
|
|
anchors.topMargin: UM.Theme.getSize("welcome_pages_default_margin").height
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
horizontalAlignment: Text.AlignHCenter
|
|
text: catalog.i18nc("@label", "Ultimaker Cloud")
|
|
color: UM.Theme.getColor("primary_button")
|
|
font: UM.Theme.getFont("large_bold")
|
|
renderType: Text.NativeRendering
|
|
}
|
|
|
|
// Area where the cloud contents can be put. Pictures, texts and such.
|
|
Item
|
|
{
|
|
id: cloudContentsArea
|
|
anchors.top: titleLabel.bottom
|
|
anchors.bottom: finishButton.top
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.margins: UM.Theme.getSize("default_margin").width
|
|
|
|
// Pictures and texts are arranged using Columns with spacing. The whole picture and text area is centered in
|
|
// the cloud contents area.
|
|
Column
|
|
{
|
|
anchors.centerIn: parent
|
|
width: parent.width
|
|
height: childrenRect.height
|
|
|
|
spacing: 20 * screenScaleFactor
|
|
|
|
Image // Cloud image
|
|
{
|
|
id: cloudImage
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
source: UM.Theme.getImage("first_run_ultimaker_cloud")
|
|
}
|
|
|
|
Label // A title-ish text
|
|
{
|
|
id: highlightTextLabel
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
horizontalAlignment: Text.AlignHCenter
|
|
text: catalog.i18nc("@text", "The next generation 3D printing workflow")
|
|
textFormat: Text.RichText
|
|
color: UM.Theme.getColor("primary")
|
|
font: UM.Theme.getFont("medium")
|
|
renderType: Text.NativeRendering
|
|
}
|
|
|
|
Label // A number of text items
|
|
{
|
|
id: textLabel
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
text:
|
|
{
|
|
// There are 3 text items, each of which is translated separately as a single piece of text.
|
|
var full_text = ""
|
|
var t = ""
|
|
|
|
t = catalog.i18nc("@text", "- Send print jobs to Ultimaker printers outside your local network")
|
|
full_text += "<p>" + t + "</p>"
|
|
|
|
t = catalog.i18nc("@text", "- Store your Ultimaker Cura settings in the cloud for use anywhere")
|
|
full_text += "<p>" + t + "</p>"
|
|
|
|
t = catalog.i18nc("@text", "- Get exclusive access to material profiles from leading brands")
|
|
full_text += "<p>" + t + "</p>"
|
|
|
|
return full_text
|
|
}
|
|
textFormat: Text.RichText
|
|
font: UM.Theme.getFont("medium")
|
|
renderType: Text.NativeRendering
|
|
}
|
|
}
|
|
}
|
|
|
|
// Bottom buttons go here
|
|
Cura.PrimaryButton
|
|
{
|
|
id: finishButton
|
|
anchors.right: parent.right
|
|
anchors.bottom: parent.bottom
|
|
anchors.margins: UM.Theme.getSize("welcome_pages_default_margin").width
|
|
text: catalog.i18nc("@button", "Finish")
|
|
onClicked: base.showNextPage()
|
|
}
|
|
|
|
Cura.SecondaryButton
|
|
{
|
|
id: createAccountButton
|
|
anchors.left: parent.left
|
|
anchors.verticalCenter: finishButton.verticalCenter
|
|
anchors.margins: UM.Theme.getSize("welcome_pages_default_margin").width
|
|
text: catalog.i18nc("@button", "Create an account")
|
|
onClicked: Qt.openUrlExternally(CuraApplication.ultimakerCloudAccountRootUrl + "/app/create")
|
|
}
|
|
|
|
Label
|
|
{
|
|
id: signInButton
|
|
anchors.left: createAccountButton.right
|
|
anchors.verticalCenter: finishButton.verticalCenter
|
|
anchors.margins: UM.Theme.getSize("welcome_pages_default_margin").width
|
|
text: catalog.i18nc("@button", "Sign in")
|
|
color: UM.Theme.getColor("secondary_button_text")
|
|
font: UM.Theme.getFont("medium")
|
|
renderType: Text.NativeRendering
|
|
|
|
MouseArea
|
|
{
|
|
anchors.fill: parent
|
|
hoverEnabled: true
|
|
onClicked: Cura.API.account.login()
|
|
onEntered: parent.font.underline = true
|
|
onExited: parent.font.underline = false
|
|
}
|
|
}
|
|
}
|