You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
644 lines
23 KiB
QML
644 lines
23 KiB
QML
/*
|
|
* Copyright 2016 Smith AR <audoban@openmailbox.org>
|
|
* Michail Vourlakos <mvourlakos@gmail.com>
|
|
*
|
|
* This file is part of Latte-Dock
|
|
*
|
|
* Latte-Dock 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) any later version.
|
|
*
|
|
* Latte-Dock 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.0
|
|
import QtQuick.Controls 1.4
|
|
import QtQuick.Layouts 1.3
|
|
import QtGraphicalEffects 1.0
|
|
|
|
import org.kde.plasma.core 2.0 as PlasmaCore
|
|
import org.kde.plasma.components 2.0 as PlasmaComponents
|
|
import org.kde.plasma.plasmoid 2.0
|
|
|
|
import org.kde.latte 0.1 as Latte
|
|
|
|
PlasmaComponents.Page {
|
|
Layout.maximumWidth: content.width + content.Layout.leftMargin * 2
|
|
Layout.maximumHeight: content.height + units.smallSpacing * 2
|
|
|
|
Timer {
|
|
id: syncGeometry
|
|
|
|
running: false
|
|
repeat: false
|
|
interval: 400
|
|
onTriggered: dockConfig.syncGeometry()
|
|
}
|
|
|
|
ColumnLayout {
|
|
id: content
|
|
|
|
width: dialog.maxWidth - Layout.leftMargin * 2
|
|
spacing: units.largeSpacing
|
|
anchors.centerIn: parent
|
|
Layout.leftMargin: units.smallSpacing * 2
|
|
|
|
//! BEGIN: Applet Size
|
|
ColumnLayout {
|
|
Layout.fillWidth: true
|
|
spacing: units.smallSpacing
|
|
|
|
Header {
|
|
text: i18n("Applets Size")
|
|
}
|
|
|
|
RowLayout {
|
|
Layout.fillWidth: true
|
|
Layout.leftMargin: units.smallSpacing * 2
|
|
Layout.rightMargin: units.smallSpacing * 2
|
|
spacing: units.smallSpacing
|
|
enabled: plasmoid.configuration.proportionIconSize === -1
|
|
|
|
PlasmaComponents.Slider {
|
|
id: appletsSizeSlider
|
|
Layout.fillWidth: true
|
|
value: plasmoid.configuration.iconSize
|
|
minimumValue: 16
|
|
maximumValue: 128
|
|
stepSize: 8
|
|
|
|
function updateIconSize() {
|
|
if (!pressed) {
|
|
plasmoid.configuration.iconSize = value
|
|
syncGeometry.restart()
|
|
}
|
|
}
|
|
|
|
onPressedChanged: {
|
|
updateIconSize()
|
|
}
|
|
|
|
Component.onCompleted: {
|
|
valueChanged.connect(updateIconSize)
|
|
}
|
|
}
|
|
|
|
PlasmaComponents.Label {
|
|
text: appletsSizeSlider.value + " px."
|
|
horizontalAlignment: Text.AlignRight
|
|
Layout.minimumWidth: theme.mSize(theme.defaultFont).width * 4
|
|
}
|
|
}
|
|
|
|
RowLayout {
|
|
Layout.fillWidth: true
|
|
Layout.leftMargin: units.smallSpacing * 2
|
|
Layout.rightMargin: units.smallSpacing * 2
|
|
spacing: units.smallSpacing
|
|
|
|
PlasmaComponents.Label {
|
|
text: i18n("Screen Height Proportion:")
|
|
horizontalAlignment: Text.AlignLeft
|
|
enabled: proportionSizeSlider.value >= proportionSizeSlider.realMinimum
|
|
}
|
|
|
|
PlasmaComponents.Slider {
|
|
id: proportionSizeSlider
|
|
Layout.fillWidth: true
|
|
value: plasmoid.configuration.proportionIconSize
|
|
minimumValue: 1.0
|
|
maximumValue: 10
|
|
stepSize: 0.5
|
|
property real realMinimum: minimumValue + 0.5
|
|
|
|
function updateProportionIconSize() {
|
|
if (!pressed) {
|
|
if(value<realMinimum) {
|
|
plasmoid.configuration.proportionIconSize = -1;
|
|
} else {
|
|
plasmoid.configuration.proportionIconSize = value;
|
|
}
|
|
}
|
|
}
|
|
|
|
onPressedChanged: {
|
|
updateProportionIconSize();
|
|
}
|
|
|
|
Component.onCompleted: {
|
|
valueChanged.connect(updateProportionIconSize)
|
|
}
|
|
}
|
|
|
|
PlasmaComponents.Label {
|
|
text: proportionSizeSlider.value>=proportionSizeSlider.realMinimum ?
|
|
proportionSizeSlider.value.toFixed(1) + "%" : "---%"
|
|
horizontalAlignment: Text.AlignRight
|
|
Layout.minimumWidth: theme.mSize(theme.defaultFont).width * 4
|
|
enabled: proportionSizeSlider.value >= proportionSizeSlider.realMinimum
|
|
}
|
|
}
|
|
|
|
RowLayout {
|
|
Layout.fillWidth: true
|
|
Layout.leftMargin: units.smallSpacing * 2
|
|
Layout.rightMargin: units.smallSpacing * 2
|
|
spacing: units.smallSpacing
|
|
|
|
PlasmaComponents.Label {
|
|
text: i18n("Applets Distance:")
|
|
horizontalAlignment: Text.AlignLeft
|
|
enabled: iconMarginSlider.value > 0
|
|
}
|
|
|
|
PlasmaComponents.Slider {
|
|
id: iconMarginSlider
|
|
Layout.fillWidth: true
|
|
value: plasmoid.configuration.iconMargin
|
|
minimumValue: 0
|
|
maximumValue: 100
|
|
stepSize: 5
|
|
|
|
onPressedChanged: {
|
|
if (!pressed) {
|
|
plasmoid.configuration.iconMargin = value;
|
|
}
|
|
}
|
|
}
|
|
|
|
PlasmaComponents.Label {
|
|
text: iconMarginSlider.value.toFixed(1) + "%"
|
|
horizontalAlignment: Text.AlignRight
|
|
Layout.minimumWidth: theme.mSize(theme.defaultFont).width * 4
|
|
enabled: iconMarginSlider.value > 0
|
|
}
|
|
}
|
|
}
|
|
//! END: Applet Size
|
|
|
|
//! BEGIN: Zoom On Hover
|
|
ColumnLayout {
|
|
Layout.fillWidth: true
|
|
spacing: units.smallSpacing
|
|
enabled: plasmoid.configuration.durationTime > 0
|
|
|
|
Header {
|
|
text: i18n("Zoom On Hover")
|
|
}
|
|
|
|
RowLayout {
|
|
Layout.fillWidth: true
|
|
Layout.leftMargin: units.smallSpacing * 2
|
|
Layout.rightMargin: units.smallSpacing * 2
|
|
spacing: units.smallSpacing
|
|
|
|
PlasmaComponents.Slider {
|
|
Layout.fillWidth: true
|
|
id: zoomSlider
|
|
|
|
valueIndicatorText: i18n("Zoom Factor")
|
|
valueIndicatorVisible: true
|
|
|
|
value: Number(1 + plasmoid.configuration.zoomLevel / 20).toFixed(2)
|
|
minimumValue: 1
|
|
maximumValue: 2
|
|
stepSize: 0.05
|
|
|
|
function updateZoomLevel() {
|
|
if (!pressed) {
|
|
var result = Math.round((value - 1) * 20)
|
|
plasmoid.configuration.zoomLevel = result
|
|
}
|
|
}
|
|
|
|
onPressedChanged: {
|
|
updateZoomLevel()
|
|
}
|
|
|
|
Component.onCompleted: {
|
|
valueChanged.connect(updateZoomLevel)
|
|
}
|
|
}
|
|
|
|
PlasmaComponents.Label {
|
|
text: Number((zoomSlider.value * 100) - 100).toFixed(0) + "%"
|
|
horizontalAlignment: Text.AlignRight
|
|
Layout.minimumWidth: theme.mSize(theme.defaultFont).width * 4
|
|
}
|
|
}
|
|
}
|
|
//! END: Zoom On Hover
|
|
|
|
//! BEGIN: Animations
|
|
ColumnLayout {
|
|
Layout.fillWidth: true
|
|
spacing: units.smallSpacing
|
|
|
|
Header {
|
|
text: i18n("Animations")
|
|
}
|
|
|
|
RowLayout {
|
|
Layout.fillWidth: true
|
|
Layout.leftMargin: units.smallSpacing * 2
|
|
Layout.rightMargin: units.smallSpacing * 2
|
|
spacing: 2
|
|
|
|
property int duration: plasmoid.configuration.durationTime
|
|
|
|
ExclusiveGroup {
|
|
id: animationsGroup
|
|
onCurrentChanged: {
|
|
if (current.checked)
|
|
plasmoid.configuration.durationTime = current.duration
|
|
}
|
|
}
|
|
|
|
PlasmaComponents.Button {
|
|
Layout.fillWidth: true
|
|
text: i18n("None")
|
|
checked: parent.duration === duration
|
|
checkable: true
|
|
exclusiveGroup: animationsGroup
|
|
|
|
readonly property int duration: 0
|
|
}
|
|
PlasmaComponents.Button {
|
|
Layout.fillWidth: true
|
|
text: i18n("x1")
|
|
checked: parent.duration === duration
|
|
checkable: true
|
|
exclusiveGroup: animationsGroup
|
|
|
|
readonly property int duration: 1
|
|
}
|
|
PlasmaComponents.Button {
|
|
Layout.fillWidth: true
|
|
text: i18n("x2")
|
|
checked: parent.duration === duration
|
|
checkable: true
|
|
exclusiveGroup: animationsGroup
|
|
|
|
readonly property int duration: 2
|
|
}
|
|
PlasmaComponents.Button {
|
|
Layout.fillWidth: true
|
|
text: i18n("x3")
|
|
checked: parent.duration === duration
|
|
checkable: true
|
|
exclusiveGroup: animationsGroup
|
|
|
|
readonly property int duration: 3
|
|
}
|
|
}
|
|
}
|
|
//! END: Animations
|
|
|
|
//! BEGIN: Background
|
|
ColumnLayout {
|
|
Layout.fillWidth: true
|
|
spacing: units.smallSpacing
|
|
|
|
Header {
|
|
text: i18n("Background")
|
|
}
|
|
|
|
RowLayout {
|
|
Layout.fillWidth: true
|
|
Layout.leftMargin: units.smallSpacing * 2
|
|
Layout.rightMargin: units.smallSpacing * 2
|
|
|
|
PlasmaComponents.CheckBox {
|
|
id: showBackground
|
|
Layout.fillWidth: true
|
|
text: i18n("Show Panel")
|
|
checked: plasmoid.configuration.useThemePanel
|
|
|
|
onClicked: {
|
|
plasmoid.configuration.useThemePanel = checked
|
|
}
|
|
}
|
|
|
|
PlasmaComponents.CheckBox {
|
|
id: panelShadows
|
|
Layout.fillWidth: true
|
|
Layout.alignment: Qt.AlignHCenter
|
|
text: i18n("Shadows")
|
|
checked: plasmoid.configuration.panelShadows
|
|
|
|
onClicked: {
|
|
plasmoid.configuration.panelShadows = checked
|
|
}
|
|
}
|
|
|
|
PlasmaComponents.CheckBox {
|
|
id: solidBackground
|
|
Layout.fillWidth: true
|
|
Layout.alignment: Qt.AlignRight
|
|
|
|
text: i18n("Solid")
|
|
checked: plasmoid.configuration.solidPanel
|
|
enabled: showBackground.checked
|
|
|
|
onClicked: {
|
|
plasmoid.configuration.solidPanel = checked
|
|
}
|
|
}
|
|
}
|
|
|
|
RowLayout {
|
|
Layout.fillWidth: true
|
|
Layout.leftMargin: units.smallSpacing * 2
|
|
Layout.rightMargin: units.smallSpacing * 2
|
|
|
|
PlasmaComponents.Label {
|
|
text: i18n("Size: ")
|
|
horizontalAlignment: Text.AlignLeft
|
|
}
|
|
|
|
PlasmaComponents.Slider {
|
|
id: panelSizeSlider
|
|
Layout.fillWidth: true
|
|
enabled: showBackground.checked
|
|
|
|
value: plasmoid.configuration.panelSize
|
|
minimumValue: 0
|
|
maximumValue: 100
|
|
stepSize: 5
|
|
|
|
function updatePanelSize() {
|
|
if (!pressed)
|
|
plasmoid.configuration.panelSize = value
|
|
}
|
|
|
|
onPressedChanged: {
|
|
updatePanelSize();
|
|
}
|
|
|
|
Component.onCompleted: {
|
|
valueChanged.connect(updatePanelSize)
|
|
}
|
|
}
|
|
|
|
PlasmaComponents.Label {
|
|
enabled: showBackground.checked
|
|
text: panelSizeSlider.value + " %"
|
|
horizontalAlignment: Text.AlignRight
|
|
Layout.minimumWidth: theme.mSize(theme.defaultFont).width * 4
|
|
}
|
|
}
|
|
|
|
RowLayout {
|
|
Layout.fillWidth: true
|
|
Layout.leftMargin: units.smallSpacing * 2
|
|
Layout.rightMargin: units.smallSpacing * 2
|
|
|
|
PlasmaComponents.Label {
|
|
text: i18n("Transparency: ")
|
|
horizontalAlignment: Text.AlignLeft
|
|
enabled: showBackground.checked && !solidBackground.checked
|
|
}
|
|
|
|
PlasmaComponents.Slider {
|
|
id: transparencySlider
|
|
Layout.fillWidth: true
|
|
enabled: showBackground.checked && !solidBackground.checked
|
|
|
|
value: plasmoid.configuration.panelTransparency
|
|
minimumValue: 0
|
|
maximumValue: 100
|
|
stepSize: 5
|
|
|
|
function updatePanelTransparency() {
|
|
if (!pressed)
|
|
plasmoid.configuration.panelTransparency = value
|
|
}
|
|
|
|
onPressedChanged: {
|
|
updatePanelTransparency();
|
|
}
|
|
|
|
Component.onCompleted: {
|
|
valueChanged.connect(updatePanelTransparency);
|
|
}
|
|
}
|
|
|
|
PlasmaComponents.Label {
|
|
enabled: showBackground.checked && !solidBackground.checked
|
|
text: transparencySlider.value + " %"
|
|
horizontalAlignment: Text.AlignRight
|
|
Layout.minimumWidth: theme.mSize(theme.defaultFont).width * 4
|
|
}
|
|
}
|
|
}
|
|
//! END: Background
|
|
|
|
//! BEGIN: Length
|
|
ColumnLayout {
|
|
Layout.fillWidth: true
|
|
spacing: units.smallSpacing
|
|
|
|
Header {
|
|
text: i18n("Length")
|
|
}
|
|
|
|
RowLayout {
|
|
Layout.fillWidth: true
|
|
Layout.leftMargin: units.smallSpacing * 2
|
|
Layout.rightMargin: units.smallSpacing * 2
|
|
spacing: units.smallSpacing
|
|
|
|
PlasmaComponents.Label {
|
|
text: i18n("Maximum: ")
|
|
horizontalAlignment: Text.AlignLeft
|
|
}
|
|
|
|
PlasmaComponents.Slider {
|
|
Layout.fillWidth: true
|
|
id: maxLengthSlider
|
|
|
|
valueIndicatorText: i18n("Length")
|
|
valueIndicatorVisible: true
|
|
|
|
value: plasmoid.configuration.maxLength
|
|
minimumValue: 30
|
|
maximumValue: 100
|
|
stepSize: 2
|
|
|
|
function updateMaxLength() {
|
|
if (!pressed) {
|
|
plasmoid.configuration.maxLength = value;
|
|
var newTotal = Math.abs(plasmoid.configuration.offset) + value;
|
|
|
|
//centered and justify alignments based on offset and get out of the screen in some cases
|
|
var centeredCheck = ((plasmoid.configuration.panelPosition === Latte.Dock.Center)
|
|
|| (plasmoid.configuration.panelPosition === Latte.Dock.Justify))
|
|
&& ((Math.abs(plasmoid.configuration.offset) + value/2) > 50);
|
|
|
|
if (newTotal > 100 || centeredCheck) {
|
|
if ((plasmoid.configuration.panelPosition === Latte.Dock.Center)
|
|
|| (plasmoid.configuration.panelPosition === Latte.Dock.Justify)) {
|
|
|
|
var suggestedValue = (plasmoid.configuration.offset<0) ? Math.min(0, -(100-value)): Math.max(0, 100-value);
|
|
|
|
if ((Math.abs(suggestedValue) + value/2) > 50) {
|
|
if (suggestedValue < 0) {
|
|
suggestedValue = - (50 - value/2);
|
|
} else {
|
|
suggestedValue = 50 - value/2;
|
|
}
|
|
}
|
|
|
|
plasmoid.configuration.offset = suggestedValue;
|
|
} else {
|
|
plasmoid.configuration.offset = Math.max(0, 100-value);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
onPressedChanged: {
|
|
updateMaxLength();
|
|
}
|
|
|
|
Component.onCompleted: {
|
|
valueChanged.connect(updateMaxLength)
|
|
}
|
|
}
|
|
|
|
PlasmaComponents.Label {
|
|
text: maxLengthSlider.value + "%"
|
|
horizontalAlignment: Text.AlignRight
|
|
Layout.minimumWidth: theme.mSize(theme.defaultFont).width * 4
|
|
}
|
|
}
|
|
|
|
RowLayout {
|
|
Layout.fillWidth: true
|
|
Layout.leftMargin: units.smallSpacing * 2
|
|
Layout.rightMargin: units.smallSpacing * 2
|
|
spacing: units.smallSpacing
|
|
|
|
PlasmaComponents.Label {
|
|
text: i18n("Offset: ")
|
|
horizontalAlignment: Text.AlignLeft
|
|
}
|
|
|
|
PlasmaComponents.Slider {
|
|
Layout.fillWidth: true
|
|
id: offsetSlider
|
|
|
|
valueIndicatorText: i18n("Offset")
|
|
valueIndicatorVisible: true
|
|
|
|
value: plasmoid.configuration.offset
|
|
minimumValue: ((plasmoid.configuration.panelPosition === Latte.Dock.Center)
|
|
|| (plasmoid.configuration.panelPosition === Latte.Dock.Justify)) ? -20 : 0
|
|
maximumValue: ((plasmoid.configuration.panelPosition === Latte.Dock.Center)
|
|
|| (plasmoid.configuration.panelPosition === Latte.Dock.Justify)) ? 20 : 40
|
|
stepSize: 2
|
|
|
|
function updateOffset() {
|
|
if (!pressed) {
|
|
plasmoid.configuration.offset = value;
|
|
var newTotal = Math.abs(value) + plasmoid.configuration.maxLength;
|
|
|
|
//centered and justify alignments based on offset and get out of the screen in some cases
|
|
var centeredCheck = ((plasmoid.configuration.panelPosition === Latte.Dock.Center)
|
|
|| (plasmoid.configuration.panelPosition === Latte.Dock.Justify))
|
|
&& ((Math.abs(value) + plasmoid.configuration.maxLength/2) > 50);
|
|
if (newTotal > 100 || centeredCheck) {
|
|
plasmoid.configuration.maxLength = ((plasmoid.configuration.panelPosition === Latte.Dock.Center)
|
|
|| (plasmoid.configuration.panelPosition === Latte.Dock.Justify)) ?
|
|
2*(50 - Math.abs(value)) :100 - Math.abs(value);
|
|
}
|
|
}
|
|
}
|
|
|
|
onPressedChanged: {
|
|
updateOffset();
|
|
}
|
|
|
|
Component.onCompleted: {
|
|
valueChanged.connect(updateOffset);
|
|
}
|
|
}
|
|
|
|
PlasmaComponents.Label {
|
|
text: offsetSlider.value + "%"
|
|
horizontalAlignment: Text.AlignRight
|
|
Layout.minimumWidth: theme.mSize(theme.defaultFont).width * 4
|
|
}
|
|
}
|
|
}
|
|
//! END: Length
|
|
|
|
//! BEGIN: Shadows
|
|
ColumnLayout {
|
|
Layout.fillWidth: true
|
|
spacing: units.smallSpacing
|
|
|
|
Header {
|
|
text: i18n("Applet shadows")
|
|
}
|
|
|
|
RowLayout{
|
|
Layout.fillWidth: true
|
|
Layout.leftMargin: units.smallSpacing / 2
|
|
|
|
RowLayout {
|
|
Layout.fillWidth: true
|
|
|
|
spacing: units.smallSpacing
|
|
|
|
property int shadows: plasmoid.configuration.shadows
|
|
|
|
ExclusiveGroup {
|
|
id: shadowsGroup
|
|
onCurrentChanged: {
|
|
if (current.checked)
|
|
plasmoid.configuration.shadows = current.shadow
|
|
}
|
|
}
|
|
|
|
PlasmaComponents.RadioButton {
|
|
Layout.fillWidth: true
|
|
|
|
text: i18n("None")
|
|
checked: parent.shadows === shadow
|
|
exclusiveGroup: shadowsGroup
|
|
|
|
readonly property int shadow: 0
|
|
}
|
|
PlasmaComponents.RadioButton {
|
|
Layout.fillWidth: true
|
|
|
|
text: i18n("Locked")
|
|
checked: parent.shadows === shadow
|
|
exclusiveGroup: shadowsGroup
|
|
|
|
readonly property int shadow: 1
|
|
}
|
|
PlasmaComponents.RadioButton {
|
|
Layout.fillWidth: true
|
|
|
|
text: i18n("All")
|
|
checked: parent.shadows === shadow
|
|
exclusiveGroup: shadowsGroup
|
|
|
|
readonly property int shadow: 2
|
|
}
|
|
}
|
|
}
|
|
}
|
|
//! END: Shadows
|
|
}
|
|
}
|