Removed DemoPanel
This commit is contained in:
parent
2a8752e81d
commit
30722975f3
3 changed files with 0 additions and 322 deletions
|
|
@ -119,16 +119,6 @@ Variants {
|
||||||
anchors.verticalCenter: parent.verticalCenter
|
anchors.verticalCenter: parent.verticalCenter
|
||||||
}
|
}
|
||||||
|
|
||||||
// NIconButton {
|
|
||||||
// id: demoPanelToggle
|
|
||||||
// icon: "experiment"
|
|
||||||
// tooltipText: "Open Demo Panel"
|
|
||||||
// sizeMultiplier: 0.8
|
|
||||||
// anchors.verticalCenter: parent.verticalCenter
|
|
||||||
// onClicked: {
|
|
||||||
// demoPanel.isLoaded = !demoPanel.isLoaded
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
SidePanelToggle {}
|
SidePanelToggle {}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,307 +0,0 @@
|
||||||
import QtQuick
|
|
||||||
import QtQuick.Controls
|
|
||||||
import QtQuick.Layouts
|
|
||||||
import Quickshell
|
|
||||||
import Quickshell.Wayland
|
|
||||||
import qs.Commons
|
|
||||||
import qs.Services
|
|
||||||
import qs.Widgets
|
|
||||||
|
|
||||||
NLoader {
|
|
||||||
id: root
|
|
||||||
|
|
||||||
content: Component {
|
|
||||||
NPanel {
|
|
||||||
id: demoPanel
|
|
||||||
|
|
||||||
property real sliderValue: 1.0
|
|
||||||
|
|
||||||
// Override hide function to animate first
|
|
||||||
function hide() {
|
|
||||||
// Start hide animation
|
|
||||||
bgRect.scaleValue = 0.8
|
|
||||||
bgRect.opacityValue = 0.0
|
|
||||||
|
|
||||||
// Hide after animation completes
|
|
||||||
hideTimer.start()
|
|
||||||
}
|
|
||||||
|
|
||||||
// Connect to NPanel's dismissed signal to handle external close events
|
|
||||||
Connections {
|
|
||||||
target: demoPanel
|
|
||||||
function onDismissed() {
|
|
||||||
// Start hide animation
|
|
||||||
bgRect.scaleValue = 0.8
|
|
||||||
bgRect.opacityValue = 0.0
|
|
||||||
|
|
||||||
// Hide after animation completes
|
|
||||||
hideTimer.start()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Also handle visibility changes from external sources
|
|
||||||
onVisibleChanged: {
|
|
||||||
if (!visible && bgRect.opacityValue > 0) {
|
|
||||||
// Start hide animation
|
|
||||||
bgRect.scaleValue = 0.8
|
|
||||||
bgRect.opacityValue = 0.0
|
|
||||||
|
|
||||||
// Hide after animation completes
|
|
||||||
hideTimer.start()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Timer to hide panel after animation
|
|
||||||
Timer {
|
|
||||||
id: hideTimer
|
|
||||||
interval: Style.animationSlow
|
|
||||||
repeat: false
|
|
||||||
onTriggered: {
|
|
||||||
demoPanel.visible = false
|
|
||||||
demoPanel.dismissed()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Ensure panel shows itself once created
|
|
||||||
Component.onCompleted: {
|
|
||||||
show()
|
|
||||||
}
|
|
||||||
|
|
||||||
Rectangle {
|
|
||||||
id: bgRect
|
|
||||||
color: Color.mSurfaceVariant
|
|
||||||
radius: Style.radiusM * scaling
|
|
||||||
border.color: Color.mOutline
|
|
||||||
border.width: Math.max(1, Style.borderS * scaling)
|
|
||||||
width: 500 * scaling
|
|
||||||
height: 900 * scaling
|
|
||||||
anchors.centerIn: parent
|
|
||||||
|
|
||||||
// Animation properties
|
|
||||||
property real scaleValue: 0.8
|
|
||||||
property real opacityValue: 0.0
|
|
||||||
|
|
||||||
scale: scaleValue
|
|
||||||
opacity: opacityValue
|
|
||||||
|
|
||||||
// Animate in when component is completed
|
|
||||||
Component.onCompleted: {
|
|
||||||
scaleValue = 1.0
|
|
||||||
opacityValue = 1.0
|
|
||||||
}
|
|
||||||
|
|
||||||
// Prevent closing when clicking in the panel bg
|
|
||||||
MouseArea {
|
|
||||||
anchors.fill: parent
|
|
||||||
}
|
|
||||||
|
|
||||||
// Animation behaviors
|
|
||||||
Behavior on scale {
|
|
||||||
NumberAnimation {
|
|
||||||
duration: Style.animationSlow
|
|
||||||
easing.type: Easing.OutExpo
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
Behavior on opacity {
|
|
||||||
NumberAnimation {
|
|
||||||
duration: Style.animationNormal
|
|
||||||
easing.type: Easing.OutQuad
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
ColumnLayout {
|
|
||||||
anchors.fill: parent
|
|
||||||
anchors.margins: Style.marginXL * scaling
|
|
||||||
|
|
||||||
NText {
|
|
||||||
text: "DemoPanel"
|
|
||||||
color: Color.mPrimary
|
|
||||||
font.pointSize: Style.fontSizeXXL * scaling
|
|
||||||
font.weight: Style.fontWeightBold
|
|
||||||
Layout.alignment: Qt.AlignHCenter
|
|
||||||
}
|
|
||||||
|
|
||||||
ColumnLayout {
|
|
||||||
|
|
||||||
spacing: Style.marginM * scaling
|
|
||||||
|
|
||||||
// NSlider
|
|
||||||
ColumnLayout {
|
|
||||||
spacing: Style.marginL * scaling
|
|
||||||
NText {
|
|
||||||
text: "NSlider"
|
|
||||||
color: Color.mSecondary
|
|
||||||
font.weight: Style.fontWeightBold
|
|
||||||
}
|
|
||||||
NText {
|
|
||||||
text: `${Math.round(sliderValue * 100)}%`
|
|
||||||
Layout.alignment: Qt.AlignVCenter
|
|
||||||
}
|
|
||||||
RowLayout {
|
|
||||||
spacing: Style.marginS * scaling
|
|
||||||
NSlider {
|
|
||||||
id: scaleSlider
|
|
||||||
from: 1.0
|
|
||||||
to: 2.0
|
|
||||||
stepSize: 0.01
|
|
||||||
value: sliderValue
|
|
||||||
onPressedChanged: {
|
|
||||||
sliderValue = value
|
|
||||||
}
|
|
||||||
Layout.fillWidth: true
|
|
||||||
}
|
|
||||||
NIconButton {
|
|
||||||
icon: "refresh"
|
|
||||||
tooltipText: "Reset Scaling"
|
|
||||||
fontPointSize: Style.fontSizeL * scaling
|
|
||||||
onClicked: {
|
|
||||||
sliderValue = 1.0
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
NDivider {
|
|
||||||
Layout.fillWidth: true
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// NIconButton
|
|
||||||
ColumnLayout {
|
|
||||||
spacing: Style.marginL * scaling
|
|
||||||
NText {
|
|
||||||
text: "NIconButton"
|
|
||||||
color: Color.mSecondary
|
|
||||||
font.weight: Style.fontWeightBold
|
|
||||||
}
|
|
||||||
|
|
||||||
NIconButton {
|
|
||||||
id: myIconButton
|
|
||||||
icon: "celebration"
|
|
||||||
tooltipText: "A nice tooltip"
|
|
||||||
fontPointSize: Style.fontSizeL * scaling
|
|
||||||
}
|
|
||||||
|
|
||||||
NDivider {
|
|
||||||
Layout.fillWidth: true
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// NToggle
|
|
||||||
ColumnLayout {
|
|
||||||
spacing: Style.marginM * scaling
|
|
||||||
NText {
|
|
||||||
text: "NToggle"
|
|
||||||
color: Color.mSecondary
|
|
||||||
font.weight: Style.fontWeightBold
|
|
||||||
}
|
|
||||||
|
|
||||||
NToggle {
|
|
||||||
label: "Label"
|
|
||||||
description: "Description"
|
|
||||||
onToggled: checked => {
|
|
||||||
Logger.log("DemoPanel", "NToggle:", checked)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
NDivider {
|
|
||||||
Layout.fillWidth: true
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// NComboBox
|
|
||||||
ColumnLayout {
|
|
||||||
spacing: Style.marginM * scaling
|
|
||||||
NText {
|
|
||||||
text: "NComboBox"
|
|
||||||
color: Color.mSecondary
|
|
||||||
font.weight: Style.fontWeightBold
|
|
||||||
}
|
|
||||||
|
|
||||||
NComboBox {
|
|
||||||
label: "Animal"
|
|
||||||
description: "What's your favorite?"
|
|
||||||
model: ListModel {
|
|
||||||
ListElement {
|
|
||||||
key: "cat"
|
|
||||||
name: "Cat"
|
|
||||||
}
|
|
||||||
ListElement {
|
|
||||||
key: "dog"
|
|
||||||
name: "Dog"
|
|
||||||
}
|
|
||||||
ListElement {
|
|
||||||
key: "bird"
|
|
||||||
name: "Bird"
|
|
||||||
}
|
|
||||||
ListElement {
|
|
||||||
key: "fish"
|
|
||||||
name: "Fish"
|
|
||||||
}
|
|
||||||
ListElement {
|
|
||||||
key: "turtle"
|
|
||||||
name: "Turtle"
|
|
||||||
}
|
|
||||||
ListElement {
|
|
||||||
key: "elephant"
|
|
||||||
name: "Elephant"
|
|
||||||
}
|
|
||||||
ListElement {
|
|
||||||
key: "tiger"
|
|
||||||
name: "Tiger"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
currentKey: "dog"
|
|
||||||
onSelected: function (key) {
|
|
||||||
Logger.log("DemoPanel", "NComboBox: selected ", key)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
NDivider {
|
|
||||||
Layout.fillWidth: true
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// NTextInput
|
|
||||||
ColumnLayout {
|
|
||||||
spacing: Style.marginM * scaling
|
|
||||||
NText {
|
|
||||||
text: "NTextInput"
|
|
||||||
color: Color.mSecondary
|
|
||||||
font.weight: Style.fontWeightBold
|
|
||||||
}
|
|
||||||
|
|
||||||
NTextInput {
|
|
||||||
label: "Input label"
|
|
||||||
description: "A cool description"
|
|
||||||
text: "Type anything"
|
|
||||||
Layout.fillWidth: true
|
|
||||||
onEditingFinished: {
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
NDivider {
|
|
||||||
Layout.fillWidth: true
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// NBusyIndicator
|
|
||||||
ColumnLayout {
|
|
||||||
spacing: Style.marginM * scaling
|
|
||||||
NText {
|
|
||||||
text: "NBusyIndicator"
|
|
||||||
color: Color.mSecondary
|
|
||||||
font.weight: Style.fontWeightBold
|
|
||||||
}
|
|
||||||
|
|
||||||
NBusyIndicator {}
|
|
||||||
|
|
||||||
NDivider {
|
|
||||||
Layout.fillWidth: true
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -17,7 +17,6 @@ import qs.Modules.AppLauncher
|
||||||
import qs.Modules.Background
|
import qs.Modules.Background
|
||||||
import qs.Modules.Bar
|
import qs.Modules.Bar
|
||||||
import qs.Modules.Calendar
|
import qs.Modules.Calendar
|
||||||
import qs.Modules.DemoPanel
|
|
||||||
import qs.Modules.Dock
|
import qs.Modules.Dock
|
||||||
import qs.Modules.IPC
|
import qs.Modules.IPC
|
||||||
import qs.Modules.LockScreen
|
import qs.Modules.LockScreen
|
||||||
|
|
@ -41,10 +40,6 @@ ShellRoot {
|
||||||
id: appLauncherPanel
|
id: appLauncherPanel
|
||||||
}
|
}
|
||||||
|
|
||||||
DemoPanel {
|
|
||||||
id: demoPanel
|
|
||||||
}
|
|
||||||
|
|
||||||
SidePanel {
|
SidePanel {
|
||||||
id: sidePanel
|
id: sidePanel
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue