7 files changed, 229 insertions, 0 deletions
diff --git a/examples/webenginewidgets/notifications/doc/notifications.png b/examples/webenginewidgets/notifications/doc/notifications.png
new file mode 100644
index 000000000..3540be8d1
--- /dev/null
+++ b/examples/webenginewidgets/notifications/doc/notifications.png
diff --git a/examples/webenginewidgets/notifications/doc/notifications.rst b/examples/webenginewidgets/notifications/doc/notifications.rst
new file mode 100644
index 000000000..a06ebfbc5
--- /dev/null
+++ b/examples/webenginewidgets/notifications/doc/notifications.rst
@@ -0,0 +1,8 @@
+WebEngine Notifications Example
+===============================
+
+Python port of C++ `WebEngine Notifications <https://doc.qt.io/qt-6/qtwebengine-webenginewidgets-notifications-example.html>`_
+
+.. image:: notifications.png
+   :width: 400
+   :alt: Notifications Example Screenshot
diff --git a/examples/webenginewidgets/notifications/main.py b/examples/webenginewidgets/notifications/main.py
new file mode 100644
index 000000000..c51af957b
--- /dev/null
+++ b/examples/webenginewidgets/notifications/main.py
@@ -0,0 +1,58 @@
+# Copyright (C) 2022 The Qt Company Ltd.
+# SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
+from __future__ import annotations
+
+"""PySide6 WebEngineWidgets Notifications Example"""
+
+import sys
+from pathlib import Path
+
+from PySide6.QtCore import QUrl, QCoreApplication
+from PySide6.QtWidgets import QApplication
+from PySide6.QtWebEngineCore import QWebEnginePage
+from PySide6.QtWebEngineWidgets import QWebEngineView
+from PySide6.QtGui import QDesktopServices
+
+from notificationpopup import NotificationPopup
+
+
+class WebEnginePage(QWebEnginePage):
+    def __init__(self, parent):
+        super().__init__(parent)
+
+    def acceptNavigationRequest(self, url: QUrl, *_):
+        if url.scheme != "https":
+            return True
+        QDesktopServices.openUrl(url)
+        return False
+
+
+if __name__ == '__main__':
+
+    src_dir = Path(__file__).resolve().parent
+    QCoreApplication.setOrganizationName("QtProject")
+    app = QApplication(sys.argv)
+    view = QWebEngineView()
+
+    # set custom page to open all page's links for https scheme in system browser
+    view.setPage(WebEnginePage(view))
+
+    def set_feature_permission(origin: QUrl, feature: QWebEnginePage.Feature):
+        if feature != QWebEnginePage.Notifications:
+            return
+
+        view.page().setFeaturePermission(origin, feature, QWebEnginePage.PermissionGrantedByUser)
+
+    view.page().featurePermissionRequested.connect(set_feature_permission)
+    profile = view.page().profile()
+    popup = NotificationPopup(view)
+
+    def presentNotification(notification):
+        popup.present(notification)
+
+    profile.setNotificationPresenter(presentNotification)
+    view.resize(640, 480)
+    view.show()
+    view.setUrl(QUrl.fromLocalFile(src_dir / "resources" / "index.html"))
+
+    sys.exit(app.exec())
diff --git a/examples/webenginewidgets/notifications/notificationpopup.py b/examples/webenginewidgets/notifications/notificationpopup.py
new file mode 100644
index 000000000..803bfef92
--- /dev/null
+++ b/examples/webenginewidgets/notifications/notificationpopup.py
@@ -0,0 +1,69 @@
+# Copyright (C) 2022 The Qt Company Ltd.
+# SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
+from __future__ import annotations
+
+from PySide6.QtCore import Qt, QTimer, QPoint, Slot
+from PySide6.QtWidgets import (QWidget, QHBoxLayout, QLabel, QVBoxLayout, QSpacerItem, QSizePolicy,
+                               QPushButton)
+from PySide6.QtWebEngineCore import QWebEngineNotification
+from PySide6.QtGui import QPixmap, QMouseEvent
+
+
+class NotificationPopup(QWidget):
+    def __init__(self, parent) -> None:
+        super().__init__(parent)
+        self.notification = None
+        self.m_icon, self.m_title, self.m_message = QLabel(), QLabel(), QLabel()
+        self.setWindowFlags(Qt.ToolTip)
+
+        rootLayout = QHBoxLayout(self)
+        rootLayout.addWidget(self.m_icon)
+
+        bodyLayout = QVBoxLayout()
+        rootLayout.addLayout(bodyLayout)
+
+        titleLayout = QHBoxLayout()
+        bodyLayout.addLayout(titleLayout)
+
+        titleLayout.addWidget(self.m_title)
+        titleLayout.addItem(QSpacerItem(0, 0, QSizePolicy.Expanding))
+
+        close = QPushButton("Close")
+        titleLayout.addWidget(close)
+        close.clicked.connect(self.onClosed)
+
+        bodyLayout.addWidget(self.m_message)
+        self.adjustSize()
+
+    def present(self, newNotification: QWebEngineNotification):
+        if self.notification:
+            self.notification.close()
+
+        self.notification = newNotification
+
+        self.m_title.setText("<b>" + self.notification.title() + "</b>")
+        self.m_message.setText(self.notification.message())
+        self.m_icon.setPixmap(QPixmap.fromImage(self.notification.icon())
+                              .scaledToHeight(self.m_icon.height()))
+
+        self.show()
+        self.notification.show()
+
+        self.notification.closed.connect(self.onClosed)
+        QTimer.singleShot(10000, lambda: self.onClosed())
+
+        self.move(self.parentWidget().mapToGlobal(self.parentWidget().rect().bottomRight()
+                                                  - QPoint(self.width() + 10, self.height() + 10)))
+
+    @Slot()
+    def onClosed(self):
+        self.hide()
+        if self.notification:
+            self.notification.close()
+        self.notification = None
+
+    def mouseReleaseEvent(self, event: QMouseEvent) -> None:
+        QWidget.mouseReleaseEvent(event)
+        if self.notification and event.button() == Qt.LeftButton:
+            self.notification.click()
+            self.onClosed()
diff --git a/examples/webenginewidgets/notifications/notifications.pyproject b/examples/webenginewidgets/notifications/notifications.pyproject
new file mode 100644
index 000000000..0a3d3c4c5
--- /dev/null
+++ b/examples/webenginewidgets/notifications/notifications.pyproject
@@ -0,0 +1,3 @@
+{
+    "files": ["main.py",  "notificationpopup.py"]
+}
diff --git a/examples/webenginewidgets/notifications/resources/icon.png b/examples/webenginewidgets/notifications/resources/icon.png
new file mode 100644
index 000000000..4c3870c06
--- /dev/null
+++ b/examples/webenginewidgets/notifications/resources/icon.png
diff --git a/examples/webenginewidgets/notifications/resources/index.html b/examples/webenginewidgets/notifications/resources/index.html
new file mode 100644
index 000000000..99dbac683
--- /dev/null
+++ b/examples/webenginewidgets/notifications/resources/index.html
@@ -0,0 +1,91 @@
+<!doctype html>
+<html>
+<head>
+<title>Web Notifications Example</title>
+<script>
+    var notificationsCreated = 0
+
+    function getPermission() { return document.Notification }
+    function resetPermission(permission = 'default') {
+        document.Notification = permission
+        document.getElementById('state').value = getPermission()
+    }
+
+    function createNotification() {
+        let title = 'Notification #' + ++notificationsCreated
+        let options = { body: 'Visit doc.qt.io for more info!', icon: 'icon.png', }
+
+        let notification = new Notification(title, options)
+        document.notification = notification
+
+        notification.onerror = function(error) {
+            document.getElementById('act').value += ' with error'
+            document.notification = null
+        }
+        notification.onshow = function() {
+            document.getElementById('act').value += ', shown'
+            document.getElementById('close').style.display = 'inline'
+        }
+        notification.onclick = function() {
+            document.getElementById('act').value += ', clicked'
+        }
+        notification.onclose = function() {
+            if (document.notification && notification == document.notification) {
+                document.getElementById('act').value += ' and closed'
+                document.getElementById('close').style.display = 'none'
+                document.notification = null
+            }
+        }
+
+        console.log('...notification created [Title: ' + title + ']')
+        document.getElementById('act').value = 'Notification was created'
+    }
+
+    function onMakeNotification() {
+        if (getPermission() == 'granted') {
+            createNotification()
+        } else if (getPermission() == 'denied') {
+            setTimeout(function() {
+                if (window.confirm('Notifications are disabled!\n' +
+                                   'Permission needs to be granted by user. Reset?'))
+                    resetPermission()
+            }, 1)
+        } else {
+            Notification.requestPermission().then(function (permission) {
+                console.info('notifications request: ' + permission)
+                resetPermission(permission)
+                if (permission == 'granted')
+                    createNotification()
+            })
+        }
+    }
+
+    function closeNotification() { if (document.notification) document.notification.close() }
+
+    document.addEventListener('DOMContentLoaded', function() {
+        resetPermission(Notification.permission) })
+</script>
+</head>
+<body style='text-align:center;'>
+    <h3>Click the button to send a notification</h3>
+
+    <button onclick='onMakeNotification()'>Notify!</button>
+
+    <p>
+        <output id='act'></output>
+        <button id='close' style='display: none;' onclick='closeNotification()'>Close</button>
+    </p><br>
+
+    <p>
+        <label for='state'>Permission:</label>
+        <output id='state'></output>
+        <button onclick='resetPermission()'>Reset</button>
+    </p><br>
+
+    <h4>More info can be found on:</h4>
+    <ul style='list-style-type: none;'>
+        <li>W3 <a href='https://www.w3.org/TR/notifications'>Web Notifications</a> standard</li>
+        <li>Documentation for <a href='https://doc.qt.io'>Qt WebEngine</a> module</li>
+    </ul>
+</body>
+</html>