mirror of
https://github.com/Ultimaker/Cura.git
synced 2025-08-06 21:44:01 -06:00
335 lines
10 KiB
QML
335 lines
10 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("thin_margin").width : 0
|
|
height: childrenRect.height + UM.Theme.getSize("thin_margin").height * 2
|
|
|
|
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
|
|
}
|
|
PropertyChanges
|
|
{
|
|
target: descriptionArea
|
|
visible: true
|
|
}
|
|
},
|
|
State
|
|
{
|
|
name: "Header"
|
|
when: false // TODO
|
|
PropertyChanges
|
|
{
|
|
target: downloadCountRow
|
|
visible: true
|
|
}
|
|
PropertyChanges
|
|
{
|
|
target: descriptionArea
|
|
visible: false
|
|
}
|
|
}
|
|
]
|
|
|
|
Image //Separate column for icon on the left.
|
|
{
|
|
id: packageItem
|
|
anchors
|
|
{
|
|
top: parent.top
|
|
left: parent.left
|
|
margins: UM.Theme.getSize("thin_margin").width
|
|
}
|
|
width: UM.Theme.getSize("card_icon").width
|
|
height: width
|
|
|
|
source: packageData.iconUrl != "" ? packageData.iconUrl : "../images/placeholder.svg"
|
|
}
|
|
|
|
Column
|
|
{
|
|
anchors
|
|
{
|
|
top: parent.top
|
|
left: packageItem.right
|
|
right: parent.right
|
|
margins: UM.Theme.getSize("thin_margin").width
|
|
}
|
|
|
|
RowLayout //Title row.
|
|
{
|
|
width: parent.width
|
|
spacing: UM.Theme.getSize("thin_margin").width
|
|
Label
|
|
{
|
|
|
|
text: packageData.displayName
|
|
font: UM.Theme.getFont("medium_bold")
|
|
color: UM.Theme.getColor("text")
|
|
verticalAlignment: Text.AlignTop
|
|
}
|
|
|
|
Control
|
|
{
|
|
Layout.preferredWidth: UM.Theme.getSize("card_tiny_icon").width
|
|
Layout.preferredHeight: UM.Theme.getSize("card_tiny_icon").height
|
|
//width: UM.Theme.getSize("card_tiny_icon").width
|
|
//height: UM.Theme.getSize("card_tiny_icon").height
|
|
|
|
enabled: packageData.isVerified
|
|
visible: packageData.isVerified
|
|
|
|
Cura.ToolTip
|
|
{
|
|
tooltipText: catalog.i18nc("@info", "Verified")
|
|
visible: parent.hovered
|
|
}
|
|
|
|
Rectangle
|
|
{
|
|
anchors.fill: parent
|
|
color: UM.Theme.getColor("action_button_hovered")
|
|
radius: width
|
|
UM.RecolorImage
|
|
{
|
|
anchors.fill: parent
|
|
color: UM.Theme.getColor("primary")
|
|
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
|
|
{
|
|
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
|
|
{
|
|
text: packageData.packageVersion
|
|
font: UM.Theme.getFont("default")
|
|
color: UM.Theme.getColor("text")
|
|
Layout.fillWidth: true
|
|
}
|
|
|
|
UM.SimpleButton
|
|
{
|
|
id: externalLinkButton
|
|
|
|
Layout.preferredWidth: UM.Theme.getSize("card_tiny_icon").width
|
|
Layout.preferredHeight: UM.Theme.getSize("card_tiny_icon").height
|
|
Layout.alignment: Qt.AlignTop
|
|
|
|
iconSource: UM.Theme.getIcon("LinkExternal")
|
|
hoverColor: UM.Theme.getColor("text_link")
|
|
onClicked: Qt.openUrlExternally(packageData.packageInfoUrl)
|
|
}
|
|
}
|
|
|
|
RowLayout
|
|
{
|
|
id: downloadCountRow
|
|
|
|
x: UM.Theme.getSize("thin_margin").width
|
|
y: UM.Theme.getSize("thin_margin").height
|
|
|
|
spacing: UM.Theme.getSize("thin_margin").width
|
|
|
|
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
|
|
{
|
|
id: descriptionArea
|
|
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")
|
|
}
|
|
}
|