1 files changed, 71 insertions, 0 deletions
diff --git a/examples/demos/colorpaletteclient/ColorPalette/ColorDialogDelete.qml b/examples/demos/colorpaletteclient/ColorPalette/ColorDialogDelete.qml
new file mode 100644
index 000000000..0fd26e4d0
--- /dev/null
+++ b/examples/demos/colorpaletteclient/ColorPalette/ColorDialogDelete.qml
@@ -0,0 +1,71 @@
+// Copyright (C) 2023 The Qt Company Ltd.
+// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
+
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+
+import QtExampleStyle
+
+Popup {
+    id: colorDeleter
+    padding: 10
+    modal: true
+    focus: true
+    anchors.centerIn: parent
+    closePolicy: Popup.CloseOnEscape | Popup.CloseOnPressOutsideParent
+    signal deleteClicked(int cid)
+
+    property int colorId: -1
+
+    property string colorName: ""
+
+    function maybeDelete(color_id, name) {
+        colorName = name
+        colorId = color_id
+        open()
+    }
+
+
+    ColumnLayout {
+        anchors.fill: parent
+        spacing: 10
+
+        Text {
+            color: "#222222"
+            text: qsTr("Delete Color?")
+            font.pixelSize: 16
+            font.bold: true
+        }
+
+        Text {
+            color: "#222222"
+            text: qsTr("Are you sure, you want to delete color") + " \"" + colorDeleter.colorName + "\"?"
+            font.pixelSize: 12
+        }
+
+        RowLayout {
+            Layout.fillWidth: true
+            spacing: 10
+
+            Button {
+                Layout.fillWidth: true
+                text: qsTr("Cancel")
+                onClicked: colorDeleter.close()
+            }
+
+            Button {
+                Layout.fillWidth: true
+                text: qsTr("Delete")
+
+                buttonColor: "#CC1414"
+                textColor: "#FFFFFF"
+
+                onClicked: {
+                    colorDeleter.deleteClicked(colorDeleter.colorId)
+                    colorDeleter.close()
+                }
+            }
+       }
+    }
+}