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.
573 lines
21 KiB
QML
573 lines
21 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.7
|
|
import QtQuick.Controls 1.4
|
|
import QtQuick.Layouts 1.3
|
|
import QtGraphicalEffects 1.0
|
|
import QtQuick.Window 2.2
|
|
|
|
import org.kde.plasma.core 2.0 as PlasmaCore
|
|
import org.kde.plasma.components 2.0 as PlasmaComponents
|
|
import org.kde.plasma.components 3.0 as PlasmaComponents3
|
|
import org.kde.plasma.extras 2.0 as PlasmaExtras
|
|
import QtQuick.Controls.Styles.Plasma 2.0 as Styles
|
|
|
|
import org.kde.plasma.plasmoid 2.0
|
|
|
|
import org.kde.kquickcontrolsaddons 2.0 as KQuickControlAddons
|
|
|
|
import org.kde.latte 0.2 as Latte
|
|
|
|
import "pages" as Pages
|
|
import "../controls" as LatteExtraControls
|
|
import "../controls/private" as LatteExtraControlsPrivate
|
|
|
|
FocusScope {
|
|
id: dialog
|
|
|
|
readonly property bool basicLevel: viewConfig.complexity === Latte.Types.BasicSettings
|
|
readonly property bool advancedLevel: viewConfig.complexity === Latte.Types.AdvancedSettings
|
|
readonly property bool expertLevel: viewConfig.complexity === Latte.Types.ExpertSettings
|
|
|
|
readonly property bool highLevel: advancedLevel || expertLevel
|
|
|
|
//! max size based on screen resolution
|
|
//! TODO: if we can access availableScreenGeometry.height this can be improved, currently
|
|
//! we use 100px. or 50px. in order to give space for othe views to be shown and to have also
|
|
//! some space around the settings window
|
|
property int maxHeight: plasmoid.formFactor === PlasmaCore.Types.Horizontal ?
|
|
latteView.screenGeometry.height - latteView.normalThickness - 64 :
|
|
latteView.height - 50
|
|
property int maxWidth: 0.6 * latteView.screenGeometry.width
|
|
|
|
//! propose size based on font size
|
|
property int proposedWidth: 0.84 * proposedHeight + units.smallSpacing * 2
|
|
property int proposedHeight: 36 * theme.mSize(theme.defaultFont).height
|
|
|
|
//! user set scales based on its preference, e.g. 96% of the proposed size
|
|
property int userScaleWidth: plasmoid.configuration.windowWidthScale
|
|
property int userScaleHeight: plasmoid.configuration.windowHeightScale
|
|
|
|
//! chosen size to be applied, if the user has set or not a different scale for the settings window
|
|
property int chosenWidth: userScaleWidth !== 100 ? (userScaleWidth/100) * proposedWidth : proposedWidth
|
|
property int chosenHeight: userScaleHeight !== 100 ? (userScaleHeight/100) * heightLevel * proposedHeight : heightLevel * proposedHeight
|
|
|
|
readonly property real heightLevel: (dialog.expertLevel ? 100 : 1)
|
|
|
|
onHeightChanged: viewConfig.syncGeometry();
|
|
|
|
//! applied size in order to not be out of boundaries
|
|
//! width can be between 200px - maxWidth
|
|
//! height can be between 400px - maxHeight
|
|
property int appliedWidth: Math.min(maxWidth, Math.max(200, chosenWidth))
|
|
property int appliedHeight: Math.min(maxHeight, Math.max(400, chosenHeight))
|
|
|
|
width: appliedWidth
|
|
height: appliedHeight
|
|
|
|
Layout.minimumWidth: width
|
|
Layout.minimumHeight: height
|
|
LayoutMirroring.enabled: Qt.application.layoutDirection === Qt.RightToLeft
|
|
LayoutMirroring.childrenInherit: true
|
|
|
|
readonly property bool viewIsPanel: latteView.type === Latte.Types.PanelView
|
|
|
|
property bool panelIsVertical: plasmoid.formFactor === PlasmaCore.Types.Vertical
|
|
property int subGroupSpacing: units.largeSpacing + units.smallSpacing * 1.5
|
|
|
|
property color bC: theme.backgroundColor
|
|
property color transparentBackgroundColor: Qt.rgba(bC.r, bC.g, bC.b, 0.7)
|
|
|
|
PlasmaCore.FrameSvgItem{
|
|
anchors.fill: parent
|
|
imagePath: "dialogs/background"
|
|
enabledBorders: viewConfig.enabledBorders
|
|
}
|
|
|
|
MouseArea{
|
|
id: backgroundMouseArea
|
|
anchors.fill: parent
|
|
hoverEnabled: true
|
|
|
|
property bool blockWheel: false
|
|
property bool wheelTriggeredOnce: false
|
|
property int scaleStep: 4
|
|
|
|
onContainsMouseChanged: {
|
|
if (!containsMouse) {
|
|
wheelTriggeredOnce = false;
|
|
}
|
|
}
|
|
|
|
onWheel: {
|
|
if (blockWheel || !(wheel.modifiers & Qt.MetaModifier)){
|
|
return;
|
|
}
|
|
|
|
blockWheel = true;
|
|
wheelTriggeredOnce = true;
|
|
scrollDelayer.start();
|
|
|
|
var angle = wheel.angleDelta.y / 8;
|
|
|
|
//positive direction
|
|
if (angle > 12) {
|
|
plasmoid.configuration.windowWidthScale = plasmoid.configuration.windowWidthScale + scaleStep;
|
|
plasmoid.configuration.windowHeightScale = plasmoid.configuration.windowHeightScale + scaleStep;
|
|
viewConfig.syncGeometry();
|
|
//negative direction
|
|
} else if (angle < -12) {
|
|
plasmoid.configuration.windowWidthScale = plasmoid.configuration.windowWidthScale - scaleStep;
|
|
plasmoid.configuration.windowHeightScale = plasmoid.configuration.windowHeightScale - scaleStep;
|
|
viewConfig.syncGeometry();
|
|
}
|
|
}
|
|
}
|
|
|
|
PlasmaComponents.Label{
|
|
anchors.top: parent.top
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
text: i18nc("view settings window scale","Window scale at %0%").arg(userScaleWidth)
|
|
visible: backgroundMouseArea.containsMouse && backgroundMouseArea.wheelTriggeredOnce
|
|
}
|
|
|
|
//! A timer is needed in order to handle also touchpads that probably
|
|
//! send too many signals very fast. This way the signals per sec are limited.
|
|
//! The user needs to have a steady normal scroll in order to not
|
|
//! notice a annoying delay
|
|
Timer{
|
|
id: scrollDelayer
|
|
interval: 75
|
|
onTriggered: backgroundMouseArea.blockWheel = false;
|
|
}
|
|
|
|
ColumnLayout {
|
|
id: content
|
|
|
|
Layout.minimumWidth: width
|
|
Layout.minimumHeight: calculatedHeight
|
|
Layout.preferredWidth: width
|
|
Layout.preferredHeight: calculatedHeight
|
|
width: (dialog.appliedWidth - units.smallSpacing * 2)
|
|
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
anchors.top: parent.top
|
|
spacing: units.smallSpacing
|
|
|
|
property int calculatedHeight: header.height + headerSpacer.height+ tabBar.height + pagesBackground.height + actionButtons.height + spacing * 3
|
|
|
|
Keys.onPressed: {
|
|
if (event.key === Qt.Key_Escape) {
|
|
viewConfig.hideConfigWindow();
|
|
}
|
|
}
|
|
|
|
Component.onCompleted: forceActiveFocus();
|
|
|
|
RowLayout {
|
|
id: header
|
|
Layout.fillWidth: true
|
|
|
|
spacing: 0
|
|
|
|
Item {
|
|
Layout.alignment: Qt.AlignLeft | Qt.AlignTop
|
|
Layout.fillWidth: false
|
|
Layout.topMargin: units.smallSpacing
|
|
Layout.preferredWidth: width
|
|
Layout.preferredHeight: height
|
|
|
|
width: Qt.application.layoutDirection !== Qt.RightToLeft ? logo.width + latteTxt.width + units.smallSpacing : logo.width + units.smallSpacing
|
|
height: logo.height
|
|
|
|
LatteExtraControls.ToolTip{
|
|
parent: logo
|
|
text: i18n("Open Latte settings window")
|
|
visible: aboutMouseArea.containsMouse
|
|
delay: 7 * units.longDuration
|
|
}
|
|
|
|
Latte.IconItem {
|
|
id: logo
|
|
|
|
width: Math.round(1.4 * latteTxtMetrics.font.pixelSize)
|
|
height: width
|
|
|
|
smooth: true
|
|
source: "latte-dock"
|
|
// animated: true
|
|
usesPlasmaTheme: false
|
|
active: aboutMouseArea.containsMouse
|
|
}
|
|
PlasmaComponents.Label {
|
|
id: latteTxtMetrics
|
|
text: "Latte"
|
|
width: 0
|
|
font.pointSize: 2 * theme.defaultFont.pointSize
|
|
visible: false
|
|
}
|
|
|
|
PlasmaCore.SvgItem{
|
|
id: latteTxt
|
|
|
|
width: 2.2 * height
|
|
height: 0.4 * latteTxtMetrics.font.pixelSize
|
|
|
|
visible: Qt.application.layoutDirection !== Qt.RightToLeft
|
|
|
|
anchors.left: logo.right
|
|
anchors.verticalCenter: logo.verticalCenter
|
|
|
|
svg: PlasmaCore.Svg{
|
|
imagePath: universalSettings.trademarkIconPath()
|
|
}
|
|
}
|
|
|
|
MouseArea {
|
|
id: aboutMouseArea
|
|
acceptedButtons: Qt.LeftButton
|
|
anchors.fill: parent
|
|
hoverEnabled: true
|
|
|
|
readonly property int preferencesPage: Latte.Types.PreferencesPage
|
|
onClicked: layoutManager.showLatteSettingsDialog(preferencesPage)
|
|
}
|
|
|
|
Rectangle {
|
|
anchors.top: parent.bottom
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
anchors.topMargin: 2
|
|
width: parent.width + 4
|
|
height: 2
|
|
color: theme.highlightColor
|
|
visible: aboutMouseArea.containsMouse
|
|
}
|
|
}
|
|
|
|
Item{
|
|
id: headerSpacer
|
|
Layout.minimumHeight: complexitySettings.height + 2*units.smallSpacing
|
|
}
|
|
|
|
ColumnLayout {
|
|
PlasmaComponents.ToolButton {
|
|
id: pinButton
|
|
|
|
Layout.fillWidth: false
|
|
Layout.fillHeight: false
|
|
Layout.preferredWidth: width
|
|
Layout.preferredHeight: height
|
|
Layout.alignment: Qt.AlignRight | Qt.AlignVCenter
|
|
Layout.bottomMargin: units.smallSpacing
|
|
//!avoid editMode box shadow
|
|
Layout.topMargin: units.smallSpacing * 2
|
|
Layout.rightMargin: units.smallSpacing
|
|
|
|
iconSource: "window-pin"
|
|
checkable: true
|
|
|
|
width: Math.round(units.gridUnit * 1.25)
|
|
height: width
|
|
|
|
property bool inStartup: true
|
|
|
|
onClicked: {
|
|
plasmoid.configuration.configurationSticker = checked
|
|
viewConfig.setSticker(checked)
|
|
}
|
|
|
|
Component.onCompleted: {
|
|
checked = plasmoid.configuration.configurationSticker
|
|
viewConfig.setSticker(plasmoid.configuration.configurationSticker)
|
|
}
|
|
}
|
|
|
|
RowLayout {
|
|
id: complexitySettings
|
|
Layout.fillWidth: true
|
|
Layout.rightMargin: units.smallSpacing * 2
|
|
Layout.alignment: Qt.AlignRight | Qt.AlignTop
|
|
|
|
PlasmaComponents.Label {
|
|
Layout.fillWidth: true
|
|
Layout.alignment: Qt.AlignRight
|
|
}
|
|
|
|
PlasmaComponents.Label {
|
|
id: complexityLbl
|
|
Layout.alignment: Qt.AlignRight
|
|
opacity: dialog.basicLevel ? 0.3 : 1
|
|
|
|
//! TODO: the term here is not accurate because the expert settings mode
|
|
//! is used currently. In the future this term will be rethought if
|
|
//! it must remain or be changed
|
|
text: i18nc("advanced settings", "Advanced")
|
|
|
|
MouseArea {
|
|
id: complexityMouseArea
|
|
anchors.fill: parent
|
|
hoverEnabled: true
|
|
onClicked: {
|
|
if (dialog.basicLevel || dialog.advancedLevel) {
|
|
viewConfig.complexity = Latte.Types.ExpertSettings;
|
|
} else if (dialog.expertLevel) {
|
|
viewConfig.complexity = Latte.Types.BasicSettings;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Switch {
|
|
id: complexitySwitch
|
|
checked: dialog.expertLevel
|
|
|
|
onPressedChanged: {
|
|
if(pressed){
|
|
if (dialog.basicLevel || dialog.advancedLevel) {
|
|
viewConfig.complexity = Latte.Types.ExpertSettings;
|
|
} else if (dialog.expertLevel) {
|
|
viewConfig.complexity = Latte.Types.BasicSettings;
|
|
}
|
|
}
|
|
}
|
|
|
|
style: LatteExtraControlsPrivate.SwitchStyle {}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
PlasmaComponents.TabBar {
|
|
id: tabBar
|
|
Layout.fillWidth: true
|
|
Layout.maximumWidth: (dialog.appliedWidth - units.smallSpacing * 2)
|
|
|
|
PlasmaComponents.TabButton {
|
|
id: behaviorTabBtn
|
|
text: i18n("Behavior")
|
|
tab: behaviorPage
|
|
}
|
|
PlasmaComponents.TabButton {
|
|
id: appearanceTabBtn
|
|
text: i18n("Appearance")
|
|
tab: appearancePage
|
|
}
|
|
PlasmaComponents.TabButton {
|
|
id: effectsTabBtn
|
|
text: i18n("Effects")
|
|
tab: effectsPage
|
|
visible: dialog.highLevel
|
|
}
|
|
PlasmaComponents.TabButton {
|
|
id: tasksTabBtn
|
|
text: i18n("Tasks")
|
|
tab: tasksPage
|
|
|
|
visible: latteView.latteTasksPresent()
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
id: pagesBackground
|
|
Layout.fillWidth: true
|
|
Layout.fillHeight: false
|
|
Layout.minimumWidth: dialog.appliedWidth - units.smallSpacing * 4
|
|
Layout.minimumHeight: height
|
|
Layout.maximumHeight: height
|
|
|
|
width: dialog.appliedWidth - units.smallSpacing * 3
|
|
height: availableFreeHeight + units.smallSpacing * 4
|
|
|
|
color: transparentBackgroundColor
|
|
border.width: 1
|
|
border.color: theme.backgroundColor
|
|
|
|
//fix the height binding loop when showing the configuration window
|
|
property int availableFreeHeight: dialog.appliedHeight - header.height - headerSpacer.height - tabBar.height - actionButtons.height - 2 * units.smallSpacing
|
|
|
|
PlasmaExtras.ScrollArea {
|
|
id: scrollArea
|
|
|
|
anchors.fill: parent
|
|
verticalScrollBarPolicy: Qt.ScrollBarAsNeeded
|
|
horizontalScrollBarPolicy: Qt.ScrollBarAlwaysOff
|
|
|
|
flickableItem.flickableDirection: Flickable.VerticalFlick
|
|
|
|
PlasmaComponents.TabGroup {
|
|
id: tabGroup
|
|
|
|
width: currentTab.Layout.maximumWidth
|
|
height: currentTab.Layout.maximumHeight
|
|
|
|
Pages.BehaviorConfig {
|
|
id: behaviorPage
|
|
}
|
|
|
|
Pages.AppearanceConfig {
|
|
id: appearancePage
|
|
}
|
|
|
|
Pages.EffectsConfig {
|
|
id: effectsPage
|
|
}
|
|
|
|
Pages.TasksConfig {
|
|
id: tasksPage
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
RowLayout {
|
|
id: actionButtons
|
|
Layout.fillWidth: true
|
|
Layout.alignment: Qt.AlignHCenter | Qt.AlignBottom
|
|
|
|
spacing: units.largeSpacing
|
|
|
|
Connections{
|
|
target: latteView.managedLayout
|
|
onViewsCountChanged: actionButtons.updateEnabled();
|
|
}
|
|
|
|
function updateEnabled() {
|
|
var screenFreeEdges = latteView.managedLayout.qmlFreeEdges(latteView.positioner.currentScreenId);
|
|
addView.enabled = latteView.managedLayout.viewsCount<4 && screenFreeEdges.length > 0
|
|
removeView.enabled = latteView.managedLayout.viewsCount>1 && !(latteView.managedLayout.viewsWithTasks()===1 && latteView.tasksPresent())
|
|
}
|
|
|
|
PlasmaComponents.Button {
|
|
Layout.alignment: Qt.AlignLeft
|
|
Layout.fillWidth: true
|
|
text:" "
|
|
|
|
PlasmaComponents3.ComboBox {
|
|
id: actionsCmb
|
|
anchors.fill: parent
|
|
enabled: addView.enabled
|
|
|
|
property var activeLayoutsNames;
|
|
|
|
function addModel() {
|
|
var actions = []
|
|
actions.push(" " + i18n("Copy Dock"));
|
|
|
|
var tempActiveLayouts = layoutManager.activeLayoutsNames();
|
|
var currentLayoutIndex = tempActiveLayouts.indexOf(latteView.managedLayout.name);
|
|
|
|
tempActiveLayouts.splice(currentLayoutIndex,1);
|
|
|
|
if (tempActiveLayouts.length > 0) {
|
|
activeLayoutsNames = tempActiveLayouts;
|
|
actions.push(" ------ ");
|
|
for(var i=0; i<activeLayoutsNames.length; ++i) {
|
|
actions.push(" " + i18n("Move to:") + " " + activeLayoutsNames[i]);
|
|
}
|
|
}
|
|
|
|
actionsCmb.model = actions;
|
|
actionsCmb.currentIndex = -1;
|
|
}
|
|
|
|
function emptyModel() {
|
|
var actions = []
|
|
actions.push(" ");
|
|
actionsCmb.model = actions;
|
|
actionsCmb.currentIndex = -1;
|
|
}
|
|
|
|
Component.onCompleted:{
|
|
addModel();
|
|
}
|
|
|
|
onActivated: {
|
|
if (index==0) {
|
|
latteView.copyView();
|
|
} else if (index>=2) {
|
|
latteView.positioner.hideDockDuringMovingToLayout(activeLayoutsNames[index-2]);
|
|
}
|
|
|
|
actionsCmb.currentIndex = -1;
|
|
}
|
|
|
|
onEnabledChanged: {
|
|
if (enabled)
|
|
addModel();
|
|
else
|
|
emptyModel();
|
|
}
|
|
}
|
|
|
|
|
|
//overlayed button
|
|
PlasmaComponents.Button {
|
|
id: addView
|
|
anchors.left: Qt.application.layoutDirection === Qt.RightToLeft ? undefined : parent.left
|
|
anchors.right: Qt.application.layoutDirection === Qt.RightToLeft ? parent.right : undefined
|
|
LayoutMirroring.enabled: false
|
|
|
|
width: parent.width - units.iconSizes.medium + 2*units.smallSpacing
|
|
height: parent.height
|
|
|
|
text: i18n("New Dock")
|
|
iconSource: "list-add"
|
|
tooltip: i18n("Add a new dock")
|
|
|
|
onClicked: latteView.managedLayout.addNewView()
|
|
|
|
Component.onCompleted: {
|
|
var screenFreeEdges = latteView.managedLayout.qmlFreeEdges(latteView.positioner.currentScreenId);
|
|
enabled = screenFreeEdges.length > 0
|
|
}
|
|
}
|
|
}
|
|
|
|
PlasmaComponents.Button {
|
|
id: removeView
|
|
|
|
Layout.fillWidth: true
|
|
Layout.alignment: Qt.AlignHCenter
|
|
|
|
text: i18n("Remove")
|
|
iconSource: "delete"
|
|
opacity: latteView.managedLayout.viewsCount > 1 ? 1 : 0
|
|
tooltip: i18n("Remove current dock")
|
|
|
|
onClicked: latteView.removeView()
|
|
}
|
|
|
|
PlasmaComponents.Button {
|
|
id: closeButton
|
|
|
|
Layout.fillWidth: true
|
|
Layout.alignment: Qt.AlignRight
|
|
|
|
text: i18n("Close")
|
|
iconSource: "dialog-close"
|
|
tooltip: i18n("Close settings window")
|
|
|
|
onClicked: viewConfig.hideConfigWindow();
|
|
}
|
|
}
|
|
}
|
|
}
|