Differential D21721 Diff 61341 src/qtquick/qml/NewStuffEntryDetails.qml

Changeset View

Standalone View

View Options

src/qtquick/qml/NewStuffEntryDetails.qml

  • This file was added.
1​/*
2​ * Copyright (C) 2019 Dan Leinir Turthra Jensen <admin@leinir.dk>
3​ *
4​ * This library is free software; you can redistribute it and/or
5​ * modify it under the terms of the GNU Lesser General Public
6​ * License as published by the Free Software Foundation; either
7​ * version 2.1 of the License, or (at your option) version 3, or any
8​ * later version accepted by the membership of KDE e.V. (or its
9​ * successor approved by the membership of KDE e.V.), which shall
10​ * act as a proxy defined in Section 6 of version 3 of the license.
11​ *
12​ * This library is distributed in the hope that it will be useful,
13​ * but WITHOUT ANY WARRANTY; without even the implied warranty of
14​ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
15​ * Lesser General Public License for more details.
16​ *
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/>.
19​ *
20​ */
21​
22​/**
23​ * @brief A Kirigami.Page component used for displaying the details for a single entry
24​ *
25​ * This component is equivalent to the details view in the old DownloadDialog
26​ * @see KNewStuff::DownloadDialog
27​ */
28​
29​import QtQuick 2.7
30​
31​import org.kde.kcm 1.2 as KCM
32​import org.kde.kirigami 2.7 as Kirigami
33​import QtQuick.Controls 2.5 as QtControls
34​import QtQuick.Layouts 1.12 as QtLayouts
35​import org.kde.newstuff 1.1 as NewStuff
36​
37​KCM.SimpleKCM {
38​ id: component
39​ property QtObject newStuffModel
40​ property int index
41​ property string name
42​ property var author
43​ property alias shortSummary: shortSummaryItem.text
44​ property alias summary: summaryItem.text;
45​ property alias previews: screenshotsItem.screenshotsModel
46​ property string homepage
47​ property string donationLink
48​ property int status
49​ property int commentsCount
50​ property int rating
51​ property int downloadCount
52​ property string providerId
53​
54​ Connections {
55​ target: newStuffModel
56​ onEntryChanged: {
57​ var status = newStuffModel.data(index, NewStuff.ItemsModel.StatusRole);
58​ if (status == NewStuff.ItemsModel.DownloadableStatus
59​ || status == NewStuff.ItemsModel.InstalledStatus
60​ || status == NewStuff.ItemsModel.UpdateableStatus
61​ || status == NewStuff.ItemsModel.DeletedStatus) {
62​ statusCard.message = "";
63​ } else if (status == NewStuff.ItemsModel.InstallingStatus) {
64​ statusCard.message = i18nc("Status message to be shown when the entry is in the process of being installed", "Currently installing the item %1 by %2. Please wait...").arg(component.name).arg(entryAuthor.name);
65​ } else if (status == NewStuff.ItemsModel.UpdatingStatus) {
66​ statusCard.message = i18nc("Status message to be shown when the entry is in the process of being updated", "Currently updating the item %1 by %2. Please wait...").arg(component.name).arg(entryAuthor.name);
67​ } else {
68​ statusCard.message = i18nc("Status message which should only be shown when the entry has been given some unknown or invalid status.", "This item is currently in an invalid or unknown state. Please report this to the KDE Community in a bug report.");
69​ }
70​ }
71​ }
72​
73​ NewStuff.Author {
74​ id: entryAuthor
75​ engine: component.newStuffModel.engine
76​ providerId: component.providerId
77​ username: author.name
78​ }
79​ title: i18nc("Combined title for the entry details page made of the name of the entry, and the author's name", "%1 by %2").arg(component.name).arg(entryAuthor.name)
80​ titleDelegate: QtLayouts.RowLayout {
81​ implicitHeight: title.height
82​ Kirigami.Heading {
83​ id: title
84​ level: 1
85​
86​ QtLayouts.Layout.fillWidth: true;
87​ QtLayouts.Layout.preferredWidth: titleTextMetrics.width
88​ QtLayouts.Layout.minimumWidth: titleTextMetrics.width
89​ opacity: component.isCurrentPage ? 1 : 0.4
90​ maximumLineCount: 1
91​ elide: Text.ElideRight
92​ text: component.title
93​ TextMetrics {
94​ id: titleTextMetrics
95​ text: component.title
96​ font: title.font
97​ }
98​ }
99​ QtControls.ToolButton {
100​ text: component.downloadCount == 1 ? i18nc("Request installation of this item, available when there is exactly one downloadable item", "Install") : i18nc("Show installation options, where there is more than one downloadable item", "Install...");
101​ icon.name: "install"
102​ onClicked: {
103​ if (component.downloadCount == 1) {
104​ newStuffModel.installItem(component.index);
105​ } else {
106​ // show installation options on a sheet...
107​ }
108​ }
109​ enabled: component.status == NewStuff.ItemsModel.DownloadableStatus || component.status == NewStuff.ItemsModel.DeletedStatus;
110​ visible: enabled;
111​ }
112​ QtControls.ToolButton {
113​ text: i18nc("Request updating of this item", "Update");
114​ icon.name: "update"
115​ onClicked: { newStuffModel.installItem(component.index); }
116​ enabled: component.status == NewStuff.ItemsModel.UpdateableStatus;
117​ visible: enabled;
118​ }
119​ QtControls.ToolButton {
120​ text: i18nc("Request uninstallation of this item", "Uninstall");
121​ icon.name: "uninstall"
122​ onClicked: { newStuffModel.uninstallItem(component.index); }
123​ enabled: component.status == NewStuff.ItemsModel.InstalledStatus
124​ visible: enabled;
125​ }
126​ }
127​ QtLayouts.ColumnLayout {
128​ spacing: Kirigami.Units.smallSpacing
129​ Kirigami.AbstractCard {
130​ id: statusCard
131​ property string message;
132​ visible: opacity > 0
133​ opacity: message.length > 0 ? 1 : 0
134​ Behavior on opacity { PropertyAnimation { duration: Kirigami.Units.longDuration; } }
135​ QtLayouts.Layout.fillWidth: true
136​ QtLayouts.Layout.margins: Kirigami.Units.largeSpacing
137​ Item {
138​ id: statusContent
139​ implicitHeight: statusCard.message.length > 0 ? Math.max(statusBusy.height, statusLabel.height) + Kirigami.Units.largeSpacing * 4 : 0
140​ implicitWidth: statusCard.width
141​ QtControls.BusyIndicator {
142​ id: statusBusy
143​ anchors {
144​ top: parent.top
145​ left: parent.left
146​ }
147​ running: statusCard.opacity > 0
148​ Rectangle { anchors.fill: parent; color: "red"; opacity: 0.3; }
149​ }
150​ QtControls.Label {
151​ id: statusLabel
152​ anchors {
153​ top: parent.top
154​ left: statusBusy.right
155​ leftMargin: Kirigami.Units.largeSpacing
156​ right: parent.right
157​ }
158​ text: statusCard.message
159​ wrapMode: Text.Wrap
160​ Rectangle { anchors.fill: parent; color: "blue"; opacity: 0.3; }
161​ }
162​ }
163​ }
164​ EntryScreenshots {
165​ id: screenshotsItem
166​ QtLayouts.Layout.fillWidth: true
167​ }
168​ Kirigami.Heading {
169​ id: shortSummaryItem
170​ QtLayouts.Layout.fillWidth: true
171​ }
172​ Kirigami.FormLayout {
173​ QtLayouts.Layout.fillWidth: true
174​ Kirigami.LinkButton {
175​ Kirigami.FormData.label: i18n("Comments and Reviews:")
176​ enabled: component.commentsCount > 0
177​ text: i18nc("A link which, when clicked, opens a new sub page with reviews (comments) for this entry", "%1 Reviews").arg(component.commentsCount)
178​ onClicked: pageStack.push(commentsPage, { commentsModel: newStuffModel.data(index, NewStuff.ItemsModel.CommentsModelRole) } )
179​ }
180​ Rating {
181​ id: ratingsItem
182​ Kirigami.FormData.label: i18n("Rating:")
183​ rating: Math.floor(component.rating / 10)
184​ }
185​ Kirigami.LinkButton {
186​ Kirigami.FormData.label: i18n("Homepage:")
187​ text: i18nc("A link which, when clicked, opens the website associated with the entry (this could be either one specific to the project, the author's homepage, or any other website they have chosen for the purpose)", "Open the homepage for %2").arg(component.name)
188​ onClicked: Qt.openUrlExternally(component.homepage)
189​ }
190​ Kirigami.LinkButton {
191​ Kirigami.FormData.label: i18n("How To Donate:")
192​ text: i18nc("A link which, when clicked, opens a website with information on donation in support of the entry", "Find out how to donate to this project")
193​ onClicked: Qt.openUrlExternally(component.donationLink)
194​ }
195​ }
196​ QtControls.Label {
197​ id: summaryItem
198​ QtLayouts.Layout.fillWidth: true
199​ QtLayouts.Layout.margins: Kirigami.Units.largeSpacing
200​ wrapMode: Text.Wrap
201​ }
202​ }
203​
204​ Component {
205​ id: commentsPage
206​ EntryCommentsPage {
207​ engine: component.newStuffModel.engine
208​ entryName: component.name
209​ entryAuthorId: component.author.name
210​ entryProviderId: component.providerId
211​ }
212​ }
213​}