Differential D23712 Diff 66373 cuttlefish/package/contents/ui/cuttlefish.qml

Changeset View

Standalone View

View Options

cuttlefish/package/contents/ui/cuttlefish.qml

1/*************************************************************************** 1​/***************************************************************************
2 * * 2​ * *
3 * Copyright 2014-2015 Sebastian Kügler <sebas@kde.org> * 3​ * Copyright 2014-2015 Sebastian Kügler <sebas@kde.org> *
4​ * Copyrihgt 2019 Carson Black <uhhadd@gmail.com> *
4 * * 5​ * *
5 * This program is free software; you can redistribute it and/or modify * 6​ * This program is free software; you can redistribute it and/or modify *
6 * it under the terms of the GNU General Public License as published by * 7​ * it under the terms of the GNU General Public License as published by *
7 * the Free Software Foundation; either version 2 of the License, or * 8​ * the Free Software Foundation; either version 2 of the License, or *
8 * (at your option) any later version. * 9​ * (at your option) any later version. *
9 * * 10​ * *
10 * This program is distributed in the hope that it will be useful, * 11​ * This program is distributed in the hope that it will be useful, *
11 * but WITHOUT ANY WARRANTY; without even the implied warranty of * 12​ * but WITHOUT ANY WARRANTY; without even the implied warranty of *
12 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * 13​ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the *
13 * GNU General Public License for more details. * 14​ * GNU General Public License for more details. *
14 * * 15​ * *
15 * You should have received a copy of the GNU General Public License * 16​ * You should have received a copy of the GNU General Public License *
16 * along with this program; if not, write to the * 17​ * along with this program; if not, write to the *
17 * Free Software Foundation, Inc., * 18​ * Free Software Foundation, Inc., *
18 * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA . * 19​ * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA . *
19 * * 20​ * *
20 ***************************************************************************/ 21​ ***************************************************************************/
21 22​
22import QtQuick 2.5 23​import QtQuick 2.5
23import QtQuick.Layouts 1.0 24​import QtQuick.Layouts 1.0
25​import QtQuick.Controls 2.5 as QQC2
ngrahamUnsubmitted
Done

ditto

ngraham: ditto
ngrahamUnsubmitted
Done

Not done

ngraham: Not done
26​import Qt.labs.settings 1.0
24 27​
25import org.kde.plasma.core 2.0 as PlasmaCore 28​import org.kde.kirigami 2.4 as Kirigami
26import org.kde.plasma.components 2.0 as PlasmaComponents ​
27import org.kde.plasma.extras 2.0 as PlasmaExtras ​
28 29​
29 30​Kirigami.ApplicationWindow {
30Item { ​
31 id: cuttlefish 31​ id: cuttlefish
32 objectName: "cuttlefish" 32​ objectName: "cuttlefish"
33 33​
34 width: units.gridUnit * 60 34​ signal itemRightClicked()
35 height: Math.round(width / 3 * 2) 35​
filipfUnsubmitted
Done

you can just do width: height

filipf: you can just do `width: height`
36​ minimumWidth: 400
37​ minimumHeight: 400
38​
39​ property bool widescreen: cuttlefish.width >= 800
36 40​
37 property int iconSize: units.iconSizes.large 41​ property int iconSize: Kirigami.Units.iconSizes.large
davidreUnsubmitted
Done

Why not Kirigami units here?

davidre: Why not Kirigami units here?
38 property bool hoveredHighlight: false ​
39 property bool darkScheme: false 42​ property bool darkScheme: false
40 property bool usesPlasmaTheme: true 43​ property bool usesPlasmaTheme: true
44​ property var schemeStash
45​
46​ property color textcolor: Kirigami.Theme.textColor
47​ property color bgcolor: Kirigami.Theme.backgroundColor
48​ property color highlightcolor: Kirigami.Theme.highlightColor
49​ property color highlightedtextcolor: Kirigami.Theme.highlightedTextColor
50​ property color positivetextcolor: Kirigami.Theme.positiveTextColor
51​ property color neutraltextcolor: Kirigami.Theme.neutralTextColor
52​ property color negativetextcolor: Kirigami.Theme.negativeTextColor
53​ property color viewbgcolor: Kirigami.Theme.viewBackgroundColor
54​
55​ Kirigami.Theme.textColor: cuttlefish.textcolor
56​ Kirigami.Theme.backgroundColor: cuttlefish.bgcolor
57​ Kirigami.Theme.highlightColor: cuttlefish.highlightcolor
58​ Kirigami.Theme.highlightedTextColor: cuttlefish.highlightedtextcolor
59​ Kirigami.Theme.positiveTextColor: cuttlefish.positivetextcolor
60​ Kirigami.Theme.neutralTextColor: cuttlefish.neutraltextcolor
61​ Kirigami.Theme.negativeTextColor: cuttlefish.negativetextcolor
62​
63​ Loader {
64​ // Use a Loader instead of creating a GMB directly,
65​ // so if the GMB errors, it doesn't affect Cuttlefish's operation
66​ id: loader
67​ source: "GlobalMenuBar.qml"
68​ }
69​ Loader {
70​ // Ditto for the right click context menu.
71​ source: "Menu.qml"
72​ }
73​ Settings {
74​ property alias x: cuttlefish.x
75​ property alias y: cuttlefish.y
76​ property alias width: cuttlefish.width
77​ property alias height: cuttlefish.height
78​ }
79​ Connections {
80​ target: loader.item
81​ onQuit: { cuttlefish.close() }
82​ onZoomIn: { tools.slider.value += 1 }
83​ onZoomOut: { tools.slider.value -= 1 }
84​ onMontage: {
85​ switch(type) {
86​ case 0:
87​ previewPane.iconPreview.shot("active")
88​ break;
89​ case 1:
90​ previewPane.iconPreview.shot("normal")
91​ break;
92​ case 2:
93​ previewPane.iconPreview.shot("dark")
94​ break;
95​ case 3:
96​ previewPane.dualMont.shot()
97​ break;
98​ }
99​ }
100​ }
101​ function changeColors(index) {
102​ switch(index) {
103​ case 0:
104​ cuttlefish.Kirigami.Theme.inherit = true
105​ cuttlefish.textcolor = cuttlefish.schemeStash[0]
106​ cuttlefish.bgcolor = cuttlefish.schemeStash[1]
107​ cuttlefish.highlightcolor = cuttlefish.schemeStash[2]
108​ cuttlefish.highlightedtextcolor = cuttlefish.schemeStash[3]
109​ cuttlefish.positivetextcolor = cuttlefish.schemeStash[4]
110​ cuttlefish.neutraltextcolor = cuttlefish.schemeStash[5]
111​ cuttlefish.negativetextcolor = cuttlefish.schemeStash[6]
112​ cuttlefish.viewbgcolor = cuttlefish.schemeStash[7]
113​ break
114​ case 1:
115​ cuttlefish.Kirigami.Theme.inherit = false
116​ cuttlefish.textcolor = "#232629"
117​ cuttlefish.bgcolor = "#eff0f1"
118​ cuttlefish.highlightcolor = "#3daee9"
119​ cuttlefish.highlightedtextcolor = "#eff0f1"
120​ cuttlefish.positivetextcolor = "#27ae60"
121​ cuttlefish.neutraltextcolor = "#f67400"
122​ cuttlefish.negativetextcolor = "#da4453"
123​ cuttlefish.viewbgcolor = "#fcfcfc"
124​ break
125​ case 2:
126​ cuttlefish.Kirigami.Theme.inherit = false
127​ cuttlefish.textcolor = "#eff0f1"
128​ cuttlefish.bgcolor = "#31363b"
129​ cuttlefish.highlightcolor = "#3daee9"
130​ cuttlefish.highlightedtextcolor = "#eff0f1"
131​ cuttlefish.positivetextcolor = "#27ae60"
132​ cuttlefish.neutraltextcolor = "#f67400"
133​ cuttlefish.negativetextcolor = "#da4453"
134​ cuttlefish.viewbgcolor = "#232629"
135​ break
136​ }
137​ }
41 138​
42 function indexToSize(ix) { 139​ function indexToSize(ix) {
43 140​
44 var sizes = new Array(); 141​ var sizes = new Array();
45 sizes[0] = units.iconSizes.tiny; 142​ sizes[0] = 8;
46 sizes[1] = units.iconSizes.small; 143​ sizes[1] = 16;
47 sizes[2] = units.iconSizes.smallMedium; 144​ sizes[2] = 22;
48 sizes[3] = units.iconSizes.medium; 145​ sizes[3] = 32;
49 sizes[4] = units.iconSizes.large; 146​ sizes[4] = 64;
50 sizes[5] = units.iconSizes.huge; 147​ sizes[5] = 128;
51 sizes[6] = units.iconSizes.enormous; ​
52 148​
53 return sizes[ix]; 149​ return sizes[ix];
54 } 150​ }
55 ​
56 PlasmaCore.ColorScope { ​
57 anchors.fill: parent ​
58 colorGroup: darkScheme ? PlasmaCore.Theme.ComplementaryColorGroup : PlasmaCore.Theme.NormalColorGroup ​
59 Rectangle { 151​ Rectangle {
60 color: PlasmaCore.ColorScope.backgroundColor 152​ Kirigami.Theme.colorSet: Kirigami.Theme.View
153​ color: tools.currentIndex != 0 ? cuttlefish.viewbgcolor : Kirigami.Theme.viewBackgroundColor
61 anchors.fill: parent 154​ anchors.fill: parent
62 } 155​ }
63 156​ ColumnLayout {
64 GridLayout { 157​ Shortcut {
65 columns: 2 158​ sequence: StandardKey.ZoomIn
159​ onActivated: tools.slider.value += 1
160​ }
161​ Shortcut {
162​ sequence: StandardKey.ZoomOut
163​ onActivated: tools.slider.value -= 1
164​ }
66 anchors.fill: parent 165​ anchors.fill: parent
67 rowSpacing: - Math.round(units.gridUnit / 20) 166​ spacing: 0
68 167​
69 Tools { 168​ Tools {
70 Layout.columnSpan: 2 169​ id: tools
71 Layout.fillWidth: true 170​ Layout.fillWidth: true
72 Layout.preferredHeight: units.gridUnit * 2 171​ Layout.preferredHeight: (Kirigami.Units.gridUnit * 2) + Kirigami.Units.largeSpacing
73 } 172​ }
74 173​
75 PlasmaExtras.ScrollArea { 174​ RowLayout {
175​ QQC2.ScrollView {
176​ id: grid
76 Layout.fillWidth: true 177​ Layout.fillWidth: true
77 Layout.fillHeight: true 178​ Layout.fillHeight: true
179​ QQC2.ScrollBar.horizontal.policy: QQC2.ScrollBar.AlwaysOff
78 IconGrid { 180​ IconGrid {
79 id: iconGrid 181​ id: iconGrid
80 anchors.fill: parent 182​ anchors.fill: parent
183​ anchors.margins: Kirigami.Units.gridUnit
81 184​
82 footer: SvgGrid { 185​ footer: SvgGrid {
83 id: svgGrid 186​ id: svgGrid
84 interactive: false 187​ interactive: false
85 } 188​ }
86 } 189​ }
87 } 190​ }
88 Preview { 191​ Preview {
89 id: preview 192​ visible: cuttlefish.widescreen
90 Layout.preferredWidth: Math.max(parent.width / 4, units.gridUnit * 12) 193​ id: previewPane
194​ Layout.preferredWidth: Kirigami.Units.gridUnit * 22
91 Layout.fillHeight: true 195​ Layout.fillHeight: true
92 } 196​ }
93 } 197​ }
198​ ToolsResponsive {
199​ visible: !cuttlefish.widescreen
200​ id: toolsResponsive
201​ Layout.fillWidth: true
202​ Layout.preferredHeight: (Kirigami.Units.gridUnit * 2) + Kirigami.Units.largeSpacing
94 } 203​ }
95 204​ }
96 Shortcut { 205​ Loader {
97 sequence: StandardKey.Quit 206​ active: !cuttlefish.widescreen
98 onActivated: Qt.quit() 207​ source: "ResponsivePreview.qml"
208​ }
209​ Connections {
210​ target: tools
211​ onColorschemeChanged: (index) => {
212​ cuttlefish.changeColors(index)
213​ toolsResponsive.currentIndex = index
214​ }
215​ }
216​ Connections {
217​ target: toolsResponsive
218​ onColorschemeChanged: (index) => {
219​ cuttlefish.changeColors(index)
220​ tools.currentIndex = index
221​ }
222​ }
223​ Item {
224​ id: preview
225​ property string iconName: "plasma"
226​ property string fullPath: ""
227​ property string category: ""
228​ property string fileName: ""
229​ property string type: ""
230​ property string iconTheme: ""
231​ property variant sizes: []
232​ property bool scalable: true
233​ }
234​
235​ Component.onCompleted: {
236​ cuttlefish.schemeStash += Kirigami.Theme.textColor
237​ cuttlefish.schemeStash += Kirigami.Theme.backgroundColor
238​ cuttlefish.schemeStash += Kirigami.Theme.highlightColor
239​ cuttlefish.schemeStash += Kirigami.Theme.highlightedTextColor
240​ cuttlefish.schemeStash += Kirigami.Theme.positiveTextColor
241​ cuttlefish.schemeStash += Kirigami.Theme.neutralTextColor
242​ cuttlefish.schemeStash += Kirigami.Theme.negativeTextColor
243​ cuttlefish.schemeStash += Kirigami.Theme.viewBackgroundColor
244​ console.log(cuttlefish.schemeStash)
99 } 245​ }
100} 246​}