plasma-workspace/components/dialogs/examples/test.qml

/*
 *  SPDX-FileCopyrightText: 2021 Devin Lin <espidev@gmail.com>
 *
 *  SPDX-License-Identifier: LGPL-2.0-or-later
 */

import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.15
import QtQuick.Window 2.15
import QtQuick.Dialogs 1.2 as Dialogs
import QtGraphicalEffects 1.12
import org.kde.kirigami 2.19 as Kirigami
import org.kde.plasma.workspace.dialogs 1.0

Kirigami.AbstractApplicationWindow {
    id: root
    
    width: 600
    height: 600

    DesktopSystemDialog {
        id: simple
        title: "Reset Data"
        subtitle: "This will reset all of your data."
        iconName: "documentinfo"
        
        preferredWidth: Kirigami.Units.gridUnit * 17
        dialogButtonBox.standardButtons: DialogButtonBox.Ok | DialogButtonBox.Cancel
        dialogButtonBox.onAccepted: simple.close()
        dialogButtonBox.onRejected: simple.close()
    }
    
    DesktopCSDSystemDialog {
        id: simpleCSD
        title: "Reset Data"
        subtitle: "This will reset all of your data."
        iconName: "documentinfo"
        
        preferredWidth: Kirigami.Units.gridUnit * 17
        actions: [
            Kirigami.Action {
                text: "Cancel"
                icon.name: "dialog-cancel"
                onTriggered: simpleCSD.close()
            },
            Kirigami.Action {
                text: "OK"
                iconName: "dialog-ok"
                onTriggered: simpleCSD.close()
            }
        ]
    }
    
    DesktopSystemDialog {
        id: desktopPolkit
        title: "Authentication Required"
        subtitle: "Authentication is needed to run `/usr/bin/ls` as the super user."
        iconName: "im-user-online"
        preferredWidth: Kirigami.Units.gridUnit * 25
        
        Kirigami.PasswordField {}
        
        actions: [
            Kirigami.Action {
                text: "Details"
                iconName: "documentinfo"
                onTriggered: desktopPolkit.close()
            },
            Kirigami.Action {
                text: "Cancel"
                iconName: "dialog-cancel"
                onTriggered: desktopPolkit.close()
            },
            Kirigami.Action {
                text: "OK"
                icon.name: "dialog-ok"
                onTriggered: desktopPolkit.close()
            }
        ]
    }
    
    DesktopCSDSystemDialog {
        id: desktopCSDPolkit
        title: "Authentication Required"
        subtitle: "Authentication is needed to run `/usr/bin/ls` as the super user."
        iconName: "im-user-online"
        preferredWidth: Kirigami.Units.gridUnit * 25
        darkenBackground: false
        
        Kirigami.PasswordField {}
        
        actions: [
            Kirigami.Action {
                text: "Details"
                iconName: "documentinfo"
                onTriggered: desktopCSDPolkit.close()
            },
            Kirigami.Action {
                text: "Cancel"
                iconName: "dialog-cancel"
                onTriggered: desktopCSDPolkit.close()
            },
            Kirigami.Action {
                text: "OK"
                icon.name: "dialog-ok"
                onTriggered: desktopCSDPolkit.close()
            }
        ]
    }
    
    MobileSystemDialog {
        id: mobilePolkit
        title: "Authentication Required"
        subtitle: "Authentication is needed to run `/usr/bin/ls` as the super user."
        preferredWidth: Kirigami.Units.gridUnit * 20
        
        padding: Kirigami.Units.largeSpacing
        ColumnLayout {
            Kirigami.Avatar {
                implicitHeight: Kirigami.Units.iconSizes.medium
                implicitWidth: Kirigami.Units.iconSizes.medium
                Layout.alignment: Qt.AlignHCenter
            }
            Kirigami.PasswordField {
                Layout.fillWidth: true
            }
        }
        
        actions: [
            Kirigami.Action {
                text: "Details"
                iconName: "documentinfo"
                onTriggered: mobilePolkit.close()
            },
            Kirigami.Action {
                text: "Cancel"
                iconName: "dialog-cancel"
                onTriggered: mobilePolkit.close()
            },
            Kirigami.Action {
                text: "OK"
                icon.name: "dialog-ok"
                onTriggered: mobilePolkit.close()
            }
        ]
    }
    
    MobileSystemDialog {
        id: sim
        title: "SIM Locked"
        subtitle: "Please enter your SIM PIN in order to unlock it."
        
        preferredWidth: Kirigami.Units.gridUnit * 20
        padding: Kirigami.Units.largeSpacing
        
        Kirigami.PasswordField { Layout.fillWidth: true }
        
        actions: [
            Kirigami.Action {
                text: "Cancel"
                iconName: "dialog-cancel"
                onTriggered: sim.close()
            },
            Kirigami.Action {
                text: "OK"
                icon.name: "dialog-ok"
                onTriggered: sim.close()
            }
        ]
    }
    
    MobileSystemDialog {
        id: device
        title: "Device Request"
        subtitle: "Allow <b>PureMaps</b> to access your location?"
        
        layout: MobileSystemDialog.Column

        actions: [
            Kirigami.Action {
                text: "Allow all the time"
                onTriggered: device.close()
            },
            Kirigami.Action {
                text: "Allow only while the app is in use"
                onTriggered: device.close()
            },
            Kirigami.Action {
                text: "Deny"
                onTriggered: device.close()
            }
        ]
    }
    
    MobileSystemDialog {
        id: wifi
        title: "eduroam"
        preferredWidth: Kirigami.Units.gridUnit * 18
        maximumHeight: Kirigami.Units.gridUnit * 20
        
        leftPadding: Kirigami.Units.largeSpacing
        rightPadding: Kirigami.Units.largeSpacing
        topPadding: 0
        bottomPadding: 0
        Kirigami.FormLayout {
            ComboBox {
                model: ["PEAP"]
                Layout.fillWidth: true
                Kirigami.FormData.label: "EAP method:"
                currentIndex: 0
            }
            ComboBox {
                model: ["MSCHAPV2"]
                Layout.fillWidth: true
                Kirigami.FormData.label: "Phase 2 authentication:"
                currentIndex: 0
            }
            TextField {
                Kirigami.FormData.label: "Domain:"
                Layout.fillWidth: true
                text: ""
            }
            TextField {
                Kirigami.FormData.label: "Identity:"
                Layout.fillWidth: true
            }
            TextField {
                Kirigami.FormData.label: "Username:"
                Layout.fillWidth: true
            }
            Kirigami.PasswordField {
                Kirigami.FormData.label: "Password:"
                Layout.fillWidth: true
            }
        }
    
        actions: [
            Kirigami.Action {
                text: "Cancel"
                iconName: "dialog-cancel"
                onTriggered: wifi.close()
            },
            Kirigami.Action {
                text: "Save"
                icon.name: "dialog-ok"
                onTriggered: wifi.close()
            }
        ]
    }
    
    ColumnLayout {
        anchors.fill: parent
        CheckBox {
            id: checkbox
            text: "Fullscreen"
        }
        Button {
            text: "Simple dialog (Desktop)"
            onClicked: {
                if (checkbox.checked) {
                    simple.showFullScreen()
                } else {
                    simple.show()
                }
            }
        }
        Button {
            text: "Simple dialog (Desktop CSD)"
            onClicked: {
                if (checkbox.checked) {
                    simpleCSD.showFullScreen()
                } else {
                    simpleCSD.show()
                }
            }
        }
        Button {
            text: "Polkit dialog (Desktop)"
            onClicked: {
                if (checkbox.checked) {
                    desktopPolkit.showFullScreen()
                } else {
                    desktopPolkit.show()
                }
            }
        }
        Button {
            text: "Polkit dialog (Desktop CSD)"
            onClicked: {
                if (checkbox.checked) {
                    desktopCSDPolkit.showFullScreen()
                } else {
                    desktopCSDPolkit.show()
                }
            }
        }
        Button {
            text: "Polkit dialog (Mobile)"
            onClicked: {
                if (checkbox.checked) {
                    mobilePolkit.showFullScreen()
                } else {
                    mobilePolkit.show()
                }
            }
        }
        Button {
            text: "SIM PIN dialog (Mobile)"
            onClicked: {
                if (checkbox.checked) {
                    sim.showFullScreen()
                } else {
                    sim.show()
                }
            }
        }
        Button {
            text: "Device request dialog (Mobile)"
            onClicked: {
                if (checkbox.checked) {
                    device.showFullScreen()
                } else {
                    device.show()
                }
            }
        }
        Button {
            text: "Wifi Dialog (Mobile)"
            onClicked: {
                if (checkbox.checked) {
                    wifi.showFullScreen()
                } else {
                    wifi.show()
                }
            }
        }
    }
}