Changeset View
Changeset View
Standalone View
Standalone View
src/qtquick/qml/private/entrygriddelegates/BigPreviewDelegate.qml
| Show All 18 Lines | |||||
| 19 | * | 19 | * | ||
| 20 | */ | 20 | */ | ||
| 21 | 21 | | |||
| 22 | import QtQuick 2.11 | 22 | import QtQuick 2.11 | ||
| 23 | import QtQuick.Controls 2.11 as QtControls | 23 | import QtQuick.Controls 2.11 as QtControls | ||
| 24 | import QtQuick.Layouts 1.11 as QtLayouts | 24 | import QtQuick.Layouts 1.11 as QtLayouts | ||
| 25 | import QtGraphicalEffects 1.11 as QtEffects | 25 | import QtGraphicalEffects 1.11 as QtEffects | ||
| 26 | 26 | | |||
| 27 | import org.kde.kirigami 2.7 as Kirigami | 27 | import org.kde.kirigami 2.12 as Kirigami | ||
| 28 | 28 | | |||
| 29 | import org.kde.newstuff 1.62 as NewStuff | 29 | import org.kde.newstuff 1.62 as NewStuff | ||
| 30 | 30 | | |||
| 31 | import ".." as Private | 31 | import ".." as Private | ||
| 32 | 32 | | |||
| 33 | Private.GridTileDelegate { | 33 | Private.GridTileDelegate { | ||
| 34 | id: component | 34 | id: component | ||
| 35 | actionsAnchors.topMargin: bigPreview.height + Kirigami.Units.smallSpacing * 2 | 35 | actionsAnchors.topMargin: bigPreview.height + Kirigami.Units.smallSpacing * 2 | ||
| ▲ Show 20 Lines • Show All 61 Lines • ▼ Show 20 Line(s) | 95 | anchors { | |||
| 97 | margins: Kirigami.Units.smallSpacing | 97 | margins: Kirigami.Units.smallSpacing | ||
| 98 | } | 98 | } | ||
| 99 | QtLayouts.ColumnLayout { | 99 | QtLayouts.ColumnLayout { | ||
| 100 | anchors.fill: parent; | 100 | anchors.fill: parent; | ||
| 101 | Item { | 101 | Item { | ||
| 102 | QtLayouts.Layout.fillWidth: true | 102 | QtLayouts.Layout.fillWidth: true | ||
| 103 | QtLayouts.Layout.minimumHeight: width / 1.8 | 103 | QtLayouts.Layout.minimumHeight: width / 1.8 | ||
| 104 | QtLayouts.Layout.maximumHeight: width / 1.8 | 104 | QtLayouts.Layout.maximumHeight: width / 1.8 | ||
| 105 | Kirigami.ShadowedRectangle { | ||||
| 106 | anchors.centerIn: bigPreview; | ||||
| 107 | width: Math.min(bigPreview.paintedWidth, bigPreview.width); | ||||
| 108 | height: Math.min(bigPreview.paintedHeight, bigPreview.height); | ||||
| 109 | Kirigami.Theme.inherit: false | ||||
| 110 | Kirigami.Theme.colorSet: Kirigami.Theme.View | ||||
| 111 | shadow.xOffset: 0 | ||||
| 112 | shadow.yOffset: 0 | ||||
| 113 | shadow.size: 10 | ||||
| 114 | shadow.color: Qt.rgba(0, 0, 0, 0.3) | ||||
| 115 | } | ||||
| 105 | Image { | 116 | Image { | ||
| 106 | id: bigPreview | 117 | id: bigPreview | ||
| 107 | asynchronous: true; | 118 | asynchronous: true; | ||
| 108 | fillMode: Image.PreserveAspectCrop; | 119 | fillMode: Image.PreserveAspectCrop; | ||
| 109 | source: thumbnailAvailable ? model.previews[0] : ""; | 120 | source: thumbnailAvailable ? model.previews[0] : ""; | ||
| 110 | anchors.fill: parent | 121 | anchors.fill: parent | ||
| 111 | } | 122 | } | ||
| 112 | QtEffects.DropShadow { | | |||
| 113 | anchors.fill: bigPreview | | |||
| 114 | horizontalOffset: 0 | | |||
| 115 | verticalOffset: 0 | | |||
| 116 | radius: Kirigami.Units.largeSpacing | | |||
| 117 | samples: radius * 2 | | |||
| 118 | color: "#80000000" | | |||
| 119 | source: bigPreview | | |||
| 120 | } | | |||
| 121 | Kirigami.Icon { | 123 | Kirigami.Icon { | ||
| 122 | id: updateAvailableBadge; | 124 | id: updateAvailableBadge; | ||
| 123 | opacity: (model.status == NewStuff.ItemsModel.UpdateableStatus) ? 1 : 0; | 125 | opacity: (model.status == NewStuff.ItemsModel.UpdateableStatus) ? 1 : 0; | ||
| 124 | Behavior on opacity { NumberAnimation { duration: Kirigami.Units.shortDuration; } } | 126 | Behavior on opacity { NumberAnimation { duration: Kirigami.Units.shortDuration; } } | ||
| 125 | anchors { | 127 | anchors { | ||
| 126 | top: parent.top; | 128 | top: parent.top; | ||
| 127 | left: parent.left; | 129 | left: parent.left; | ||
| 128 | margins: -Kirigami.Units.smallSpacing; | 130 | margins: -Kirigami.Units.smallSpacing; | ||
| ▲ Show 20 Lines • Show All 60 Lines • Show Last 20 Lines | |||||