jtmorris/dms_tailscalectl
1
0
Fork 0
Code Issues 2 Pull requests Projects Releases Packages Activity Actions

feat(tailscalectl): add popout skeleton with header row

Browse source
This commit is contained in:
Vybe (Coding Agent) 2026-05-17 21:11:14 +00:00
parent 77430ec0d4
commit c3f63873ac
1 changed files with 27 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
tailscalectl/TailscaleWidget.qml
View file

@ -77,7 +77,7 @@ PluginComponent {
PopoutComponent {
id: popout
headerText: "Tailscale"
detailsText: root.tailscaleIP ? root.tailscaleIP : "Not connected"
detailsText: root.isConnected ? "Connected" : "Disconnected"
showCloseButton: true
Column {
@ -90,32 +90,44 @@ PluginComponent {
Row {
width: parent.width
spacing: Theme.spacingS
anchors.horizontalCenter: parent.horizontalCenter
anchors.left: parent.left
anchors.right: parent.right
anchors.leftMargin: Theme.spacingM
anchors.rightMargin: Theme.spacingM
MouseArea {
cursorShape: Qt.PointingHandCursor
hoverEnabled: true
anchors.verticalCenter: parent.verticalCenter
width: toggleIcon.implicitWidth
height: toggleIcon.implicitHeight
onClicked: toggleTailscale()
DankIcon {
id: toggleIcon
name: root.isConnected ? "power" : "power_off"
size: Theme.iconSize
color: Theme.primary
anchors.centerIn: parent
}
}
StyledText {
text: root.isConnected ? "Connected" : "Disconnected"
font.pixelSize: Theme.fontSizeMedium
color: root.isConnected ? Theme.primary : Theme.surfaceVariantText
text: root.tailscaleIP || "—"
font.pixelSize: Theme.fontSizeSmall
color: Theme.primary
anchors.verticalCenter: parent.verticalCenter
}
Item { width: 1; height: 1; Layout.fillWidth: true }
StyledText {
text: "Toggle"
text: "Exit node: " + (root.currentExitNode || "None")
font.pixelSize: Theme.fontSizeSmall
color: Theme.surfaceText
color: Theme.surfaceVariantText
anchors.verticalCenter: parent.verticalCenter
}
}
StyledText {
width: parent.width
text: "Exit node: " + (root.currentExitNode || "None")
font.pixelSize: Theme.fontSizeSmall
color: Theme.surfaceVariantText
horizontalAlignment: Text.AlignHCenter
}
}
}
}