mirror of
https://github.com/Ultimaker/Cura.git
synced 2025-07-21 21:58:01 -06:00
82f140aa39
Hide disable/uninstall/install buttons, they're not active anyway and it's not part of this ticket in what state they should be hidden or not. What is part of the folded versus header is the download count row. (Also adapt link color.) part of CURA-8561
343 lines
12 KiB
QML
343 lines
12 KiB
QML
// 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
|
|
{
|
|
property var packageData
|
|
|
|
width: parent ? parent.width - UM.Theme.getSize("default_margin").width : 0
|
|
height: childrenRect.height
|
|
|
|
color: UM.Theme.getColor("main_background")
|
|
radius: UM.Theme.getSize("default_radius").width
|
|
|
|
states:
|
|
[
|
|
State
|
|
{
|
|
name: "Folded"
|
|
when: true // TODO
|
|
PropertyChanges
|
|
{
|
|
target: downloadCountRow
|
|
visible: false
|
|
}
|
|
},
|
|
State
|
|
{
|
|
name: "Header"
|
|
when: false // TODO
|
|
PropertyChanges
|
|
{
|
|
target: downloadCountRow
|
|
visible: true
|
|
}
|
|
}
|
|
]
|
|
|
|
RowLayout
|
|
{
|
|
width: parent.width - UM.Theme.getSize("thin_margin").width * 2
|
|
height: childrenRect.height + UM.Theme.getSize("thin_margin").height * 2
|
|
x: UM.Theme.getSize("thin_margin").width
|
|
y: UM.Theme.getSize("thin_margin").height
|
|
|
|
spacing: UM.Theme.getSize("default_margin").width
|
|
|
|
Image //Separate column for icon on the left.
|
|
{
|
|
Layout.preferredWidth: UM.Theme.getSize("card_icon").width
|
|
Layout.preferredHeight: UM.Theme.getSize("card_icon").height
|
|
Layout.alignment: Qt.AlignTop
|
|
|
|
source: packageData.iconUrl != "" ? packageData.iconUrl : "../images/placeholder.svg"
|
|
}
|
|
|
|
Column
|
|
{
|
|
Layout.fillWidth: true
|
|
Layout.alignment: Qt.AlignTop
|
|
|
|
RowLayout //Title row.
|
|
{
|
|
Layout.alignment: Qt.AlignTop
|
|
width: parent.width
|
|
|
|
Label
|
|
{
|
|
Layout.alignment: Qt.AlignTop
|
|
|
|
text: packageData.displayName
|
|
font: UM.Theme.getFont("medium_bold")
|
|
color: UM.Theme.getColor("text")
|
|
}
|
|
|
|
Row //Row inside row, but the non-layout version skips invisible elements.
|
|
{
|
|
spacing: parent.spacing
|
|
Layout.alignment: Qt.AlignTop
|
|
|
|
Control
|
|
{
|
|
width: UM.Theme.getSize("card_tiny_icon").width
|
|
height: UM.Theme.getSize("card_tiny_icon").height
|
|
Layout.alignment: Qt.AlignTop
|
|
|
|
enabled: packageData.isVerified
|
|
|
|
Cura.ToolTip
|
|
{
|
|
tooltipText: catalog.i18nc("@info", "Verified")
|
|
visible: parent.hovered
|
|
}
|
|
|
|
UM.RecolorImage
|
|
{
|
|
anchors.fill: parent
|
|
|
|
color: UM.Theme.getColor("primary")
|
|
visible: packageData.isVerified
|
|
source: UM.Theme.getIcon("CheckCircle")
|
|
}
|
|
|
|
//NOTE: Can we link to something here? (Probably a static link explaining what verified is):
|
|
// onClicked: Qt.openUrlExternally( XXXXXX )
|
|
}
|
|
|
|
Control
|
|
{
|
|
width: UM.Theme.getSize("card_tiny_icon").width
|
|
height: UM.Theme.getSize("card_tiny_icon").height
|
|
Layout.alignment: Qt.AlignTop
|
|
|
|
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")
|
|
visible: packageData.isVerified
|
|
source: UM.Theme.getIcon("CheckCircle") // TODO
|
|
}
|
|
|
|
// onClicked: Qt.openUrlExternally( XXXXXX ) // TODO
|
|
}
|
|
}
|
|
|
|
Label
|
|
{
|
|
Layout.fillWidth: true
|
|
Layout.alignment: Qt.AlignTop
|
|
|
|
text: packageData.packageVersion
|
|
font: UM.Theme.getFont("default")
|
|
color: UM.Theme.getColor("text")
|
|
}
|
|
|
|
Button
|
|
{
|
|
id: externalLinkButton
|
|
|
|
Layout.preferredWidth: UM.Theme.getSize("card_tiny_icon").width
|
|
Layout.preferredHeight: UM.Theme.getSize("card_tiny_icon").height
|
|
Layout.alignment: Qt.AlignTop
|
|
|
|
Rectangle
|
|
{
|
|
anchors.fill: parent
|
|
color: externalLinkButton.hovered ? UM.Theme.getColor("action_button_hovered") : UM.Theme.getColor("detail_background")
|
|
|
|
UM.RecolorImage
|
|
{
|
|
anchors.fill: parent
|
|
color: externalLinkButton.hovered ? UM.Theme.getColor("text_link") : UM.Theme.getColor("text")
|
|
source: UM.Theme.getIcon("LinkExternal")
|
|
}
|
|
}
|
|
|
|
onClicked: Qt.openUrlExternally(packageData.packageInfoUrl)
|
|
}
|
|
}
|
|
|
|
RowLayout
|
|
{
|
|
id: downloadCountRow
|
|
|
|
width: childrenRect.width
|
|
height: childrenRect.height
|
|
x: UM.Theme.getSize("thin_margin").width
|
|
y: UM.Theme.getSize("thin_margin").height
|
|
|
|
spacing: UM.Theme.getSize("thin_margin").width
|
|
|
|
visible: false // start up invisible (see states)
|
|
|
|
UM.RecolorImage
|
|
{
|
|
id: downloadCountIcon
|
|
width: UM.Theme.getSize("card_tiny_icon").width
|
|
height: UM.Theme.getSize("card_tiny_icon").height
|
|
color: UM.Theme.getColor("icon")
|
|
|
|
source: UM.Theme.getIcon("Download")
|
|
}
|
|
|
|
Label
|
|
{
|
|
id: downloadCountLabel
|
|
text: packageData.downloadCount
|
|
}
|
|
}
|
|
|
|
Item
|
|
{
|
|
width: parent.width
|
|
height: descriptionLabel.height
|
|
|
|
Label
|
|
{
|
|
id: descriptionLabel
|
|
width: parent.width
|
|
property real lastLineWidth: 0; //Store the width of the last line, to properly position the elision.
|
|
|
|
text: packageData.description
|
|
font: UM.Theme.getFont("medium")
|
|
color: UM.Theme.getColor("text")
|
|
maximumLineCount: 2
|
|
wrapMode: Text.Wrap
|
|
elide: Text.ElideRight
|
|
|
|
onLineLaidOut:
|
|
{
|
|
if(truncated && line.isLast)
|
|
{
|
|
let max_line_width = parent.width - readMoreButton.width - fontMetrics.advanceWidth("… ") - UM.Theme.getSize("default_margin").width;
|
|
if(line.implicitWidth > max_line_width)
|
|
{
|
|
line.width = max_line_width;
|
|
}
|
|
else
|
|
{
|
|
line.width = line.implicitWidth - fontMetrics.advanceWidth("…"); //Truncate the ellipsis. We're adding this ourselves.
|
|
}
|
|
descriptionLabel.lastLineWidth = line.implicitWidth;
|
|
}
|
|
}
|
|
}
|
|
|
|
Cura.TertiaryButton
|
|
{
|
|
id: readMoreButton
|
|
anchors.right: parent.right
|
|
anchors.bottom: parent.bottom
|
|
height: fontMetrics.height //Height of a single line.
|
|
|
|
text: catalog.i18nc("@info", "Read more")
|
|
iconSource: UM.Theme.getIcon("LinkExternal")
|
|
|
|
visible: descriptionLabel.truncated
|
|
enabled: visible
|
|
leftPadding: UM.Theme.getSize("default_margin").width
|
|
rightPadding: UM.Theme.getSize("wide_margin").width
|
|
textFont: descriptionLabel.font
|
|
isIconOnRightSide: true
|
|
|
|
// NOTE: Is this the right URL for this action?
|
|
onClicked: Qt.openUrlExternally(packageData.packageInfoUrl)
|
|
}
|
|
|
|
Label
|
|
{
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: descriptionLabel.lastLineWidth
|
|
anchors.bottom: readMoreButton.bottom
|
|
|
|
text: "… "
|
|
font: descriptionLabel.font
|
|
color: descriptionLabel.color
|
|
visible: descriptionLabel.truncated
|
|
}
|
|
}
|
|
|
|
RowLayout //Author and action buttons.
|
|
{
|
|
width: parent.width
|
|
Layout.alignment: Qt.AlignTop
|
|
spacing: UM.Theme.getSize("thin_margin").width
|
|
|
|
Label
|
|
{
|
|
id: authorBy
|
|
Layout.alignment: Qt.AlignTop
|
|
|
|
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.AlignTop
|
|
|
|
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)
|
|
}
|
|
|
|
Cura.SecondaryButton
|
|
{
|
|
id: disableButton
|
|
Layout.alignment: Qt.AlignTop
|
|
text: catalog.i18nc("@button", "Disable")
|
|
visible: false // not functional right now, also only when unfolding and required
|
|
}
|
|
|
|
Cura.SecondaryButton
|
|
{
|
|
id: uninstallButton
|
|
Layout.alignment: Qt.AlignTop
|
|
text: catalog.i18nc("@button", "Uninstall")
|
|
visible: false // not functional right now, also only when unfolding and required
|
|
}
|
|
|
|
Cura.PrimaryButton
|
|
{
|
|
id: installButton
|
|
Layout.alignment: Qt.AlignTop
|
|
text: catalog.i18nc("@button", "Update") // OR Download, if new!
|
|
visible: false // not functional right now, also only when unfolding and required
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
FontMetrics
|
|
{
|
|
id: fontMetrics
|
|
font: UM.Theme.getFont("medium")
|
|
}
|
|
}
|