Differential D21721 Diff 64426 src/qtquick/qml/NewStuffItem.qml

Changeset View

Standalone View

View Options

src/qtquick/qml/NewStuffItem.qml

Show All 14 Lines
15 * Lesser General Public License for more details. 15​ * Lesser General Public License for more details.
16 * 16​ *
17 * You should have received a copy of the GNU Lesser General Public 17​ * You should have received a copy of the GNU Lesser General Public
18 * License along with this library. If not, see <http://www.gnu.org/licenses/>. 18​ * License along with this library. If not, see <http://www.gnu.org/licenses/>.
19 * 19​ *
20 */ 20​ */
21 21​
22import QtQuick 2.2 22​import QtQuick 2.2
23import QtQuick.Controls 1.4 as QtControls 23​import QtQuick.Controls 2.5 as QtControls
24​import QtQuick.Layouts 1.12 as QtLayouts
24 25​
25import org.kde.kirigami 2.1 as Kirigami 26​import org.kde.kirigami 2.1 as Kirigami
26import org.kde.newstuff 1.0 as NewStuff 27​import org.kde.newstuff 1.1 as NewStuff
27 28​
28Kirigami.SwipeListItem { 29​Kirigami.SwipeListItem {
29 id: listItem; 30​ id: listItem;
30 height: Kirigami.Units.iconSizes.huge + Kirigami.Units.smallSpacing * 2; 31​ height: Math.max(Kirigami.Units.iconSizes.huge + Kirigami.Units.smallSpacing * 2, nameText.height + descriptionText.height + Kirigami.Units.smallSpacing * 5);
31 property QtObject listModel; 32​ property QtObject listModel;
32 enabled: true; 33​ enabled: true;
33 actions: [ 34​ actions: [
34 Kirigami.Action { 35​ Kirigami.Action {
35 text: i18nc("Request installation of this item", "Install"); 36​ text: i18nc("Request installation of this item", "Install");
36 iconName: "list-add" 37​ iconName: "list-add"
37 onTriggered: { listModel.installItem(model.index); } 38​ onTriggered: { listModel.installItem(model.index, 1); }
38 enabled: model.status == NewStuff.ItemsModel.DownloadableStatus || model.status == NewStuff.ItemsModel.DeletedStatus; 39​ enabled: model.status == NewStuff.ItemsModel.DownloadableStatus || model.status == NewStuff.ItemsModel.DeletedStatus;
39 visible: enabled; 40​ visible: enabled;
40 }, 41​ },
41 Kirigami.Action { 42​ Kirigami.Action {
42 text: i18nc("Request updating of this item", "Update"); 43​ text: i18nc("Request updating of this item", "Update");
43 iconName: "refresh" 44​ iconName: "refresh"
44 onTriggered: { listModel.installItem(model.index); } 45​ onTriggered: { listModel.installItem(model.index, 1); }
45 enabled: model.status == NewStuff.ItemsModel.UpdateableStatus; 46​ enabled: model.status == NewStuff.ItemsModel.UpdateableStatus;
46 visible: enabled; 47​ visible: enabled;
47 }, 48​ },
48 Kirigami.Action { 49​ Kirigami.Action {
49 text: i18nc("Request uninstallation of this item", "Uninstall"); 50​ text: i18nc("Request uninstallation of this item", "Uninstall");
50 iconName: "list-remove" 51​ iconName: "list-remove"
51 onTriggered: { listModel.uninstallItem(model.index); } 52​ onTriggered: { listModel.uninstallItem(model.index); }
52 enabled: model.status == NewStuff.ItemsModel.InstalledStatus 53​ enabled: model.status == NewStuff.ItemsModel.InstalledStatus
53 visible: enabled; 54​ visible: enabled;
54 } 55​ }
55 ] 56​ ]
56 Item { 57​ QtLayouts.RowLayout {
57 anchors.fill: parent; ​
58 Item { 58​ Item {
59 id: previewContainer; 59​ id: previewContainer;
60 anchors { 60​ QtLayouts.Layout.preferredHeight: listItem.height - Kirigami.Units.smallSpacing * 2;
61 top: parent.top; 61​ QtLayouts.Layout.minimumWidth: Kirigami.Units.iconSizes.huge;
62 left: parent.left; 62​ QtLayouts.Layout.maximumWidth: Kirigami.Units.iconSizes.huge;
63 bottom: parent.bottom; ​
64 margins: Kirigami.Units.smallSpacing; ​
65 } ​
66 width: height; ​
67 Image { 63​ Image {
68 id: previewImage; 64​ id: previewImage;
69 anchors { 65​ anchors {
70 fill: parent; 66​ fill: parent;
71 margins: Kirigami.Units.smallSpacing; 67​ margins: Kirigami.Units.smallSpacing;
68​ leftMargin: -Kirigami.Units.smallSpacing;
72 } 69​ }
73 asynchronous: true; 70​ asynchronous: true;
74 fillMode: Image.PreserveAspectFit; 71​ fillMode: Image.PreserveAspectFit;
75 source: model.previewsSmall.length > 0 ? model.previewsSmall[0] : ""; 72​ source: model.previewsSmall.length > 0 ? model.previewsSmall[0] : "";
76 Kirigami.Icon { 73​ Kirigami.Icon {
77 id: updateAvailableBadge; 74​ id: updateAvailableBadge;
78 opacity: (model.status == NewStuff.ItemsModel.UpdateableStatus) ? 1 : 0; 75​ opacity: (model.status == NewStuff.ItemsModel.UpdateableStatus) ? 1 : 0;
79 Behavior on opacity { NumberAnimation { duration: Kirigami.Units.shortDuration; } } 76​ Behavior on opacity { NumberAnimation { duration: Kirigami.Units.shortDuration; } }
Show All 15 Lines90 anchors {
95 right: parent.right; 92​ right: parent.right;
96 margins: -Kirigami.Units.smallSpacing; 93​ margins: -Kirigami.Units.smallSpacing;
97 } 94​ }
98 height: Kirigami.Units.iconSizes.smallMedium; 95​ height: Kirigami.Units.iconSizes.smallMedium;
99 width: height; 96​ width: height;
100 source: "vcs-normal"; 97​ source: "vcs-normal";
101 } 98​ }
102 } 99​ }
103 } 100​ Rectangle {
104 Kirigami.Label { 101​ anchors.fill: parent
105 anchors { 102​ opacity: installIndicator.opacity > 0 ? 0.7 : 0
106 verticalCenter: parent.verticalCenter; 103​ Behavior on opacity { NumberAnimation { duration: Kirigami.Units.shortDuration; } }
107 left: previewContainer.right; 104​ visible: opacity > 0
108 leftMargin: Kirigami.Units.largeSpacing; ​
109 } ​
110 text: model.name; ​
111 } 105​ }
112 QtControls.BusyIndicator { 106​ QtControls.BusyIndicator {
113 anchors { 107​ id: installIndicator
114 verticalCenter: parent.verticalCenter; 108​ anchors.centerIn: parent;
115 right: parent.right; ​
116 rightMargin: Kirigami.Units.largeSpacing + Kirigami.Units.iconSizes.large; ​
117 } ​
118 opacity: (model.status == NewStuff.ItemsModel.InstallingStatus || model.status == NewStuff.ItemsModel.UpdatingStatus) ? 1 : 0; 109​ opacity: (model.status == NewStuff.ItemsModel.InstallingStatus || model.status == NewStuff.ItemsModel.UpdatingStatus) ? 1 : 0;
119 Behavior on opacity { NumberAnimation { duration: Kirigami.Units.shortDuration; } } 110​ Behavior on opacity { NumberAnimation { duration: Kirigami.Units.shortDuration; } }
120 running: opacity > 0; 111​ running: opacity > 0;
121 Kirigami.Label { 112​ QtControls.Label {
122 anchors { 113​ anchors {
123 verticalCenter: parent.verticalCenter; 114​ horizontalCenter: parent.horizontalCenter;
124 right: parent.left; 115​ bottom: parent.bottom;
125 rightMargin: Kirigami.Units.smallSpacing; 116​ margins: Kirigami.Units.smallSpacing;
126 } 117​ }
127 text: (model.status == NewStuff.ItemsModel.InstallingStatus) ? "Installing" : ((model.status == NewStuff.ItemsModel.UpdatingStatus) ? "Updating" : ""); 118​ text: (model.status == NewStuff.ItemsModel.InstallingStatus) ? "Installing" : ((model.status == NewStuff.ItemsModel.UpdatingStatus) ? "Updating" : "");
128 width: paintedWidth; 119​ width: paintedWidth;
129 } 120​ }
130 } 121​ }
131 } 122​ }
123​ QtLayouts.ColumnLayout {
124​ QtLayouts.Layout.fillWidth: true
125​ QtLayouts.Layout.fillHeight: true
126​ Kirigami.Heading {
127​ id: nameText
128​ QtLayouts.Layout.fillWidth: true
129​ level: 3
130​ text: model.name
131​ opacity: 1 - installIndicator.opacity
132​ }
133​ QtControls.Label {
134​ id: descriptionText
135​ QtLayouts.Layout.fillWidth: true
136​ text: model.summary.split("\n")[0];
137​ elide: Text.ElideRight
138​ maximumLineCount: 2
139​ wrapMode: Text.Wrap
140​ opacity: 1 - installIndicator.opacity
141​ }
142​ Item {
143​ QtLayouts.Layout.fillWidth: true
144​ QtLayouts.Layout.fillHeight: true
145​ }
146​ }
147​ }
132} 148​}