Differential D24732 Diff 68218 src/qml/AppChooserDialog.qml

Changeset View

Standalone View

src/qml/AppChooserDialog.qml

This file was added.

1		/*
2		* Copyright © 2019 Red Hat, Inc
3		* This program is free software; you can redistribute it and/or
4		* modify it under the terms of the GNU Lesser General Public
5		* License as published by the Free Software Foundation; either
6		* version 2 of the License, or (at your option) any later version.
7		*
8		* This library is distributed in the hope that it will be useful,
9		* but WITHOUT ANY WARRANTY; without even the implied warranty of
10		* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
11		* Lesser General Public License for more details.
12		*
13		* You should have received a copy of the GNU Lesser General Public
14		* License along with this library. If not, see <http://www.gnu.org/licenses/>.
15		*
16		* Authors:
17		* Jan Grulich <jgrulich@redhat.com>
18		*/
19
20
21		import QtQuick 2.12
22		import QtQuick.Controls 2.12
23		import QtQuick.Layouts 1.12
24		import org.kde.plasma.core 2.0
25
26		Item {
27		id: root
28
29		signal applicationSelected(string name)
30		signal openDiscover()
31
32		Rectangle {
33		id: background
34		anchors.fill: parent
35		focus: true
36		color: backgroundColor
37		}
38
39		Label {
40		id: topLabel
41		anchors {
42		left: parent.left
43		right: parent.right
44		top: parent.top
45		}
46		horizontalAlignment: Text.AlignHCenter
47		text: i18n("Select an application to open <b>%1</b>. More applications are available in <a href=#discover>Discover</a>.", fileName)
48		textFormat: Text.RichText
	GB_2Unsubmitted Done "Select an application to open <b>%1</b>. More applications are available in <a href=#discover>Discover</a>." GB_2: "Select an application to open <b>%1</b>. More applications are available in <a…
49		wrapMode: Text.WordWrap
50
51		onLinkActivated: {
52		openDiscover()
53		}
54		}
55
56		ScrollView {
57		id: scrollView
58
59		anchors {
60		bottom: showAllAppsButton.top
61		bottomMargin: units.gridUnit / 2
62		left: parent.left
63		right: parent.right
64		top: topLabel.bottom
65		topMargin: units.gridUnit / 2
66		}
67
68		GridView {
69		id: grid
70		anchors.fill: parent
71		cellHeight: 100
72		cellWidth: 150
73		model: myModel
74		delegate: appDelegate
75		}
76		}
77
78		Button {
79		id: showAllAppsButton
80		anchors {
81		bottom: parent.bottom
82		horizontalCenter: parent.horizontalCenter
83		}
84		icon.name: "view-more-symbolic"
85		text: i18n("Show More")
86
	GB_2Unsubmitted Done "Show More" GB_2: "Show More"
87
88		onClicked: {
89		visible = false
90		myModel.showOnlyPreferredApps = false
91		}
92		}
93
94		TextField {
95		id: searchField
96
97		anchors {
98		bottom: parent.bottom
99		horizontalCenter: parent.horizontalCenter
	ngrahamUnsubmitted Done Set left and right anchors too so it takes up the full width ngraham: Set left and right anchors too so it takes up the full width
100		}
101		visible: !showAllAppsButton.visible
102		opacity: visible
103		placeholderText: i18n("search...");
	ngrahamUnsubmitted Done Capitalize the S ngraham: Capitalize the S
104
105		onTextChanged: myModel.filter = text
106		}
107
108		Component {
109		id: appDelegate
110
111		Item {
112		height: grid.cellHeight
113		width: grid.cellWidth
114
115		Rectangle {
116		anchors.fill: parent
117		color: highlightColor
118		visible: ApplicationDesktopFile == defaultApp
119		}
	GB_2Unsubmitted Not Done We don't really use rounded rectangles for highlights anywhere (except in the Plasma theme). GB_2: We don't really use rounded rectangles for highlights anywhere (except in the Plasma theme).
120
121		MouseArea {
122		id: mouseArea
123		anchors.fill: parent
	ngrahamUnsubmitted Done Change the cursor to the pointing hand cursor when hovering over something that will immediately perform an action when clicked ngraham: Change the cursor to the pointing hand cursor when hovering over something that will…
124		onClicked: applicationSelected(ApplicationDesktopFile)
125		}
126
127		Column {
128		anchors.fill: parent
129		anchors.margins: units.gridUnit / 2
130		spacing: units.gridUnit / 3
131
132		IconItem {
133		anchors.horizontalCenter: parent.horizontalCenter
134		implicitHeight: units.iconSizes.huge
135		implicitWidth: units.iconSizes.huge
136		source: ApplicationIcon
137		}
138
139		Label {
140		anchors {
141		left: parent.left
	ngrahamUnsubmitted Done Allow this label to become a multi-line string for apps that have long-ish names: ngraham: Allow this label to become a multi-line string for apps that have long-ish names: {F7616689…
142		right: parent.right
143		}
144		horizontalAlignment: Text.AlignHCenter
145		elide: Text.ElideRight
146		text: ApplicationName
147		}
148		}
149		}
150		}
151		}
152