Differential D12278 Diff 32881 kcms/colors/package/contents/ui/main.qml

Changeset View

Standalone View

View Options

kcms/colors/package/contents/ui/main.qml

  • This file was added.
1​/*
2​ * Copyright 2018 Kai Uwe Broulik <kde@privat.broulik.de>
3​ *
4​ * This program is free software; you can redistribute it and/or
5​ * modify it under the terms of the GNU General Public License as
6​ * published by the Free Software Foundation; either version 2 of
7​ * the License or (at your option) version 3 or any later version
8​ * accepted by the membership of KDE e.V. (or its successor approved
9​ * by the membership of KDE e.V.), which shall act as a proxy
10​ * defined in Section 14 of version 3 of the license.
11​ *
12​ * This program 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
15​ * GNU General Public License for more details.
16​ *
17​ * You should have received a copy of the GNU General Public License
18​ * along with this program. If not, see <http://www.gnu.org/licenses/>.
19​ */
20​
21​import QtQuick 2.6
22​import QtQuick.Layouts 1.1
23​import QtQuick.Window 2.2
24​import QtQuick.Dialogs 1.0 as QtDialogs
25​import QtQuick.Controls 2.3 as QtControls
26​import org.kde.kirigami 2.4 as Kirigami
27​import org.kde.kcm 1.1 as KCM
28​
29​KCM.GridViewKCM {
30​ KCM.ConfigModule.quickHelp: i18n("This module lets you configure the color scheme of applications.")
31​
GB_2Unsubmitted
Not Done

Better: "This module lets you choose the color scheme."

GB_2: Better: "This module lets you choose the color scheme."
32​ view.model: kcm.colorsModel
33​ view.currentIndex: kcm.selectedSchemeIndex
34​
35​ DropArea {
36​ anchors.fill: parent
37​ onEntered: {
38​ if (!drag.hasUrls) {
39​ drag.accepted = false;
40​ }
41​ }
42​ onDropped: kcm.installSchemeFromFile(drop.urls[0])
43​ }
44​
45​ view.remove: Transition {
46​ ParallelAnimation {
47​ NumberAnimation { property: "scale"; to: 0.5; duration: Kirigami.Units.longDuration }
48​ NumberAnimation { property: "opacity"; to: 0.0; duration: Kirigami.Units.longDuration }
49​ }
50​ }
51​
52​ view.removeDisplaced: Transition {
53​ SequentialAnimation {
54​ // wait for the "remove" animation to finish
55​ PauseAnimation { duration: Kirigami.Units.longDuration }
56​ NumberAnimation { properties: "x,y"; duration: Kirigami.Units.longDuration }
57​ }
58​ }
59​
60​ view.delegate: KCM.GridDelegate {
61​ id: delegate
62​
63​ text: model.display
64​
65​ thumbnailAvailable: true
66​ thumbnail: Item {
67​ // FIXME needs a nicer live preview with some controls
68​ // this GridLayout below was just a quick and dirty attempt trying
69​ // to mimic the old thumbnail we had in the list
70​ id: thumb
71​ readonly property var itemPalette: model.palette
72​ readonly property var colorKeys: ["window", "button", "highlight", "bright", "toolTip", ""]
davidedmundsonUnsubmitted
Not Done

It seems these should be standard across all GridView KCMs.

davidedmundson: It seems these should be standard across all GridView KCMs.
73​
74​ anchors.fill: parent
75​
76​ opacity: model.pendingDeletion ? 0.3 : 1
77​ Behavior on opacity {
78​ NumberAnimation { duration: Kirigami.Units.longDuration }
79​ }
80​
81​ GridLayout {
82​ id: grid
83​ anchors.fill: parent
84​ columns: 3
85​ columnSpacing: 0
86​ rowSpacing: 0
87​
88​ Repeater {
89​ model: [
90​ {background: "window", foreground: "windowText"},
91​ {background: "highlight", foreground: "highlightedText"},
92​ {background: "button", foreground: "buttonText"},
93​ {background: "toolTipBase", foreground: "toolTipText"},
94​ {background: "link", foreground: "linkVisited"},
95​ {background: "dark", foreground: "light"}
96​ ]
97​
98​ Rectangle {
99​ Layout.fillWidth: true
100​ Layout.fillHeight: true
101​ color: thumb.itemPalette[modelData.background]
102​
103​ // some comic style fake text
104​ Rectangle {
105​ anchors {
106​ left: parent.left
107​ top: parent.top
108​ margins: Kirigami.Units.largeSpacing
109​ }
110​ width: Math.round(parent.width / 2)
111​ height: Math.round(width / 5)
112​ color: modelData.foreground ? thumb.itemPalette[modelData.foreground] : ""
113​ visible: !!modelData.foreground
114​ }
115​ }
116​ }
117​ }
118​ }
119​
120​ actions: [
121​ Kirigami.Action {
122​ iconName: "document-edit"
123​ tooltip: i18n("Edit Color Scheme")
124​ enabled: model.editable && !model.pendingDeletion
125​ onTriggered: kcm.editScheme(model.schemeName)
126​ },
127​ Kirigami.Action {
128​ iconName: "edit-delete"
129​ tooltip: i18n("Remove Color Scheme")
130​ enabled: model.removable
131​ visible: !model.pendingDeletion
132​ onTriggered: kcm.setPendingDeletion(model.index, true);
133​ },
134​ Kirigami.Action {
135​ iconName: "edit-undo"
136​ tooltip: i18n("Restore Color Scheme")
137​ visible: model.pendingDeletion
138​ onTriggered: kcm.setPendingDeletion(model.index, false);
139​ }
140​ ]
141​ onClicked: {
142​ kcm.selectedScheme = model.schemeName;
143​ view.forceActiveFocus();
144​ }
145​ }
146​
147​ footer: ColumnLayout {
148​ Kirigami.InlineMessage {
149​ id: infoLabel
150​ Layout.fillWidth: true
151​
152​ showCloseButton: true
153​
154​ Connections {
155​ target: kcm
156​ onShowSuccessMessage: {
157​ infoLabel.type = Kirigami.MessageType.Positive;
158​ infoLabel.text = message;
159​ infoLabel.visible = true;
160​ }
161​ onShowErrorMessage: {
162​ infoLabel.type = Kirigami.MessageType.Error;
163​ infoLabel.text = message;
164​ infoLabel.visible = true;
165​ }
166​ }
167​ }
168​
169​ RowLayout {
170​ Layout.alignment: Qt.AlignRight
171​
172​ QtControls.Button {
173​ text: i18n("Install from File...")
174​ icon.name: "document-import"
175​ onClicked: fileDialogLoader.active = true
176​ }
177​
178​ QtControls.Button {
179​ text: i18n("Get New Themes...")
180​ icon.name: "get-hot-new-stuff"
181​ onClicked: kcm.getNewStuff(this)
182​ }
183​ }
184​ }
185​
186​ Loader {
187​ id: fileDialogLoader
188​ active: false
189​ sourceComponent: QtDialogs.FileDialog {
190​ visible: true
191​ title: i18n("Open Color Scheme")
192​ folder: shortcuts.home
193​ nameFilters: [ i18n("Color Scheme Files (*.colors)") ]
194​ onAccepted: {
195​ kcm.installSchemeFromFile(fileUrls[0])
196​ fileDialogLoader.active = false
197​ }
198​ onRejected: {
199​ fileDialogLoader.active = false
200​ }
201​ }
202​ }
203​}