Differential D18458 Diff 50510 kcmkwin/kwindecoration/package/contents/ui/Themes.qml

Changeset View

Standalone View

kcmkwin/kwindecoration/package/contents/ui/Themes.qml

This file was added.

1		/*
2		* Copyright 2014 Martin Gräßlin <mgraesslin@kde.org>
3		* Copyright (c) 2019 Valerio Pilo <vpilo@coldshock.net>
4		*
5		* This program is free software; you can redistribute it and/or
6		* modify it under the terms of the GNU General Public License as
7		* published by the Free Software Foundation; either version 2 of
8		* the License or (at your option) version 3 or any later version
9		* accepted by the membership of KDE e.V. (or its successor approved
10		* by the membership of KDE e.V.), which shall act as a proxy
11		* defined in Section 14 of version 3 of the license.
12		*
13		* This program is distributed in the hope that it will be useful,
14		* but WITHOUT ANY WARRANTY; without even the implied warranty of
15		* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
16		* GNU General Public License for more details.
17		*
18		* You should have received a copy of the GNU General Public License
19		* along with this program. If not, see <http://www.gnu.org/licenses/>.
20		*/
21		import QtQuick 2.7
22		import org.kde.kcm 1.1 as KCM
23		import org.kde.kirigami 2.2 as Kirigami
24		import org.kde.kwin.private.kdecoration 1.0 as KDecoration
25
26		KCM.GridView {
27		property int cellSpacing: 2 * units.largeSpacing
28		property int previewWidth: 18 * units.gridUnit
29		property int previewHeight: previewWidth / 1.7
30
31		function updateDecoration(item, marginTopLeft, marginBottomRight) {
32		var mainMargin = units.largeSpacing
33		var shd = item.shadow
34		item.anchors.leftMargin = mainMargin + marginTopLeft - (shd ? shd.paddingLeft : 0)
35		item.anchors.rightMargin = mainMargin + marginBottomRight - (shd ? shd.paddingRight : 0)
36		item.anchors.topMargin = mainMargin + marginTopLeft - (shd ? shd.paddingTop : 0)
37		item.anchors.bottomMargin = mainMargin + marginBottomRight - (shd ? shd.paddingBottom : 0)
38		}
39
40		view.model: kcm.themesModel
41		view.currentIndex: kcm.theme
42		view.onCurrentIndexChanged: kcm.theme = view.currentIndex
43		view.onContentHeightChanged: view.positionViewAtIndex(view.currentIndex, GridView.Visible)
44
45		view.cellWidth: previewWidth + cellSpacing
46		view.cellHeight: previewHeight + cellSpacing
47
48		view.delegate: KCM.GridDelegate {
49		text: model.display
50
51		thumbnailAvailable: true
52		thumbnail: Rectangle {
53		anchors.fill: parent
	broulikUnsubmitted Done I think this can go with the `GridDelegate` broulik: I think this can go with the `GridDelegate`
54		width: previewWidth
55		height: previewHeight
56		color: palette.base
57		clip: true
	broulikUnsubmitted Done This should be using `KCM.GridDelegate` for consistency with the other grid-based KCMs broulik: This should be using `KCM.GridDelegate` for consistency with the other grid-based KCMs
58
59		// Workaround: the thumbnail size can't be otherwise changed
60		Component.onCompleted: {
61		parent.parent.width = previewWidth
62		parent.parent.height = previewHeight
63		}
64
65		KDecoration.Bridge {
66		id: bridgeItem
67		plugin: model.plugin
68		theme: model.theme
69		}
70		KDecoration.Settings {
71		id: settingsItem
72		bridge: bridgeItem.bridge
73		}
74		KDecoration.Decoration {
75		id: inactivePreview
76		bridge: bridgeItem.bridge
77		settings: settingsItem
78		anchors.fill: parent
79		onShadowChanged: updateDecoration(inactivePreview, 0, client.decoration.titleBar.height)
80		Component.onCompleted: {
81		client.active = false
82		client.caption = model.display
83		updateDecoration(inactivePreview, 0, client.decoration.titleBar.height)
84		}
85		}
86		KDecoration.Decoration {
87		id: activePreview
88		bridge: bridgeItem.bridge
89		settings: settingsItem
90		anchors.fill: parent
91		onShadowChanged: updateDecoration(activePreview, client.decoration.titleBar.height, 0)
92		Component.onCompleted: {
93		client.active = true
94		client.caption = model.display
95		updateDecoration(activePreview, client.decoration.titleBar.height, 0)
96		}
97		}
98		MouseArea {
99		anchors.fill: parent
100		onClicked: view.currentIndex = index
101		}
102		Connections {
103		target: kcm
104		onBorderSizeChanged: settingsItem.borderSizesIndex = kcm.borderSize
105		}
106		}
107		actions: [
108		Kirigami.Action {
	broulikUnsubmitted Done Use `actions` property on the `GridDelegate` instead actions: [ Kirigami.Action { iconName: "configure" tooltip: i18n("Configure") enabled: model.configureable ... } ] broulik: Use `actions` property on the `GridDelegate` instead ``` actions: [ Kirigami.Action {…
109		iconName: "edit-entry"
110		tooltip: i18n("Edit %1 Theme", model.display)
111		enabled: model.configureable
112		onTriggered: {
113		view.currentIndex = index
114		bridgeItem.bridge.configure()
115		}
116		}
117		]
118
119		onClicked: view.currentIndex = index
120		}
121		Connections {
122		target: kcm
123		onThemeChanged: view.currentIndex = kcm.theme
124		}
125		}
126