mirror of
https://github.com/Ultimaker/Cura.git
synced 2025-07-21 05:37:50 -06:00
Split PackageCard into PackageCard and PackagePage
cura 8734
This commit is contained in:
casper
parent
7be2da587b
commit
5e35e19f21
3 changed files with 516 additions and 300 deletions
|
|
@ -12,57 +12,12 @@ Rectangle
|
||||||
{
|
{
|
||||||
id: root
|
id: root
|
||||||
property var packageData
|
property var packageData
|
||||||
property bool expanded: false
|
|
||||||
property bool manageableInListView
|
property bool manageableInListView
|
||||||
|
|
||||||
height: childrenRect.height
|
height: childrenRect.height
|
||||||
color: UM.Theme.getColor("main_background")
|
color: UM.Theme.getColor("main_background")
|
||||||
radius: UM.Theme.getSize("default_radius").width
|
radius: UM.Theme.getSize("default_radius").width
|
||||||
|
|
||||||
states:
|
|
||||||
[
|
|
||||||
State
|
|
||||||
{
|
|
||||||
name: "Folded"
|
|
||||||
when: !expanded
|
|
||||||
PropertyChanges
|
|
||||||
{
|
|
||||||
target: shortDescription
|
|
||||||
visible: true
|
|
||||||
}
|
|
||||||
PropertyChanges
|
|
||||||
{
|
|
||||||
target: downloadCount
|
|
||||||
visible: false
|
|
||||||
}
|
|
||||||
PropertyChanges
|
|
||||||
{
|
|
||||||
target: extendedDescription
|
|
||||||
visible: false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
State
|
|
||||||
{
|
|
||||||
name: "Expanded"
|
|
||||||
when: expanded
|
|
||||||
PropertyChanges
|
|
||||||
{
|
|
||||||
target: shortDescription
|
|
||||||
visible: false
|
|
||||||
}
|
|
||||||
PropertyChanges
|
|
||||||
{
|
|
||||||
target: downloadCount
|
|
||||||
visible: true
|
|
||||||
}
|
|
||||||
PropertyChanges
|
|
||||||
{
|
|
||||||
target: extendedDescription
|
|
||||||
visible: true
|
|
||||||
}
|
|
||||||
}
|
|
||||||
]
|
|
||||||
|
|
||||||
Column
|
Column
|
||||||
{
|
{
|
||||||
width: parent.width
|
width: parent.width
|
||||||
|
|
@ -258,32 +213,6 @@ Rectangle
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
Row
|
|
||||||
{
|
|
||||||
id: downloadCount
|
|
||||||
Layout.preferredWidth: parent.width
|
|
||||||
Layout.fillHeight: true
|
|
||||||
|
|
||||||
UM.RecolorImage
|
|
||||||
{
|
|
||||||
id: downloadsIcon
|
|
||||||
width: UM.Theme.getSize("card_tiny_icon").width
|
|
||||||
height: UM.Theme.getSize("card_tiny_icon").height
|
|
||||||
|
|
||||||
source: UM.Theme.getIcon("Download")
|
|
||||||
color: UM.Theme.getColor("text")
|
|
||||||
}
|
|
||||||
|
|
||||||
Label
|
|
||||||
{
|
|
||||||
anchors.verticalCenter: downloadsIcon.verticalCenter
|
|
||||||
|
|
||||||
color: UM.Theme.getColor("text")
|
|
||||||
font: UM.Theme.getFont("default")
|
|
||||||
text: packageData.downloadCount
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Author and action buttons.
|
// Author and action buttons.
|
||||||
RowLayout
|
RowLayout
|
||||||
{
|
{
|
||||||
|
|
@ -351,7 +280,7 @@ Rectangle
|
||||||
ManageButton
|
ManageButton
|
||||||
{
|
{
|
||||||
id: installManageButton
|
id: installManageButton
|
||||||
state: (root.manageableInListView || root.expanded || installManageButton.confirmed) && !(enableManageButton.confirmed || updateManageButton.confirmed) ? packageData.stateManageInstallButton : "hidden"
|
state: (root.manageableInListView || installManageButton.confirmed) && !(enableManageButton.confirmed || updateManageButton.confirmed) ? packageData.stateManageInstallButton : "hidden"
|
||||||
busy: packageData.stateManageInstallButton == "busy"
|
busy: packageData.stateManageInstallButton == "busy"
|
||||||
confirmed: packageData.stateManageInstallButton == "confirmed"
|
confirmed: packageData.stateManageInstallButton == "confirmed"
|
||||||
Layout.alignment: Qt.AlignTop
|
Layout.alignment: Qt.AlignTop
|
||||||
|
|
@ -380,7 +309,7 @@ Rectangle
|
||||||
ManageButton
|
ManageButton
|
||||||
{
|
{
|
||||||
id: updateManageButton
|
id: updateManageButton
|
||||||
state: (root.manageableInListView || root.expanded) && (!installManageButton.confirmed || updateManageButton.confirmed) ? packageData.stateManageUpdateButton : "hidden"
|
state: (root.manageableInListView) && (!installManageButton.confirmed || updateManageButton.confirmed) ? packageData.stateManageUpdateButton : "hidden"
|
||||||
busy: packageData.stateManageUpdateButton == "busy"
|
busy: packageData.stateManageUpdateButton == "busy"
|
||||||
confirmed: packageData.stateManageUpdateButton == "confirmed"
|
confirmed: packageData.stateManageUpdateButton == "confirmed"
|
||||||
Layout.alignment: Qt.AlignTop
|
Layout.alignment: Qt.AlignTop
|
||||||
|
|
@ -394,229 +323,6 @@ Rectangle
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
Column
|
|
||||||
{
|
|
||||||
id: extendedDescription
|
|
||||||
width: parent.width
|
|
||||||
|
|
||||||
padding: UM.Theme.getSize("default_margin").width
|
|
||||||
topPadding: 0
|
|
||||||
spacing: UM.Theme.getSize("default_margin").height
|
|
||||||
|
|
||||||
Label
|
|
||||||
{
|
|
||||||
width: parent.width - parent.padding * 2
|
|
||||||
|
|
||||||
text: catalog.i18nc("@header", "Description")
|
|
||||||
font: UM.Theme.getFont("medium_bold")
|
|
||||||
color: UM.Theme.getColor("text")
|
|
||||||
elide: Text.ElideRight
|
|
||||||
}
|
|
||||||
|
|
||||||
Label
|
|
||||||
{
|
|
||||||
width: parent.width - parent.padding * 2
|
|
||||||
|
|
||||||
text: packageData.formattedDescription
|
|
||||||
font: UM.Theme.getFont("medium")
|
|
||||||
color: UM.Theme.getColor("text")
|
|
||||||
linkColor: UM.Theme.getColor("text_link")
|
|
||||||
wrapMode: Text.Wrap
|
|
||||||
textFormat: Text.RichText
|
|
||||||
|
|
||||||
onLinkActivated: UM.UrlUtil.openUrl(link, ["http", "https"])
|
|
||||||
}
|
|
||||||
|
|
||||||
Column //Separate column to have no spacing between compatible printers.
|
|
||||||
{
|
|
||||||
id: compatiblePrinterColumn
|
|
||||||
width: parent.width - parent.padding * 2
|
|
||||||
|
|
||||||
visible: packageData.packageType === "material"
|
|
||||||
spacing: 0
|
|
||||||
|
|
||||||
Label
|
|
||||||
{
|
|
||||||
width: parent.width
|
|
||||||
|
|
||||||
text: catalog.i18nc("@header", "Compatible printers")
|
|
||||||
font: UM.Theme.getFont("medium_bold")
|
|
||||||
color: UM.Theme.getColor("text")
|
|
||||||
elide: Text.ElideRight
|
|
||||||
}
|
|
||||||
|
|
||||||
Repeater
|
|
||||||
{
|
|
||||||
model: packageData.compatiblePrinters
|
|
||||||
|
|
||||||
Label
|
|
||||||
{
|
|
||||||
width: compatiblePrinterColumn.width
|
|
||||||
|
|
||||||
text: modelData
|
|
||||||
font: UM.Theme.getFont("medium")
|
|
||||||
color: UM.Theme.getColor("text")
|
|
||||||
elide: Text.ElideRight
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
Label
|
|
||||||
{
|
|
||||||
width: parent.width
|
|
||||||
|
|
||||||
visible: packageData.compatiblePrinters.length == 0
|
|
||||||
text: "(" + catalog.i18nc("@info", "No compatibility information") + ")"
|
|
||||||
font: UM.Theme.getFont("medium")
|
|
||||||
color: UM.Theme.getColor("text")
|
|
||||||
elide: Text.ElideRight
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
Column
|
|
||||||
{
|
|
||||||
id: compatibleSupportMaterialColumn
|
|
||||||
width: parent.width - parent.padding * 2
|
|
||||||
|
|
||||||
visible: packageData.packageType === "material"
|
|
||||||
spacing: 0
|
|
||||||
|
|
||||||
Label
|
|
||||||
{
|
|
||||||
width: parent.width
|
|
||||||
|
|
||||||
text: catalog.i18nc("@header", "Compatible support materials")
|
|
||||||
font: UM.Theme.getFont("medium_bold")
|
|
||||||
color: UM.Theme.getColor("text")
|
|
||||||
elide: Text.ElideRight
|
|
||||||
}
|
|
||||||
|
|
||||||
Repeater
|
|
||||||
{
|
|
||||||
model: packageData.compatibleSupportMaterials
|
|
||||||
|
|
||||||
Label
|
|
||||||
{
|
|
||||||
width: compatibleSupportMaterialColumn.width
|
|
||||||
|
|
||||||
text: modelData
|
|
||||||
font: UM.Theme.getFont("medium")
|
|
||||||
color: UM.Theme.getColor("text")
|
|
||||||
elide: Text.ElideRight
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
Label
|
|
||||||
{
|
|
||||||
width: parent.width
|
|
||||||
|
|
||||||
visible: packageData.compatibleSupportMaterials.length == 0
|
|
||||||
text: "(" + catalog.i18nc("@info No materials", "None") + ")"
|
|
||||||
font: UM.Theme.getFont("medium")
|
|
||||||
color: UM.Theme.getColor("text")
|
|
||||||
elide: Text.ElideRight
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
Column
|
|
||||||
{
|
|
||||||
width: parent.width - parent.padding * 2
|
|
||||||
|
|
||||||
visible: packageData.packageType === "material"
|
|
||||||
spacing: 0
|
|
||||||
|
|
||||||
Label
|
|
||||||
{
|
|
||||||
width: parent.width
|
|
||||||
|
|
||||||
text: catalog.i18nc("@header", "Compatible with Material Station")
|
|
||||||
font: UM.Theme.getFont("medium_bold")
|
|
||||||
color: UM.Theme.getColor("text")
|
|
||||||
elide: Text.ElideRight
|
|
||||||
}
|
|
||||||
|
|
||||||
Label
|
|
||||||
{
|
|
||||||
width: parent.width
|
|
||||||
|
|
||||||
text: packageData.isCompatibleMaterialStation ? catalog.i18nc("@info", "Yes") : catalog.i18nc("@info", "No")
|
|
||||||
font: UM.Theme.getFont("medium")
|
|
||||||
color: UM.Theme.getColor("text")
|
|
||||||
elide: Text.ElideRight
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
Column
|
|
||||||
{
|
|
||||||
width: parent.width - parent.padding * 2
|
|
||||||
|
|
||||||
visible: packageData.packageType === "material"
|
|
||||||
spacing: 0
|
|
||||||
|
|
||||||
Label
|
|
||||||
{
|
|
||||||
width: parent.width
|
|
||||||
|
|
||||||
text: catalog.i18nc("@header", "Optimized for Air Manager")
|
|
||||||
font: UM.Theme.getFont("medium_bold")
|
|
||||||
color: UM.Theme.getColor("text")
|
|
||||||
elide: Text.ElideRight
|
|
||||||
}
|
|
||||||
|
|
||||||
Label
|
|
||||||
{
|
|
||||||
width: parent.width
|
|
||||||
|
|
||||||
text: packageData.isCompatibleAirManager ? catalog.i18nc("@info", "Yes") : catalog.i18nc("@info", "No")
|
|
||||||
font: UM.Theme.getFont("medium")
|
|
||||||
color: UM.Theme.getColor("text")
|
|
||||||
elide: Text.ElideRight
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
Row
|
|
||||||
{
|
|
||||||
id: externalButtonRow
|
|
||||||
anchors.horizontalCenter: parent.horizontalCenter
|
|
||||||
|
|
||||||
spacing: UM.Theme.getSize("narrow_margin").width
|
|
||||||
|
|
||||||
Cura.SecondaryButton
|
|
||||||
{
|
|
||||||
text: packageData.packageType === "plugin" ? catalog.i18nc("@button", "Visit plug-in website") : catalog.i18nc("@button", "Website")
|
|
||||||
iconSource: UM.Theme.getIcon("Globe")
|
|
||||||
outlineColor: "transparent"
|
|
||||||
onClicked: Qt.openUrlExternally(packageData.packageInfoUrl)
|
|
||||||
}
|
|
||||||
|
|
||||||
Cura.SecondaryButton
|
|
||||||
{
|
|
||||||
visible: packageData.packageType === "material"
|
|
||||||
text: catalog.i18nc("@button", "Buy spool")
|
|
||||||
iconSource: UM.Theme.getIcon("ShoppingCart")
|
|
||||||
outlineColor: "transparent"
|
|
||||||
onClicked: Qt.openUrlExternally(packageData.whereToBuy)
|
|
||||||
}
|
|
||||||
|
|
||||||
Cura.SecondaryButton
|
|
||||||
{
|
|
||||||
visible: packageData.packageType === "material"
|
|
||||||
text: catalog.i18nc("@button", "Safety datasheet")
|
|
||||||
iconSource: UM.Theme.getIcon("Warning")
|
|
||||||
outlineColor: "transparent"
|
|
||||||
onClicked: Qt.openUrlExternally(packageData.safetyDataSheet)
|
|
||||||
}
|
|
||||||
|
|
||||||
Cura.SecondaryButton
|
|
||||||
{
|
|
||||||
visible: packageData.packageType === "material"
|
|
||||||
text: catalog.i18nc("@button", "Technical datasheet")
|
|
||||||
iconSource: UM.Theme.getIcon("DocumentFilled")
|
|
||||||
outlineColor: "transparent"
|
|
||||||
onClicked: Qt.openUrlExternally(packageData.technicalDataSheet)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
FontMetrics
|
FontMetrics
|
||||||
|
|
|
||||||
|
|
@ -74,11 +74,11 @@ Item
|
||||||
|
|
||||||
clip: true //Need to clip, not for the bottom (which is off the window) but for the top (which would overlap the header).
|
clip: true //Need to clip, not for the bottom (which is off the window) but for the top (which would overlap the header).
|
||||||
ScrollBar.horizontal.policy: ScrollBar.AlwaysOff
|
ScrollBar.horizontal.policy: ScrollBar.AlwaysOff
|
||||||
contentHeight: expandedPackageCard.height + UM.Theme.getSize("default_margin").height * 2
|
contentHeight: packagePage.height + UM.Theme.getSize("default_margin").height * 2
|
||||||
|
|
||||||
PackageCard
|
PackagePage
|
||||||
{
|
{
|
||||||
id: expandedPackageCard
|
id: packagePage
|
||||||
anchors
|
anchors
|
||||||
{
|
{
|
||||||
left: parent.left
|
left: parent.left
|
||||||
|
|
@ -90,7 +90,6 @@ Item
|
||||||
}
|
}
|
||||||
|
|
||||||
packageData: detailPage.packageData
|
packageData: detailPage.packageData
|
||||||
expanded: true
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
511
plugins/Marketplace/resources/qml/PackagePage.qml
Normal file
511
plugins/Marketplace/resources/qml/PackagePage.qml
Normal file
|
|
@ -0,0 +1,511 @@
|
||||||
|
// Copyright (c) 2021 Ultimaker B.V.
|
||||||
|
// Cura is released under the terms of the LGPLv3 or higher.
|
||||||
|
|
||||||
|
import QtQuick 2.15
|
||||||
|
import QtQuick.Controls 2.15
|
||||||
|
import QtQuick.Layouts 1.1
|
||||||
|
|
||||||
|
import UM 1.6 as UM
|
||||||
|
import Cura 1.6 as Cura
|
||||||
|
|
||||||
|
Rectangle
|
||||||
|
{
|
||||||
|
id: root
|
||||||
|
property var packageData
|
||||||
|
property bool manageableInListView
|
||||||
|
|
||||||
|
height: childrenRect.height
|
||||||
|
color: UM.Theme.getColor("main_background")
|
||||||
|
radius: UM.Theme.getSize("default_radius").width
|
||||||
|
|
||||||
|
Column
|
||||||
|
{
|
||||||
|
width: parent.width
|
||||||
|
|
||||||
|
spacing: 0
|
||||||
|
|
||||||
|
Item
|
||||||
|
{
|
||||||
|
width: parent.width
|
||||||
|
height: UM.Theme.getSize("card").height
|
||||||
|
|
||||||
|
Image
|
||||||
|
{
|
||||||
|
id: packageItem
|
||||||
|
anchors
|
||||||
|
{
|
||||||
|
top: parent.top
|
||||||
|
left: parent.left
|
||||||
|
margins: UM.Theme.getSize("default_margin").width
|
||||||
|
}
|
||||||
|
width: UM.Theme.getSize("card_icon").width
|
||||||
|
height: width
|
||||||
|
|
||||||
|
source: packageData.iconUrl != "" ? packageData.iconUrl : "../images/placeholder.svg"
|
||||||
|
}
|
||||||
|
|
||||||
|
ColumnLayout
|
||||||
|
{
|
||||||
|
anchors
|
||||||
|
{
|
||||||
|
left: packageItem.right
|
||||||
|
leftMargin: UM.Theme.getSize("default_margin").width
|
||||||
|
right: parent.right
|
||||||
|
rightMargin: UM.Theme.getSize("default_margin").width
|
||||||
|
top: parent.top
|
||||||
|
topMargin: UM.Theme.getSize("narrow_margin").height
|
||||||
|
}
|
||||||
|
height: packageItem.height + packageItem.anchors.margins * 2
|
||||||
|
|
||||||
|
// Title row.
|
||||||
|
RowLayout
|
||||||
|
{
|
||||||
|
id: titleBar
|
||||||
|
Layout.preferredWidth: parent.width
|
||||||
|
Layout.preferredHeight: childrenRect.height
|
||||||
|
|
||||||
|
Label
|
||||||
|
{
|
||||||
|
text: packageData.displayName
|
||||||
|
font: UM.Theme.getFont("medium_bold")
|
||||||
|
color: UM.Theme.getColor("text")
|
||||||
|
verticalAlignment: Text.AlignTop
|
||||||
|
}
|
||||||
|
VerifiedIcon
|
||||||
|
{
|
||||||
|
enabled: packageData.isCheckedByUltimaker
|
||||||
|
visible: packageData.isCheckedByUltimaker
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
Control
|
||||||
|
{
|
||||||
|
Layout.preferredWidth: UM.Theme.getSize("card_tiny_icon").width
|
||||||
|
Layout.preferredHeight: UM.Theme.getSize("card_tiny_icon").height
|
||||||
|
Layout.alignment: Qt.AlignCenter
|
||||||
|
enabled: false // remove!
|
||||||
|
visible: false // replace packageInfo.XXXXXX
|
||||||
|
// TODO: waiting for materials card implementation
|
||||||
|
|
||||||
|
Cura.ToolTip
|
||||||
|
{
|
||||||
|
tooltipText: "" // TODO
|
||||||
|
visible: parent.hovered
|
||||||
|
}
|
||||||
|
|
||||||
|
UM.RecolorImage
|
||||||
|
{
|
||||||
|
anchors.fill: parent
|
||||||
|
|
||||||
|
color: UM.Theme.getColor("primary")
|
||||||
|
source: UM.Theme.getIcon("CheckCircle") // TODO
|
||||||
|
}
|
||||||
|
|
||||||
|
// onClicked: Qt.openUrlExternally( XXXXXX ) // TODO
|
||||||
|
}
|
||||||
|
|
||||||
|
Label
|
||||||
|
{
|
||||||
|
id: packageVersionLabel
|
||||||
|
text: packageData.packageVersion
|
||||||
|
font: UM.Theme.getFont("default")
|
||||||
|
color: UM.Theme.getColor("text")
|
||||||
|
Layout.fillWidth: true
|
||||||
|
}
|
||||||
|
|
||||||
|
Button
|
||||||
|
{
|
||||||
|
id: externalLinkButton
|
||||||
|
|
||||||
|
// For some reason if i set padding, they don't match up. If i set all of them explicitly, it does work?
|
||||||
|
leftPadding: UM.Theme.getSize("narrow_margin").width
|
||||||
|
rightPadding: UM.Theme.getSize("narrow_margin").width
|
||||||
|
topPadding: UM.Theme.getSize("narrow_margin").width
|
||||||
|
bottomPadding: UM.Theme.getSize("narrow_margin").width
|
||||||
|
|
||||||
|
Layout.preferredWidth: UM.Theme.getSize("card_tiny_icon").width + 2 * padding
|
||||||
|
Layout.preferredHeight: UM.Theme.getSize("card_tiny_icon").width + 2 * padding
|
||||||
|
contentItem: UM.RecolorImage
|
||||||
|
{
|
||||||
|
source: UM.Theme.getIcon("LinkExternal")
|
||||||
|
color: UM.Theme.getColor("icon")
|
||||||
|
implicitWidth: UM.Theme.getSize("card_tiny_icon").width
|
||||||
|
implicitHeight: UM.Theme.getSize("card_tiny_icon").height
|
||||||
|
}
|
||||||
|
|
||||||
|
background: Rectangle
|
||||||
|
{
|
||||||
|
color: externalLinkButton.hovered ? UM.Theme.getColor("action_button_hovered"): "transparent"
|
||||||
|
radius: externalLinkButton.width / 2
|
||||||
|
}
|
||||||
|
onClicked: Qt.openUrlExternally(packageData.authorInfoUrl)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Row
|
||||||
|
{
|
||||||
|
id: downloadCount
|
||||||
|
Layout.preferredWidth: parent.width
|
||||||
|
Layout.fillHeight: true
|
||||||
|
|
||||||
|
UM.RecolorImage
|
||||||
|
{
|
||||||
|
id: downloadsIcon
|
||||||
|
width: UM.Theme.getSize("card_tiny_icon").width
|
||||||
|
height: UM.Theme.getSize("card_tiny_icon").height
|
||||||
|
|
||||||
|
source: UM.Theme.getIcon("Download")
|
||||||
|
color: UM.Theme.getColor("text")
|
||||||
|
}
|
||||||
|
|
||||||
|
Label
|
||||||
|
{
|
||||||
|
anchors.verticalCenter: downloadsIcon.verticalCenter
|
||||||
|
|
||||||
|
color: UM.Theme.getColor("text")
|
||||||
|
font: UM.Theme.getFont("default")
|
||||||
|
text: packageData.downloadCount
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Author and action buttons.
|
||||||
|
RowLayout
|
||||||
|
{
|
||||||
|
id: authorAndActionButton
|
||||||
|
Layout.preferredWidth: parent.width
|
||||||
|
Layout.preferredHeight: childrenRect.height
|
||||||
|
|
||||||
|
spacing: UM.Theme.getSize("narrow_margin").width
|
||||||
|
|
||||||
|
Label
|
||||||
|
{
|
||||||
|
id: authorBy
|
||||||
|
Layout.alignment: Qt.AlignCenter
|
||||||
|
|
||||||
|
text: catalog.i18nc("@label", "By")
|
||||||
|
font: UM.Theme.getFont("default")
|
||||||
|
color: UM.Theme.getColor("text")
|
||||||
|
}
|
||||||
|
|
||||||
|
Cura.TertiaryButton
|
||||||
|
{
|
||||||
|
Layout.fillWidth: true
|
||||||
|
Layout.preferredHeight: authorBy.height
|
||||||
|
Layout.alignment: Qt.AlignCenter
|
||||||
|
|
||||||
|
text: packageData.authorName
|
||||||
|
textFont: UM.Theme.getFont("default_bold")
|
||||||
|
textColor: UM.Theme.getColor("text") // override normal link color
|
||||||
|
leftPadding: 0
|
||||||
|
rightPadding: 0
|
||||||
|
iconSource: UM.Theme.getIcon("LinkExternal")
|
||||||
|
isIconOnRightSide: true
|
||||||
|
|
||||||
|
onClicked: Qt.openUrlExternally(packageData.authorInfoUrl)
|
||||||
|
}
|
||||||
|
|
||||||
|
ManageButton
|
||||||
|
{
|
||||||
|
id: enableManageButton
|
||||||
|
state: !(installManageButton.confirmed || updateManageButton.confirmed) || enableManageButton.confirmed ? packageData.stateManageEnableButton : "hidden"
|
||||||
|
busy: packageData.enableManageButton == "busy"
|
||||||
|
confirmed: packageData.enableManageButton == "confirmed"
|
||||||
|
Layout.alignment: Qt.AlignTop
|
||||||
|
primaryText: catalog.i18nc("@button", "Enable")
|
||||||
|
busyPrimaryText: catalog.i18nc("@button", "Enabling...")
|
||||||
|
confirmedPrimaryText: catalog.i18nc("@button", "Enabled")
|
||||||
|
secondaryText: catalog.i18nc("@button", "Disable")
|
||||||
|
busySecondaryText: catalog.i18nc("@button", "Disabling...")
|
||||||
|
confirmedSecondaryText: catalog.i18nc("@button", "Disabled")
|
||||||
|
enabled: !(installManageButton.busy || updateManageButton.busy)
|
||||||
|
|
||||||
|
onClicked:
|
||||||
|
{
|
||||||
|
if (primary_action)
|
||||||
|
{
|
||||||
|
packageData.enablePackageTriggered(packageData.packageId)
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
packageData.disablePackageTriggered(packageData.packageId)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
ManageButton
|
||||||
|
{
|
||||||
|
id: installManageButton
|
||||||
|
state: !(enableManageButton.confirmed || updateManageButton.confirmed) ? packageData.stateManageInstallButton : "hidden"
|
||||||
|
busy: packageData.stateManageInstallButton == "busy"
|
||||||
|
confirmed: packageData.stateManageInstallButton == "confirmed"
|
||||||
|
Layout.alignment: Qt.AlignTop
|
||||||
|
primaryText: catalog.i18nc("@button", "Install")
|
||||||
|
busyPrimaryText: catalog.i18nc("@button", "Installing...")
|
||||||
|
confirmedPrimaryText: catalog.i18nc("@button", "Installed")
|
||||||
|
secondaryText: catalog.i18nc("@button", "Uninstall")
|
||||||
|
busySecondaryText: catalog.i18nc("@button", "Uninstalling...")
|
||||||
|
confirmedSecondaryText: catalog.i18nc("@button", "Uninstalled")
|
||||||
|
confirmedTextChoice: packageData.isRecentlyInstalled
|
||||||
|
enabled: !(enableManageButton.busy || updateManageButton.busy)
|
||||||
|
|
||||||
|
onClicked:
|
||||||
|
{
|
||||||
|
if (primary_action)
|
||||||
|
{
|
||||||
|
packageData.installPackageTriggered(packageData.packageId)
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
packageData.uninstallPackageTriggered(packageData.packageId)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
ManageButton
|
||||||
|
{
|
||||||
|
id: updateManageButton
|
||||||
|
state: !installManageButton.confirmed || updateManageButton.confirmed ? packageData.stateManageUpdateButton : "hidden"
|
||||||
|
busy: packageData.stateManageUpdateButton == "busy"
|
||||||
|
confirmed: packageData.stateManageUpdateButton == "confirmed"
|
||||||
|
Layout.alignment: Qt.AlignTop
|
||||||
|
primaryText: catalog.i18nc("@button", "Update")
|
||||||
|
busyPrimaryText: catalog.i18nc("@button", "Updating...")
|
||||||
|
confirmedPrimaryText: catalog.i18nc("@button", "Updated")
|
||||||
|
enabled: !(installManageButton.busy || enableManageButton.busy)
|
||||||
|
|
||||||
|
onClicked: packageData.updatePackageTriggered(packageData.packageId)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Column
|
||||||
|
{
|
||||||
|
id: extendedDescription
|
||||||
|
width: parent.width
|
||||||
|
|
||||||
|
padding: UM.Theme.getSize("default_margin").width
|
||||||
|
topPadding: 0
|
||||||
|
spacing: UM.Theme.getSize("default_margin").height
|
||||||
|
|
||||||
|
Label
|
||||||
|
{
|
||||||
|
width: parent.width - parent.padding * 2
|
||||||
|
|
||||||
|
text: catalog.i18nc("@header", "Description")
|
||||||
|
font: UM.Theme.getFont("medium_bold")
|
||||||
|
color: UM.Theme.getColor("text")
|
||||||
|
elide: Text.ElideRight
|
||||||
|
}
|
||||||
|
|
||||||
|
Label
|
||||||
|
{
|
||||||
|
width: parent.width - parent.padding * 2
|
||||||
|
|
||||||
|
text: packageData.formattedDescription
|
||||||
|
font: UM.Theme.getFont("medium")
|
||||||
|
color: UM.Theme.getColor("text")
|
||||||
|
linkColor: UM.Theme.getColor("text_link")
|
||||||
|
wrapMode: Text.Wrap
|
||||||
|
textFormat: Text.RichText
|
||||||
|
|
||||||
|
onLinkActivated: UM.UrlUtil.openUrl(link, ["http", "https"])
|
||||||
|
}
|
||||||
|
|
||||||
|
Column //Separate column to have no spacing between compatible printers.
|
||||||
|
{
|
||||||
|
id: compatiblePrinterColumn
|
||||||
|
width: parent.width - parent.padding * 2
|
||||||
|
|
||||||
|
visible: packageData.packageType === "material"
|
||||||
|
spacing: 0
|
||||||
|
|
||||||
|
Label
|
||||||
|
{
|
||||||
|
width: parent.width
|
||||||
|
|
||||||
|
text: catalog.i18nc("@header", "Compatible printers")
|
||||||
|
font: UM.Theme.getFont("medium_bold")
|
||||||
|
color: UM.Theme.getColor("text")
|
||||||
|
elide: Text.ElideRight
|
||||||
|
}
|
||||||
|
|
||||||
|
Repeater
|
||||||
|
{
|
||||||
|
model: packageData.compatiblePrinters
|
||||||
|
|
||||||
|
Label
|
||||||
|
{
|
||||||
|
width: compatiblePrinterColumn.width
|
||||||
|
|
||||||
|
text: modelData
|
||||||
|
font: UM.Theme.getFont("medium")
|
||||||
|
color: UM.Theme.getColor("text")
|
||||||
|
elide: Text.ElideRight
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Label
|
||||||
|
{
|
||||||
|
width: parent.width
|
||||||
|
|
||||||
|
visible: packageData.compatiblePrinters.length == 0
|
||||||
|
text: "(" + catalog.i18nc("@info", "No compatibility information") + ")"
|
||||||
|
font: UM.Theme.getFont("medium")
|
||||||
|
color: UM.Theme.getColor("text")
|
||||||
|
elide: Text.ElideRight
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Column
|
||||||
|
{
|
||||||
|
id: compatibleSupportMaterialColumn
|
||||||
|
width: parent.width - parent.padding * 2
|
||||||
|
|
||||||
|
visible: packageData.packageType === "material"
|
||||||
|
spacing: 0
|
||||||
|
|
||||||
|
Label
|
||||||
|
{
|
||||||
|
width: parent.width
|
||||||
|
|
||||||
|
text: catalog.i18nc("@header", "Compatible support materials")
|
||||||
|
font: UM.Theme.getFont("medium_bold")
|
||||||
|
color: UM.Theme.getColor("text")
|
||||||
|
elide: Text.ElideRight
|
||||||
|
}
|
||||||
|
|
||||||
|
Repeater
|
||||||
|
{
|
||||||
|
model: packageData.compatibleSupportMaterials
|
||||||
|
|
||||||
|
Label
|
||||||
|
{
|
||||||
|
width: compatibleSupportMaterialColumn.width
|
||||||
|
|
||||||
|
text: modelData
|
||||||
|
font: UM.Theme.getFont("medium")
|
||||||
|
color: UM.Theme.getColor("text")
|
||||||
|
elide: Text.ElideRight
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Label
|
||||||
|
{
|
||||||
|
width: parent.width
|
||||||
|
|
||||||
|
visible: packageData.compatibleSupportMaterials.length == 0
|
||||||
|
text: "(" + catalog.i18nc("@info No materials", "None") + ")"
|
||||||
|
font: UM.Theme.getFont("medium")
|
||||||
|
color: UM.Theme.getColor("text")
|
||||||
|
elide: Text.ElideRight
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Column
|
||||||
|
{
|
||||||
|
width: parent.width - parent.padding * 2
|
||||||
|
|
||||||
|
visible: packageData.packageType === "material"
|
||||||
|
spacing: 0
|
||||||
|
|
||||||
|
Label
|
||||||
|
{
|
||||||
|
width: parent.width
|
||||||
|
|
||||||
|
text: catalog.i18nc("@header", "Compatible with Material Station")
|
||||||
|
font: UM.Theme.getFont("medium_bold")
|
||||||
|
color: UM.Theme.getColor("text")
|
||||||
|
elide: Text.ElideRight
|
||||||
|
}
|
||||||
|
|
||||||
|
Label
|
||||||
|
{
|
||||||
|
width: parent.width
|
||||||
|
|
||||||
|
text: packageData.isCompatibleMaterialStation ? catalog.i18nc("@info", "Yes") : catalog.i18nc("@info", "No")
|
||||||
|
font: UM.Theme.getFont("medium")
|
||||||
|
color: UM.Theme.getColor("text")
|
||||||
|
elide: Text.ElideRight
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Column
|
||||||
|
{
|
||||||
|
width: parent.width - parent.padding * 2
|
||||||
|
|
||||||
|
visible: packageData.packageType === "material"
|
||||||
|
spacing: 0
|
||||||
|
|
||||||
|
Label
|
||||||
|
{
|
||||||
|
width: parent.width
|
||||||
|
|
||||||
|
text: catalog.i18nc("@header", "Optimized for Air Manager")
|
||||||
|
font: UM.Theme.getFont("medium_bold")
|
||||||
|
color: UM.Theme.getColor("text")
|
||||||
|
elide: Text.ElideRight
|
||||||
|
}
|
||||||
|
|
||||||
|
Label
|
||||||
|
{
|
||||||
|
width: parent.width
|
||||||
|
|
||||||
|
text: packageData.isCompatibleAirManager ? catalog.i18nc("@info", "Yes") : catalog.i18nc("@info", "No")
|
||||||
|
font: UM.Theme.getFont("medium")
|
||||||
|
color: UM.Theme.getColor("text")
|
||||||
|
elide: Text.ElideRight
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Row
|
||||||
|
{
|
||||||
|
id: externalButtonRow
|
||||||
|
anchors.horizontalCenter: parent.horizontalCenter
|
||||||
|
|
||||||
|
spacing: UM.Theme.getSize("narrow_margin").width
|
||||||
|
|
||||||
|
Cura.SecondaryButton
|
||||||
|
{
|
||||||
|
text: packageData.packageType === "plugin" ? catalog.i18nc("@button", "Visit plug-in website") : catalog.i18nc("@button", "Website")
|
||||||
|
iconSource: UM.Theme.getIcon("Globe")
|
||||||
|
outlineColor: "transparent"
|
||||||
|
onClicked: Qt.openUrlExternally(packageData.packageInfoUrl)
|
||||||
|
}
|
||||||
|
|
||||||
|
Cura.SecondaryButton
|
||||||
|
{
|
||||||
|
visible: packageData.packageType === "material"
|
||||||
|
text: catalog.i18nc("@button", "Buy spool")
|
||||||
|
iconSource: UM.Theme.getIcon("ShoppingCart")
|
||||||
|
outlineColor: "transparent"
|
||||||
|
onClicked: Qt.openUrlExternally(packageData.whereToBuy)
|
||||||
|
}
|
||||||
|
|
||||||
|
Cura.SecondaryButton
|
||||||
|
{
|
||||||
|
visible: packageData.packageType === "material"
|
||||||
|
text: catalog.i18nc("@button", "Safety datasheet")
|
||||||
|
iconSource: UM.Theme.getIcon("Warning")
|
||||||
|
outlineColor: "transparent"
|
||||||
|
onClicked: Qt.openUrlExternally(packageData.safetyDataSheet)
|
||||||
|
}
|
||||||
|
|
||||||
|
Cura.SecondaryButton
|
||||||
|
{
|
||||||
|
visible: packageData.packageType === "material"
|
||||||
|
text: catalog.i18nc("@button", "Technical datasheet")
|
||||||
|
iconSource: UM.Theme.getIcon("DocumentFilled")
|
||||||
|
outlineColor: "transparent"
|
||||||
|
onClicked: Qt.openUrlExternally(packageData.technicalDataSheet)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
FontMetrics
|
||||||
|
{
|
||||||
|
id: fontMetrics
|
||||||
|
font: UM.Theme.getFont("default")
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Add table
Add a link
Reference in a new issue