2e820dbdef
The text cannot be aligned to the icon (makes it move around when dragging the icon) nor can we just allocate two line (makes single lines detached from the icon) BUG: 343411 REVIEW: 122301 FIXED-IN: 5.2.1
229 lines
10 KiB
QML
229 lines
10 KiB
QML
/*
|
|
* Copyright 2014 Martin Gräßlin <mgraesslin@kde.org>
|
|
*
|
|
* This program is free software; you can redistribute it and/or
|
|
* modify it under the terms of the GNU General Public License as
|
|
* published by the Free Software Foundation; either version 2 of
|
|
* the License or (at your option) version 3 or any later version
|
|
* accepted by the membership of KDE e.V. (or its successor approved
|
|
* by the membership of KDE e.V.), which shall act as a proxy
|
|
* defined in Section 14 of version 3 of the license.
|
|
*
|
|
* This program is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU General Public License
|
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
*/
|
|
import QtQuick 2.3
|
|
import QtQuick.Controls 1.2
|
|
import QtQuick.Layouts 1.1
|
|
import org.kde.kwin.private.kdecoration 1.0 as KDecoration
|
|
import org.kde.kquickcontrolsaddons 2.0 as KQuickControlsAddons;
|
|
import org.kde.plasma.core 2.0 as PlasmaCore;
|
|
|
|
Item {
|
|
Layout.preferredHeight: layout.height
|
|
KDecoration.Bridge {
|
|
id: bridgeItem
|
|
plugin: "org.kde.breeze"
|
|
}
|
|
KDecoration.Settings {
|
|
id: settingsItem
|
|
bridge: bridgeItem
|
|
}
|
|
Rectangle {
|
|
anchors.fill: parent
|
|
anchors.topMargin: units.gridUnit / 2
|
|
border.width: Math.ceil(units.gridUnit / 16.0)
|
|
color: SystemPalette.base;
|
|
border.color: highlightColor;
|
|
ColumnLayout {
|
|
id: layout
|
|
width: parent.width
|
|
height: titlebarRect.height + availableGrid.height + dragHint.height + 5*layout.spacing
|
|
Rectangle {
|
|
id: titlebarRect
|
|
height: buttonPreviewRow.height + units.smallSpacing
|
|
Layout.fillWidth: true
|
|
border.width: Math.ceil(units.gridUnit / 16.0)
|
|
border.color: highlightColor
|
|
color: SystemPalette.base;
|
|
RowLayout {
|
|
id: buttonPreviewRow
|
|
anchors.top: parent.top;
|
|
anchors.left: parent.left;
|
|
anchors.right: parent.right;
|
|
anchors.margins: units.smallSpacing / 2
|
|
height: Math.max(units.iconSizes.small, titlebar.implicitHeight) + units.smallSpacing/2
|
|
ButtonGroup {
|
|
id: leftButtonsView
|
|
height: buttonPreviewRow.height
|
|
model: configurationModule.leftButtons
|
|
key: "decoButtonLeft"
|
|
}
|
|
Item {
|
|
Layout.fillWidth: true
|
|
height: titlebar.implicitHeight
|
|
Label {
|
|
id: titlebar
|
|
anchors.centerIn: parent
|
|
font: titleFont
|
|
text: i18n("Titlebar")
|
|
}
|
|
}
|
|
ButtonGroup {
|
|
id: rightButtonsView
|
|
height: buttonPreviewRow.height
|
|
model: configurationModule.rightButtons
|
|
key: "decoButtonRight"
|
|
}
|
|
DropArea {
|
|
anchors.fill: parent
|
|
keys: [ "decoButtonAdd", "decoButtonRight", "decoButtonLeft" ]
|
|
onEntered: {
|
|
drag.accept();
|
|
}
|
|
onDropped: {
|
|
var view = undefined;
|
|
var left = drag.x - (leftButtonsView.x + leftButtonsView.width);
|
|
var right = drag.x - rightButtonsView.x;
|
|
if (Math.abs(left) <= Math.abs(right)) {
|
|
view = leftButtonsView;
|
|
} else {
|
|
view = rightButtonsView;
|
|
}
|
|
if (!view) {
|
|
return;
|
|
}
|
|
var point = mapToItem(view, drag.x, drag.y);
|
|
var index = view.indexAt(point.x, point.y);
|
|
if (index == -1 && (view.x + view.width <= drag.x)) {
|
|
index = view.count - 1;
|
|
}
|
|
if (drop.keys.indexOf("decoButtonAdd") != -1) {
|
|
view.model.add(index, drag.source.type);
|
|
} else if (drop.keys.indexOf("decoButtonLeft") != -1) {
|
|
if (view == leftButtonsView) {
|
|
// move in same view
|
|
if (index != drag.source.itemIndex) {
|
|
drag.source.buttonsModel.move(drag.source.itemIndex, index);
|
|
}
|
|
} else {
|
|
// move to right view
|
|
view.model.add(index, drag.source.type);
|
|
drag.source.buttonsModel.remove(drag.source.itemIndex);
|
|
}
|
|
} else if (drop.keys.indexOf("decoButtonRight") != -1) {
|
|
if (view == rightButtonsView) {
|
|
// move in same view
|
|
if (index != drag.source.itemIndex) {
|
|
drag.source.buttonsModel.move(drag.source.itemIndex, index);
|
|
}
|
|
} else {
|
|
// move to right view
|
|
view.model.add(index, drag.source.type);
|
|
drag.source.buttonsModel.remove(drag.source.itemIndex);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
Text {
|
|
id: iCannotBelieveIDoThis
|
|
text: "gnarf"
|
|
visible: false
|
|
}
|
|
GridView {
|
|
id: availableGrid
|
|
Layout.fillWidth: true
|
|
model: configurationModule.availableButtons
|
|
interactive: false
|
|
cellWidth: iconLabel.implicitWidth
|
|
cellHeight: units.iconSizes.small + iCannotBelieveIDoThis.implicitHeight + 4*units.smallSpacing
|
|
height: Math.ceil(cellHeight * 2.5)
|
|
opacity: (leftButtonsView.dragging || rightButtonsView.dragging) ? 0.25 : 1.0
|
|
delegate: Item {
|
|
id: availableDelegate
|
|
width: availableGrid.cellWidth
|
|
height: availableGrid.cellHeight
|
|
KDecoration.Button {
|
|
id: availableButton
|
|
anchors.centerIn: Drag.active ? undefined : parent
|
|
bridge: bridgeItem
|
|
settings: settingsItem
|
|
type: model["button"]
|
|
width: units.iconSizes.small
|
|
height: units.iconSizes.small
|
|
Drag.keys: [ "decoButtonAdd" ]
|
|
Drag.active: dragArea.drag.active
|
|
}
|
|
Label {
|
|
id: iconLabel
|
|
text: model["display"]
|
|
horizontalAlignment: Text.AlignHCenter
|
|
anchors.bottom: parent.bottom
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
elide: Text.ElideRight
|
|
wrapMode: Text.NoWrap
|
|
}
|
|
MouseArea {
|
|
id: dragArea
|
|
anchors.fill: parent
|
|
drag.target: availableButton
|
|
cursorShape: Qt.PointingHandCursor
|
|
onReleased: {
|
|
if (availableButton.Drag.target) {
|
|
availableButton.Drag.drop();
|
|
} else {
|
|
availableButton.Drag.cancel();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
Text {
|
|
id: dragHint
|
|
visible: !(leftButtonsView.dragging || rightButtonsView.dragging || availableGrid.dragging)
|
|
Layout.fillWidth: true
|
|
color: SystemPalette.text;
|
|
opacity: 0.66
|
|
horizontalAlignment: Text.AlignHCenter
|
|
verticalAlignment: Text.AlignTop
|
|
text: i18n("Drag buttons between here and the titlebar")
|
|
}
|
|
DropArea {
|
|
anchors.fill: availableGrid
|
|
keys: [ "decoButtonRemove" ]
|
|
onEntered: {
|
|
drag.accept();
|
|
}
|
|
onDropped: {
|
|
drag.source.buttonsModel.remove(drag.source.itemIndex);
|
|
}
|
|
ColumnLayout {
|
|
anchors.centerIn: parent
|
|
visible: leftButtonsView.dragging || rightButtonsView.dragging
|
|
Label {
|
|
text: i18n("Drop here to remove button")
|
|
font.bold: true
|
|
}
|
|
KQuickControlsAddons.QIconItem {
|
|
id: icon
|
|
width: 64
|
|
height: 64
|
|
icon: "list-remove"
|
|
Layout.alignment: Qt.AlignHCenter
|
|
}
|
|
Item {
|
|
Layout.fillHeight: true
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|