324 lines
11 KiB
QML
324 lines
11 KiB
QML
pragma ComponentBehavior: Bound
|
|
|
|
import ".."
|
|
import "."
|
|
import qs.components
|
|
import qs.components.controls
|
|
import qs.components.effects
|
|
import qs.components.containers
|
|
import qs.services
|
|
import qs.config
|
|
import QtQuick
|
|
import QtQuick.Layouts
|
|
|
|
Item {
|
|
id: root
|
|
|
|
required property Session session
|
|
|
|
readonly property var network: {
|
|
// Prefer pendingNetwork, then active network
|
|
if (session.network.pendingNetwork) {
|
|
return session.network.pendingNetwork;
|
|
}
|
|
if (session.network.active) {
|
|
return session.network.active;
|
|
}
|
|
return null;
|
|
}
|
|
|
|
visible: session.network.showPasswordDialog
|
|
enabled: visible
|
|
focus: visible
|
|
|
|
Keys.onEscapePressed: {
|
|
closeDialog();
|
|
}
|
|
|
|
Rectangle {
|
|
anchors.fill: parent
|
|
color: Qt.rgba(0, 0, 0, 0.5)
|
|
opacity: root.visible ? 1 : 0
|
|
|
|
Behavior on opacity {
|
|
NumberAnimation { duration: 200 }
|
|
}
|
|
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
onClicked: closeDialog();
|
|
}
|
|
}
|
|
|
|
StyledRect {
|
|
id: dialog
|
|
|
|
anchors.centerIn: parent
|
|
|
|
implicitWidth: 400
|
|
implicitHeight: content.implicitHeight + Appearance.padding.large * 2
|
|
|
|
radius: Appearance.rounding.normal
|
|
color: Colours.tPalette.m3surface
|
|
opacity: root.visible ? 1 : 0
|
|
scale: root.visible ? 1 : 0.9
|
|
|
|
Behavior on opacity {
|
|
NumberAnimation { duration: 200 }
|
|
}
|
|
|
|
Behavior on scale {
|
|
NumberAnimation { duration: 200 }
|
|
}
|
|
|
|
Keys.onEscapePressed: closeDialog();
|
|
|
|
ColumnLayout {
|
|
id: content
|
|
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
anchors.margins: Appearance.padding.large
|
|
|
|
spacing: Appearance.spacing.normal
|
|
|
|
MaterialIcon {
|
|
Layout.alignment: Qt.AlignHCenter
|
|
text: "lock"
|
|
font.pointSize: Appearance.font.size.extraLarge * 2
|
|
}
|
|
|
|
StyledText {
|
|
Layout.alignment: Qt.AlignHCenter
|
|
text: qsTr("Enter password")
|
|
font.pointSize: Appearance.font.size.large
|
|
font.weight: 500
|
|
}
|
|
|
|
StyledText {
|
|
Layout.alignment: Qt.AlignHCenter
|
|
text: root.network ? qsTr("Network: %1").arg(root.network.ssid) : ""
|
|
color: Colours.palette.m3outline
|
|
font.pointSize: Appearance.font.size.small
|
|
}
|
|
|
|
StyledText {
|
|
id: statusText
|
|
|
|
Layout.alignment: Qt.AlignHCenter
|
|
Layout.topMargin: Appearance.spacing.small
|
|
visible: Network.connectionStatus.length > 0 || connectButton.connecting
|
|
text: {
|
|
if (Network.connectionStatus.length > 0) {
|
|
return Network.connectionStatus;
|
|
} else if (connectButton.connecting) {
|
|
return qsTr("Connecting...");
|
|
}
|
|
return "";
|
|
}
|
|
color: {
|
|
const status = Network.connectionStatus;
|
|
if (status.includes("Error") || status.includes("error") || status.includes("failed")) {
|
|
return Colours.palette.m3error;
|
|
} else if (status.includes("successful") || status.includes("Connected") || status.includes("success")) {
|
|
return Colours.palette.m3primary;
|
|
}
|
|
return Colours.palette.m3onSurfaceVariant;
|
|
}
|
|
font.pointSize: Appearance.font.size.small
|
|
font.weight: (Network.connectionStatus.includes("Error") || Network.connectionStatus.includes("error")) ? 500 : 400
|
|
wrapMode: Text.WordWrap
|
|
Layout.maximumWidth: parent.width - Appearance.padding.large * 2
|
|
}
|
|
|
|
Item {
|
|
Layout.topMargin: Appearance.spacing.large
|
|
Layout.fillWidth: true
|
|
implicitHeight: passwordField.implicitHeight + Appearance.padding.normal * 2
|
|
|
|
StyledRect {
|
|
anchors.fill: parent
|
|
radius: Appearance.rounding.normal
|
|
color: Colours.tPalette.m3surfaceContainer
|
|
border.width: passwordField.activeFocus ? 2 : 1
|
|
border.color: passwordField.activeFocus ? Colours.palette.m3primary : Colours.palette.m3outline
|
|
|
|
Behavior on border.color {
|
|
CAnim {}
|
|
}
|
|
}
|
|
|
|
StyledTextField {
|
|
id: passwordField
|
|
|
|
anchors.left: parent.left
|
|
anchors.right: parent.right
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
anchors.margins: Appearance.padding.normal
|
|
|
|
echoMode: TextField.Password
|
|
placeholderText: qsTr("Password")
|
|
|
|
Connections {
|
|
target: root
|
|
function onVisibleChanged(): void {
|
|
if (root.visible) {
|
|
passwordField.forceActiveFocus();
|
|
passwordField.text = "";
|
|
Network.clearConnectionStatus();
|
|
}
|
|
}
|
|
}
|
|
|
|
Keys.onReturnPressed: {
|
|
if (connectButton.enabled) {
|
|
connectButton.clicked();
|
|
}
|
|
}
|
|
Keys.onEnterPressed: {
|
|
if (connectButton.enabled) {
|
|
connectButton.clicked();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
RowLayout {
|
|
Layout.topMargin: Appearance.spacing.normal
|
|
Layout.fillWidth: true
|
|
spacing: Appearance.spacing.normal
|
|
|
|
SimpleButton {
|
|
id: cancelButton
|
|
|
|
Layout.fillWidth: true
|
|
color: Colours.palette.m3secondaryContainer
|
|
onColor: Colours.palette.m3onSecondaryContainer
|
|
text: qsTr("Cancel")
|
|
|
|
onClicked: closeDialog();
|
|
}
|
|
|
|
SimpleButton {
|
|
id: connectButton
|
|
|
|
Layout.fillWidth: true
|
|
color: Colours.palette.m3primary
|
|
onColor: Colours.palette.m3onPrimary
|
|
text: qsTr("Connect")
|
|
enabled: passwordField.text.length > 0 && !connecting
|
|
|
|
property bool connecting: false
|
|
|
|
onClicked: {
|
|
if (!root.network || connecting) {
|
|
return;
|
|
}
|
|
|
|
const password = passwordField.text;
|
|
if (!password || password.length === 0) {
|
|
return;
|
|
}
|
|
|
|
// Set connecting state
|
|
connecting = true;
|
|
enabled = false;
|
|
text = qsTr("Connecting...");
|
|
Network.clearConnectionStatus();
|
|
|
|
// Connect to network
|
|
Network.connectToNetwork(
|
|
root.network.ssid,
|
|
password,
|
|
root.network.bssid || "",
|
|
null
|
|
);
|
|
|
|
// Start monitoring connection
|
|
connectionMonitor.start();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
function checkConnectionStatus(): void {
|
|
if (!root.visible || !connectButton.connecting) {
|
|
return;
|
|
}
|
|
|
|
// Check connection status message for success indicators
|
|
const status = Network.connectionStatus;
|
|
const statusLower = status.toLowerCase();
|
|
|
|
// Check for success indicators in status message
|
|
const hasSuccessIndicator = statusLower.includes("connection activated") ||
|
|
statusLower.includes("successfully") ||
|
|
statusLower.includes("connected successfully") ||
|
|
(statusLower.includes("connected") && !statusLower.includes("error") && !statusLower.includes("failed"));
|
|
|
|
// Check if we're connected to the target network (case-insensitive SSID comparison)
|
|
const isConnected = root.network && Network.active && Network.active.ssid &&
|
|
Network.active.ssid.toLowerCase().trim() === root.network.ssid.toLowerCase().trim();
|
|
|
|
if (isConnected || hasSuccessIndicator) {
|
|
// Successfully connected - give it a moment for network list to update
|
|
Qt.callLater(() => {
|
|
// Double-check connection is still active
|
|
if (root.visible && Network.active && Network.active.ssid) {
|
|
const stillConnected = Network.active.ssid.toLowerCase().trim() === root.network.ssid.toLowerCase().trim();
|
|
if (stillConnected || hasSuccessIndicator) {
|
|
connectionMonitor.stop();
|
|
connectButton.connecting = false;
|
|
connectButton.text = qsTr("Connect");
|
|
closeDialog();
|
|
}
|
|
}
|
|
}, 500);
|
|
return;
|
|
}
|
|
|
|
// Check for connection errors (but not warnings about duplicate names)
|
|
if (status.includes("Error") || (status.includes("error") && !status.includes("Warning"))) {
|
|
// Only treat as error if it's not just a warning about duplicate names
|
|
if (!status.includes("another connection with the name") && !status.includes("Reference the connection by its uuid")) {
|
|
// Connection failed
|
|
connectionMonitor.stop();
|
|
connectButton.connecting = false;
|
|
connectButton.enabled = true;
|
|
connectButton.text = qsTr("Connect");
|
|
}
|
|
}
|
|
}
|
|
|
|
Timer {
|
|
id: connectionMonitor
|
|
interval: 1000
|
|
repeat: true
|
|
triggeredOnStart: false
|
|
|
|
onTriggered: {
|
|
checkConnectionStatus();
|
|
}
|
|
}
|
|
|
|
Connections {
|
|
target: Network
|
|
function onActiveChanged() {
|
|
if (root.visible) {
|
|
checkConnectionStatus();
|
|
}
|
|
}
|
|
}
|
|
|
|
function closeDialog(): void {
|
|
session.network.showPasswordDialog = false;
|
|
passwordField.text = "";
|
|
connectButton.connecting = false;
|
|
connectButton.text = qsTr("Connect");
|
|
connectionMonitor.stop();
|
|
Network.clearConnectionStatus();
|
|
}
|
|
}
|
|
|