mirror of https://github.com/cutefishos/settings
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.
174 lines
5.1 KiB
QML
174 lines
5.1 KiB
QML
/*
|
|
* Copyright (C) 2021 CutefishOS Team.
|
|
*
|
|
* Author: revenmartin <revenmartin@gmail.com>
|
|
*
|
|
* 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 3 of the License, or
|
|
* any later version.
|
|
*
|
|
* 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.4
|
|
import QtQuick.Controls 2.4
|
|
import QtQuick.Layouts 1.3
|
|
import Cutefish.Settings 1.0
|
|
import FishUI 1.0 as FishUI
|
|
import "../"
|
|
|
|
ItemPage {
|
|
headerTitle: qsTr("Dock")
|
|
|
|
Appearance {
|
|
id: appearance
|
|
}
|
|
|
|
Scrollable {
|
|
anchors.fill: parent
|
|
contentHeight: layout.implicitHeight
|
|
|
|
ColumnLayout {
|
|
id: layout
|
|
anchors.fill: parent
|
|
spacing: FishUI.Units.largeSpacing * 2
|
|
|
|
RoundedItem {
|
|
Label {
|
|
text: qsTr("Position on screen")
|
|
color: FishUI.Theme.disabledTextColor
|
|
}
|
|
|
|
// Dock
|
|
RowLayout {
|
|
spacing: FishUI.Units.largeSpacing * 2
|
|
|
|
IconCheckBox {
|
|
source: "qrc:/images/dock_left.svg"
|
|
text: qsTr("Left")
|
|
checked: appearance.dockDirection === 0
|
|
onClicked: appearance.setDockDirection(0)
|
|
}
|
|
|
|
IconCheckBox {
|
|
source: "qrc:/images/dock_bottom.svg"
|
|
text: qsTr("Bottom")
|
|
checked: appearance.dockDirection === 1
|
|
onClicked: appearance.setDockDirection(1)
|
|
}
|
|
|
|
IconCheckBox {
|
|
source: "qrc:/images/dock_right.svg"
|
|
text: qsTr("Right")
|
|
checked: appearance.dockDirection === 2
|
|
onClicked: appearance.setDockDirection(2)
|
|
}
|
|
}
|
|
}
|
|
|
|
// Dock Size
|
|
RoundedItem {
|
|
Label {
|
|
text: qsTr("Size")
|
|
color: FishUI.Theme.disabledTextColor
|
|
}
|
|
|
|
TabBar {
|
|
id: dockSizeTabbar
|
|
Layout.fillWidth: true
|
|
bottomPadding: FishUI.Units.smallSpacing
|
|
|
|
TabButton {
|
|
text: qsTr("Small")
|
|
}
|
|
|
|
TabButton {
|
|
text: qsTr("Medium")
|
|
}
|
|
|
|
TabButton {
|
|
text: qsTr("Large")
|
|
}
|
|
|
|
TabButton {
|
|
text: qsTr("Huge")
|
|
}
|
|
|
|
currentIndex: {
|
|
var index = 0
|
|
|
|
if (appearance.dockIconSize <= 45)
|
|
index = 0
|
|
else if (appearance.dockIconSize <= 54)
|
|
index = 1
|
|
else if (appearance.dockIconSize <= 63)
|
|
index = 2
|
|
else if (appearance.dockIconSize <= 72)
|
|
index = 3
|
|
|
|
return index
|
|
}
|
|
|
|
onCurrentIndexChanged: {
|
|
var iconSize = 0
|
|
|
|
switch (currentIndex) {
|
|
case 0:
|
|
iconSize = 45
|
|
break;
|
|
case 1:
|
|
iconSize = 54
|
|
break;
|
|
case 2:
|
|
iconSize = 63
|
|
break;
|
|
case 3:
|
|
iconSize = 72
|
|
break;
|
|
}
|
|
|
|
appearance.setDockIconSize(iconSize)
|
|
}
|
|
}
|
|
}
|
|
|
|
// Visibility
|
|
RoundedItem {
|
|
Label {
|
|
text: qsTr("Display mode")
|
|
color: FishUI.Theme.disabledTextColor
|
|
}
|
|
|
|
TabBar {
|
|
Layout.fillWidth: true
|
|
currentIndex: appearance.dockVisibility
|
|
onCurrentIndexChanged: appearance.setDockVisibility(currentIndex)
|
|
|
|
TabButton {
|
|
text: qsTr("Always show")
|
|
}
|
|
|
|
TabButton {
|
|
text: qsTr("Always hide")
|
|
}
|
|
|
|
TabButton {
|
|
text: qsTr("Smart hide")
|
|
}
|
|
}
|
|
}
|
|
|
|
Item {
|
|
Layout.fillHeight: true
|
|
}
|
|
}
|
|
}
|
|
}
|