mirror of
https://github.com/AvengeMedia/DankMaterialShell.git
synced 2025-12-06 05:25:41 -05:00
576 lines
24 KiB
QML
576 lines
24 KiB
QML
import QtQuick
|
|
import qs.Common
|
|
import qs.Modals.Common
|
|
import qs.Services
|
|
import qs.Widgets
|
|
|
|
DankModal {
|
|
id: root
|
|
|
|
property string wifiPasswordSSID: ""
|
|
property string wifiPasswordInput: ""
|
|
property string wifiUsernameInput: ""
|
|
property bool requiresEnterprise: false
|
|
|
|
property string wifiRealmInput: ""
|
|
property bool wifiUseAtRealm: true
|
|
property string wifiAnonymousIdentityInput: ""
|
|
property string wifiDomainSuffixMatchInput: ""
|
|
|
|
function show(ssid) {
|
|
wifiPasswordSSID = ssid
|
|
wifiPasswordInput = ""
|
|
wifiUsernameInput = ""
|
|
wifiRealmInput = ""
|
|
wifiUseAtRealm = true
|
|
wifiAnonymousIdentityInput = ""
|
|
wifiDomainSuffixMatchInput = ""
|
|
|
|
const network = NetworkService.wifiNetworks.find(n => n.ssid === ssid)
|
|
requiresEnterprise = network?.enterprise || false
|
|
|
|
open()
|
|
Qt.callLater(() => {
|
|
if (contentLoader.item) {
|
|
if (requiresEnterprise && contentLoader.item.usernameInput) {
|
|
contentLoader.item.usernameInput.forceActiveFocus()
|
|
} else if (contentLoader.item.passwordInput) {
|
|
contentLoader.item.passwordInput.forceActiveFocus()
|
|
}
|
|
}
|
|
})
|
|
}
|
|
|
|
shouldBeVisible: false
|
|
width: 420
|
|
height: requiresEnterprise ? 520 : 230
|
|
onShouldBeVisibleChanged: () => {
|
|
if (!shouldBeVisible) {
|
|
wifiPasswordInput = ""
|
|
wifiUsernameInput = ""
|
|
wifiRealmInput = ""
|
|
wifiUseAtRealm = true
|
|
wifiAnonymousIdentityInput = ""
|
|
wifiDomainSuffixMatchInput = ""
|
|
}
|
|
}
|
|
onOpened: {
|
|
Qt.callLater(() => {
|
|
if (contentLoader.item) {
|
|
if (requiresEnterprise && contentLoader.item.usernameInput) {
|
|
contentLoader.item.usernameInput.forceActiveFocus()
|
|
} else if (contentLoader.item.passwordInput) {
|
|
contentLoader.item.passwordInput.forceActiveFocus()
|
|
}
|
|
}
|
|
})
|
|
}
|
|
onBackgroundClicked: () => {
|
|
close()
|
|
wifiPasswordInput = ""
|
|
wifiUsernameInput = ""
|
|
wifiRealmInput = ""
|
|
wifiUseAtRealm = true
|
|
wifiAnonymousIdentityInput = ""
|
|
wifiDomainSuffixMatchInput = ""
|
|
}
|
|
|
|
Connections {
|
|
target: NetworkService
|
|
|
|
function onPasswordDialogShouldReopenChanged() {
|
|
if (NetworkService.passwordDialogShouldReopen && NetworkService.connectingSSID !== "") {
|
|
wifiPasswordSSID = NetworkService.connectingSSID
|
|
wifiPasswordInput = ""
|
|
open()
|
|
NetworkService.passwordDialogShouldReopen = false
|
|
}
|
|
}
|
|
}
|
|
|
|
content: Component {
|
|
FocusScope {
|
|
id: wifiContent
|
|
|
|
property alias usernameInput: usernameInput
|
|
property alias passwordInput: passwordInput
|
|
|
|
anchors.fill: parent
|
|
focus: true
|
|
Keys.onEscapePressed: event => {
|
|
close()
|
|
wifiPasswordInput = ""
|
|
wifiUsernameInput = ""
|
|
wifiRealmInput = ""
|
|
wifiUseAtRealm = true
|
|
wifiAnonymousIdentityInput = ""
|
|
wifiDomainSuffixMatchInput = ""
|
|
event.accepted = true
|
|
}
|
|
|
|
Column {
|
|
anchors.centerIn: parent
|
|
width: parent.width - Theme.spacingM * 2
|
|
spacing: Theme.spacingM
|
|
|
|
Row {
|
|
width: parent.width
|
|
|
|
Column {
|
|
width: parent.width - 40
|
|
spacing: Theme.spacingXS
|
|
|
|
StyledText {
|
|
text: I18n.tr("Connect to Wi-Fi")
|
|
font.pixelSize: Theme.fontSizeLarge
|
|
color: Theme.surfaceText
|
|
font.weight: Font.Medium
|
|
}
|
|
|
|
StyledText {
|
|
text: requiresEnterprise ? I18n.tr("Enter credentials for ") + wifiPasswordSSID : I18n.tr("Enter password for ") + wifiPasswordSSID
|
|
font.pixelSize: Theme.fontSizeMedium
|
|
color: Theme.surfaceTextMedium
|
|
width: parent.width
|
|
elide: Text.ElideRight
|
|
}
|
|
}
|
|
|
|
DankActionButton {
|
|
iconName: "close"
|
|
iconSize: Theme.iconSize - 4
|
|
iconColor: Theme.surfaceText
|
|
onClicked: () => {
|
|
close()
|
|
wifiPasswordInput = ""
|
|
wifiUsernameInput = ""
|
|
}
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
width: parent.width
|
|
height: 50
|
|
radius: Theme.cornerRadius
|
|
color: Theme.surfaceHover
|
|
border.color: usernameInput.activeFocus ? Theme.primary : Theme.outlineStrong
|
|
border.width: usernameInput.activeFocus ? 2 : 1
|
|
visible: requiresEnterprise
|
|
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
onClicked: () => {
|
|
usernameInput.forceActiveFocus()
|
|
}
|
|
}
|
|
|
|
DankTextField {
|
|
id: usernameInput
|
|
|
|
anchors.fill: parent
|
|
font.pixelSize: Theme.fontSizeMedium
|
|
textColor: Theme.surfaceText
|
|
text: wifiUsernameInput
|
|
placeholderText: I18n.tr("Username")
|
|
backgroundColor: "transparent"
|
|
enabled: root.shouldBeVisible
|
|
onTextEdited: () => {
|
|
wifiUsernameInput = text
|
|
}
|
|
onAccepted: () => {
|
|
if (passwordInput) {
|
|
passwordInput.forceActiveFocus()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
width: parent.width
|
|
height: 50
|
|
radius: Theme.cornerRadius
|
|
color: Theme.surfaceHover
|
|
border.color: passwordInput.activeFocus ? Theme.primary : Theme.outlineStrong
|
|
border.width: passwordInput.activeFocus ? 2 : 1
|
|
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
onClicked: () => {
|
|
passwordInput.forceActiveFocus()
|
|
}
|
|
}
|
|
|
|
DankTextField {
|
|
id: passwordInput
|
|
|
|
anchors.fill: parent
|
|
font.pixelSize: Theme.fontSizeMedium
|
|
textColor: Theme.surfaceText
|
|
text: wifiPasswordInput
|
|
echoMode: showPasswordCheckbox.checked ? TextInput.Normal : TextInput.Password
|
|
placeholderText: requiresEnterprise ? I18n.tr("Password") : ""
|
|
backgroundColor: "transparent"
|
|
focus: !requiresEnterprise
|
|
enabled: root.shouldBeVisible
|
|
onTextEdited: () => {
|
|
wifiPasswordInput = text
|
|
}
|
|
onAccepted: () => {
|
|
const username = requiresEnterprise ? usernameInput.text : ""
|
|
NetworkService.connectToWifi(
|
|
wifiPasswordSSID,
|
|
passwordInput.text,
|
|
username,
|
|
wifiRealmInput,
|
|
wifiUseAtRealm,
|
|
wifiAnonymousIdentityInput,
|
|
wifiDomainSuffixMatchInput
|
|
)
|
|
close()
|
|
wifiPasswordInput = ""
|
|
wifiUsernameInput = ""
|
|
wifiRealmInput = ""
|
|
wifiUseAtRealm = true
|
|
wifiAnonymousIdentityInput = ""
|
|
wifiDomainSuffixMatchInput = ""
|
|
passwordInput.text = ""
|
|
if (requiresEnterprise) usernameInput.text = ""
|
|
}
|
|
Component.onCompleted: () => {
|
|
if (root.shouldBeVisible && !requiresEnterprise)
|
|
focusDelayTimer.start()
|
|
}
|
|
|
|
Timer {
|
|
id: focusDelayTimer
|
|
|
|
interval: 100
|
|
repeat: false
|
|
onTriggered: () => {
|
|
if (root.shouldBeVisible) {
|
|
if (requiresEnterprise && usernameInput) {
|
|
usernameInput.forceActiveFocus()
|
|
} else {
|
|
passwordInput.forceActiveFocus()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Connections {
|
|
target: root
|
|
|
|
function onShouldBeVisibleChanged() {
|
|
if (root.shouldBeVisible)
|
|
focusDelayTimer.start()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
visible: requiresEnterprise
|
|
width: parent.width
|
|
height: 50
|
|
radius: Theme.cornerRadius
|
|
color: Theme.surfaceHover
|
|
border.color: realmInput.activeFocus ? Theme.primary : Theme.outlineStrong
|
|
border.width: realmInput.activeFocus ? 2 : 1
|
|
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
onClicked: () => {
|
|
realmInput.forceActiveFocus()
|
|
}
|
|
}
|
|
|
|
DankTextField {
|
|
id: realmInput
|
|
|
|
anchors.fill: parent
|
|
font.pixelSize: Theme.fontSizeMedium
|
|
textColor: Theme.surfaceText
|
|
text: wifiRealmInput
|
|
placeholderText: I18n.tr("Realm / Domain (optional)")
|
|
backgroundColor: "transparent"
|
|
enabled: root.shouldBeVisible
|
|
onTextEdited: () => {
|
|
wifiRealmInput = text
|
|
}
|
|
}
|
|
}
|
|
|
|
Row {
|
|
visible: requiresEnterprise
|
|
spacing: Theme.spacingM
|
|
width: parent.width
|
|
|
|
Rectangle {
|
|
id: atRealmBtn
|
|
|
|
height: 36
|
|
width: (parent.width - Theme.spacingM) / 2
|
|
radius: Theme.cornerRadius
|
|
color: wifiUseAtRealm ? Theme.primary : Theme.surfaceHover
|
|
border.color: wifiUseAtRealm ? Theme.primary : Theme.outlineStrong
|
|
border.width: 1
|
|
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
hoverEnabled: true
|
|
cursorShape: Qt.PointingHandCursor
|
|
onClicked: () => {
|
|
wifiUseAtRealm = true
|
|
}
|
|
}
|
|
|
|
StyledText {
|
|
anchors.centerIn: parent
|
|
text: "username@realm"
|
|
color: wifiUseAtRealm ? Theme.background : Theme.surfaceText
|
|
font.pixelSize: Theme.fontSizeMedium
|
|
font.weight: Font.Medium
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
id: domainSlashBtn
|
|
|
|
height: 36
|
|
width: (parent.width - Theme.spacingM) / 2
|
|
radius: Theme.cornerRadius
|
|
color: !wifiUseAtRealm ? Theme.primary : Theme.surfaceHover
|
|
border.color: !wifiUseAtRealm ? Theme.primary : Theme.outlineStrong
|
|
border.width: 1
|
|
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
hoverEnabled: true
|
|
cursorShape: Qt.PointingHandCursor
|
|
onClicked: () => {
|
|
wifiUseAtRealm = false
|
|
}
|
|
}
|
|
|
|
StyledText {
|
|
anchors.centerIn: parent
|
|
text: "DOMAIN\\username"
|
|
color: !wifiUseAtRealm ? Theme.background : Theme.surfaceText
|
|
font.pixelSize: Theme.fontSizeMedium
|
|
font.weight: Font.Medium
|
|
}
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
visible: requiresEnterprise
|
|
width: parent.width
|
|
height: 50
|
|
radius: Theme.cornerRadius
|
|
color: Theme.surfaceHover
|
|
border.color: anonInput.activeFocus ? Theme.primary : Theme.outlineStrong
|
|
border.width: anonInput.activeFocus ? 2 : 1
|
|
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
onClicked: () => {
|
|
anonInput.forceActiveFocus()
|
|
}
|
|
}
|
|
|
|
DankTextField {
|
|
id: anonInput
|
|
|
|
anchors.fill: parent
|
|
font.pixelSize: Theme.fontSizeMedium
|
|
textColor: Theme.surfaceText
|
|
text: wifiAnonymousIdentityInput
|
|
placeholderText: I18n.tr("Anonymous Identity (optional)")
|
|
backgroundColor: "transparent"
|
|
enabled: root.shouldBeVisible
|
|
onTextEdited: () => {
|
|
wifiAnonymousIdentityInput = text
|
|
}
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
visible: requiresEnterprise
|
|
width: parent.width
|
|
height: 50
|
|
radius: Theme.cornerRadius
|
|
color: Theme.surfaceHover
|
|
border.color: domainMatchInput.activeFocus ? Theme.primary : Theme.outlineStrong
|
|
border.width: domainMatchInput.activeFocus ? 2 : 1
|
|
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
onClicked: () => {
|
|
domainMatchInput.forceActiveFocus()
|
|
}
|
|
}
|
|
|
|
DankTextField {
|
|
id: domainMatchInput
|
|
|
|
anchors.fill: parent
|
|
font.pixelSize: Theme.fontSizeMedium
|
|
textColor: Theme.surfaceText
|
|
text: wifiDomainSuffixMatchInput
|
|
placeholderText: I18n.tr("Server Domain for certificate (optional)")
|
|
backgroundColor: "transparent"
|
|
enabled: root.shouldBeVisible
|
|
onTextEdited: () => {
|
|
wifiDomainSuffixMatchInput = text
|
|
}
|
|
}
|
|
}
|
|
|
|
Row {
|
|
spacing: Theme.spacingS
|
|
|
|
Rectangle {
|
|
id: showPasswordCheckbox
|
|
|
|
property bool checked: false
|
|
|
|
width: 20
|
|
height: 20
|
|
radius: 4
|
|
color: checked ? Theme.primary : "transparent"
|
|
border.color: checked ? Theme.primary : Theme.outlineButton
|
|
border.width: 2
|
|
|
|
DankIcon {
|
|
anchors.centerIn: parent
|
|
name: "check"
|
|
size: 12
|
|
color: Theme.background
|
|
visible: parent.checked
|
|
}
|
|
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
hoverEnabled: true
|
|
cursorShape: Qt.PointingHandCursor
|
|
onClicked: () => {
|
|
showPasswordCheckbox.checked = !showPasswordCheckbox.checked
|
|
}
|
|
}
|
|
}
|
|
|
|
StyledText {
|
|
text: I18n.tr("Show password")
|
|
font.pixelSize: Theme.fontSizeMedium
|
|
color: Theme.surfaceText
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
}
|
|
|
|
Item {
|
|
width: parent.width
|
|
height: 40
|
|
|
|
Row {
|
|
anchors.right: parent.right
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
spacing: Theme.spacingM
|
|
|
|
Rectangle {
|
|
width: Math.max(70, cancelText.contentWidth + Theme.spacingM * 2)
|
|
height: 36
|
|
radius: Theme.cornerRadius
|
|
color: cancelArea.containsMouse ? Theme.surfaceTextHover : "transparent"
|
|
border.color: Theme.surfaceVariantAlpha
|
|
border.width: 1
|
|
|
|
StyledText {
|
|
id: cancelText
|
|
|
|
anchors.centerIn: parent
|
|
text: I18n.tr("Cancel")
|
|
font.pixelSize: Theme.fontSizeMedium
|
|
color: Theme.surfaceText
|
|
font.weight: Font.Medium
|
|
}
|
|
|
|
MouseArea {
|
|
id: cancelArea
|
|
|
|
anchors.fill: parent
|
|
hoverEnabled: true
|
|
cursorShape: Qt.PointingHandCursor
|
|
onClicked: () => {
|
|
close()
|
|
wifiPasswordInput = ""
|
|
wifiUsernameInput = ""
|
|
wifiRealmInput = ""
|
|
wifiUseAtRealm = true
|
|
wifiAnonymousIdentityInput = ""
|
|
wifiDomainSuffixMatchInput = ""
|
|
}
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
width: Math.max(80, connectText.contentWidth + Theme.spacingM * 2)
|
|
height: 36
|
|
radius: Theme.cornerRadius
|
|
color: connectArea.containsMouse ? Qt.darker(Theme.primary, 1.1) : Theme.primary
|
|
enabled: requiresEnterprise ? (usernameInput.text.length > 0 && passwordInput.text.length > 0) : passwordInput.text.length > 0
|
|
opacity: enabled ? 1 : 0.5
|
|
|
|
StyledText {
|
|
id: connectText
|
|
|
|
anchors.centerIn: parent
|
|
text: I18n.tr("Connect")
|
|
font.pixelSize: Theme.fontSizeMedium
|
|
color: Theme.background
|
|
font.weight: Font.Medium
|
|
}
|
|
|
|
MouseArea {
|
|
id: connectArea
|
|
|
|
anchors.fill: parent
|
|
hoverEnabled: true
|
|
cursorShape: Qt.PointingHandCursor
|
|
enabled: parent.enabled
|
|
onClicked: () => {
|
|
const username = requiresEnterprise ? usernameInput.text : ""
|
|
NetworkService.connectToWifi(
|
|
wifiPasswordSSID,
|
|
passwordInput.text,
|
|
username,
|
|
wifiRealmInput,
|
|
wifiUseAtRealm,
|
|
wifiAnonymousIdentityInput,
|
|
wifiDomainSuffixMatchInput
|
|
)
|
|
close()
|
|
wifiPasswordInput = ""
|
|
wifiUsernameInput = ""
|
|
wifiRealmInput = ""
|
|
wifiUseAtRealm = true
|
|
wifiAnonymousIdentityInput = ""
|
|
wifiDomainSuffixMatchInput = ""
|
|
passwordInput.text = ""
|
|
if (requiresEnterprise) usernameInput.text = ""
|
|
}
|
|
}
|
|
|
|
Behavior on color {
|
|
ColorAnimation {
|
|
duration: Theme.shortDuration
|
|
easing.type: Theme.standardEasing
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|