mirror of
https://git.mirrors.martin98.com/https://github.com/Ultimaker/Cura
synced 2025-06-30 19:55:15 +08:00
Links, hovers, ensmallify layout.
part of CURA-8561
This commit is contained in:
Remco Burema
parent
1efdd9205b
commit
51de234082
@ -13,19 +13,18 @@ Rectangle
|
|||||||
property var packageData
|
property var packageData
|
||||||
|
|
||||||
width: parent ? parent.width : 0
|
width: parent ? parent.width : 0
|
||||||
height: childrenRect.height + UM.Theme.getSize("default_margin").height * 2
|
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
|
||||||
|
|
||||||
RowLayout
|
RowLayout
|
||||||
{
|
{
|
||||||
width: parent.width - UM.Theme.getSize("default_margin").width * 2
|
width: parent.width - UM.Theme.getSize("thin_margin").width * 2
|
||||||
height: childrenRect.height
|
x: UM.Theme.getSize("thin_margin").width
|
||||||
x: UM.Theme.getSize("default_margin").width
|
y: UM.Theme.getSize("thin_margin").height
|
||||||
y: UM.Theme.getSize("default_margin").height
|
|
||||||
|
|
||||||
spacing: UM.Theme.getSize("default_margin").width
|
spacing: UM.Theme.getSize("thin_margin").width
|
||||||
|
|
||||||
Image //Separate column for icon on the left.
|
Image //Separate column for icon on the left.
|
||||||
{
|
{
|
||||||
@ -42,14 +41,11 @@ Rectangle
|
|||||||
Layout.preferredHeight: childrenRect.height
|
Layout.preferredHeight: childrenRect.height
|
||||||
Layout.alignment: Qt.AlignTop
|
Layout.alignment: Qt.AlignTop
|
||||||
|
|
||||||
spacing: UM.Theme.getSize("default_margin").height
|
|
||||||
|
|
||||||
RowLayout //Title row.
|
RowLayout //Title row.
|
||||||
{
|
{
|
||||||
|
Layout.alignment: Qt.AlignTop
|
||||||
width: parent.width
|
width: parent.width
|
||||||
|
|
||||||
spacing: UM.Theme.getSize("default_margin").width
|
|
||||||
|
|
||||||
Label
|
Label
|
||||||
{
|
{
|
||||||
Layout.alignment: Qt.AlignTop
|
Layout.alignment: Qt.AlignTop
|
||||||
@ -64,25 +60,59 @@ Rectangle
|
|||||||
spacing: parent.spacing
|
spacing: parent.spacing
|
||||||
Layout.alignment: Qt.AlignTop
|
Layout.alignment: Qt.AlignTop
|
||||||
|
|
||||||
UM.RecolorImage
|
Control
|
||||||
{
|
{
|
||||||
width: UM.Theme.getSize("section_icon").width
|
width: UM.Theme.getSize("card_tiny_icon").width
|
||||||
height: UM.Theme.getSize("section_icon").height
|
height: UM.Theme.getSize("card_tiny_icon").height
|
||||||
|
Layout.alignment: Qt.AlignTop
|
||||||
|
|
||||||
color: UM.Theme.getColor("primary")
|
enabled: packageData.isVerified
|
||||||
visible: packageData.isVerified
|
|
||||||
source: UM.Theme.getIcon("CheckCircle")
|
|
||||||
|
|
||||||
// TODO: on hover
|
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 )
|
||||||
}
|
}
|
||||||
|
|
||||||
Rectangle
|
Control
|
||||||
{ // placeholder for 'certified material' icon+link whenever we implement the materials part of this card
|
{
|
||||||
width: UM.Theme.getSize("section_icon").width
|
width: UM.Theme.getSize("card_tiny_icon").width
|
||||||
height: UM.Theme.getSize("section_icon").height
|
height: UM.Theme.getSize("card_tiny_icon").height
|
||||||
|
Layout.alignment: Qt.AlignTop
|
||||||
|
|
||||||
visible: false
|
enabled: false // remove!
|
||||||
// TODO: on hover
|
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
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -96,16 +126,52 @@ Rectangle
|
|||||||
color: UM.Theme.getColor("text")
|
color: UM.Theme.getColor("text")
|
||||||
}
|
}
|
||||||
|
|
||||||
UM.RecolorImage
|
Button
|
||||||
{
|
{
|
||||||
Layout.preferredWidth: UM.Theme.getSize("section_icon").width
|
Layout.preferredWidth: UM.Theme.getSize("card_tiny_icon").width
|
||||||
Layout.preferredHeight: UM.Theme.getSize("section_icon").height
|
Layout.preferredHeight: UM.Theme.getSize("card_tiny_icon").height
|
||||||
Layout.alignment: Qt.AlignTop
|
Layout.alignment: Qt.AlignTop
|
||||||
|
|
||||||
color: UM.Theme.getColor("icon")
|
UM.RecolorImage
|
||||||
source: UM.Theme.getIcon("LinkExternal")
|
{
|
||||||
|
anchors.fill: parent
|
||||||
|
color: UM.Theme.getColor("icon")
|
||||||
|
source: UM.Theme.getIcon("LinkExternal")
|
||||||
|
}
|
||||||
|
|
||||||
// TODO: on clicked url
|
onClicked: Qt.openUrlExternally(packageData.packageInfoUrl)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
RowLayout
|
||||||
|
{
|
||||||
|
width: parent.width - UM.Theme.getSize("thin_margin").width * 2
|
||||||
|
height: childrenRect.height
|
||||||
|
x: UM.Theme.getSize("thin_margin").width
|
||||||
|
y: UM.Theme.getSize("thin_margin").height
|
||||||
|
|
||||||
|
spacing: UM.Theme.getSize("thin_margin").width
|
||||||
|
|
||||||
|
enabled: false // remove
|
||||||
|
visible: false // replace w state?
|
||||||
|
// TODO: hide/unhide on states (folded versus header state)
|
||||||
|
|
||||||
|
UM.RecolorImage
|
||||||
|
{
|
||||||
|
id: downloadCountIcon
|
||||||
|
width: UM.Theme.getSize("card_tiny_icon").height
|
||||||
|
height: UM.Theme.getSize("card_tiny_icon").height
|
||||||
|
color: UM.Theme.getColor("icon")
|
||||||
|
|
||||||
|
source: UM.Theme.getIcon("Download")
|
||||||
|
}
|
||||||
|
|
||||||
|
Label
|
||||||
|
{
|
||||||
|
id: downloadCountLabel
|
||||||
|
anchors.left: downloadCountIcon.right
|
||||||
|
|
||||||
|
text: packageData.downloadCount
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -161,6 +227,9 @@ Rectangle
|
|||||||
rightPadding: UM.Theme.getSize("wide_margin").width
|
rightPadding: UM.Theme.getSize("wide_margin").width
|
||||||
textFont: descriptionLabel.font
|
textFont: descriptionLabel.font
|
||||||
isIconOnRightSide: true
|
isIconOnRightSide: true
|
||||||
|
|
||||||
|
// NOTE: Is this the right URL for this action?
|
||||||
|
onClicked: Qt.openUrlExternally(packageData.packageInfoUrl)
|
||||||
}
|
}
|
||||||
|
|
||||||
Label
|
Label
|
||||||
@ -179,13 +248,13 @@ Rectangle
|
|||||||
RowLayout //Author and action buttons.
|
RowLayout //Author and action buttons.
|
||||||
{
|
{
|
||||||
width: parent.width
|
width: parent.width
|
||||||
|
Layout.alignment: Qt.AlignBottom
|
||||||
spacing: UM.Theme.getSize("default_margin").width
|
spacing: UM.Theme.getSize("thin_margin").width
|
||||||
|
|
||||||
Label
|
Label
|
||||||
{
|
{
|
||||||
id: authorBy
|
id: authorBy
|
||||||
Layout.alignment: Qt.AlignTop
|
Layout.alignment: Qt.AlignBottom
|
||||||
|
|
||||||
text: catalog.i18nc("@label", "By")
|
text: catalog.i18nc("@label", "By")
|
||||||
font: UM.Theme.getFont("default")
|
font: UM.Theme.getFont("default")
|
||||||
@ -196,32 +265,39 @@ Rectangle
|
|||||||
{
|
{
|
||||||
Layout.fillWidth: true
|
Layout.fillWidth: true
|
||||||
Layout.preferredHeight: authorBy.height
|
Layout.preferredHeight: authorBy.height
|
||||||
Layout.alignment: Qt.AlignTop
|
Layout.alignment: Qt.AlignBottom
|
||||||
|
|
||||||
text: packageData.authorName
|
text: packageData.authorName
|
||||||
textFont: UM.Theme.getFont("default_bold")
|
textFont: UM.Theme.getFont("default_bold")
|
||||||
|
textColor: UM.Theme.getColor("text") // override normal link color
|
||||||
leftPadding: 0
|
leftPadding: 0
|
||||||
rightPadding: 0
|
rightPadding: 0
|
||||||
iconSource: UM.Theme.getIcon("LinkExternal")
|
iconSource: UM.Theme.getIcon("LinkExternal")
|
||||||
isIconOnRightSide: true
|
isIconOnRightSide: true
|
||||||
|
|
||||||
// TODO on clicked (is link) -> MouseArea?
|
onClicked: Qt.openUrlExternally(packageData.authorInfoUrl)
|
||||||
}
|
}
|
||||||
|
|
||||||
Cura.SecondaryButton
|
Cura.SecondaryButton
|
||||||
{
|
{
|
||||||
|
Layout.alignment: Qt.AlignBottom
|
||||||
|
Layout.preferredHeight: authorBy.height
|
||||||
text: catalog.i18nc("@button", "Disable")
|
text: catalog.i18nc("@button", "Disable")
|
||||||
// not functional right now
|
// not functional right now
|
||||||
}
|
}
|
||||||
|
|
||||||
Cura.SecondaryButton
|
Cura.SecondaryButton
|
||||||
{
|
{
|
||||||
|
Layout.alignment: Qt.AlignBottom
|
||||||
|
Layout.preferredHeight: authorBy.height
|
||||||
text: catalog.i18nc("@button", "Uninstall")
|
text: catalog.i18nc("@button", "Uninstall")
|
||||||
// not functional right now
|
// not functional right now
|
||||||
}
|
}
|
||||||
|
|
||||||
Cura.PrimaryButton
|
Cura.PrimaryButton
|
||||||
{
|
{
|
||||||
|
Layout.alignment: Qt.AlignBottom
|
||||||
|
Layout.preferredHeight: authorBy.height
|
||||||
text: catalog.i18nc("@button", "Update")
|
text: catalog.i18nc("@button", "Update")
|
||||||
// not functional right now
|
// not functional right now
|
||||||
}
|
}
|
||||||
|
|||||||
@ -556,6 +556,7 @@
|
|||||||
|
|
||||||
"card": [25.0, 8.75],
|
"card": [25.0, 8.75],
|
||||||
"card_icon": [6.0, 6.0],
|
"card_icon": [6.0, 6.0],
|
||||||
|
"card_tiny_icon": [1.2, 1.2],
|
||||||
|
|
||||||
"button": [4, 4],
|
"button": [4, 4],
|
||||||
"button_icon": [2.5, 2.5],
|
"button_icon": [2.5, 2.5],
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user