diff --git a/app/qml/qml.qrc b/app/qml/qml.qrc
index 640e9f07108d13e701a9470cb50262b1ce40e70b..f0579e64390605af3ebc388c11d1887e1286a54c 100644
--- a/app/qml/qml.qrc
+++ b/app/qml/qml.qrc
@@ -1,6 +1,7 @@
 <RCC>
     <qresource prefix="/qml">
         <file>main.qml</file>
+        <file>ui/Dialog.qml</file>
         <file>scripts/Utility.js</file>
     </qresource>
 </RCC>
diff --git a/app/qml/ui/Dialog.qml b/app/qml/ui/Dialog.qml
new file mode 100644
index 0000000000000000000000000000000000000000..ec632bcf9af04112b0f394bf2eae439fbd7ca1ac
--- /dev/null
+++ b/app/qml/ui/Dialog.qml
@@ -0,0 +1,78 @@
+import QtQuick 2.0
+import QtQuick.Layouts 1.0
+import QtQuick.Controls 1.0
+
+ColumnLayout {
+    id: dialog
+
+    anchors.fill: parent
+    anchors.margins: 12
+    spacing: 8
+    visible: false
+
+    property alias icon: icon.source
+    property alias primaryText: primaryText.text
+    property alias informativeText: informativeText.text
+    property alias content: content.children
+    property alias acceptButton: acceptButton
+    property alias rejectButton: rejectButton
+
+    function open() {
+        dialog.visible = true;
+    }
+
+    function close() {
+        dialog.visible = false;
+    }
+
+    RowLayout {
+        Layout.fillWidth: true
+        Layout.fillHeight: true
+        spacing: parent.spacing
+        Image {
+            id: icon
+            source: ""
+            width: 32
+            height: width
+            visible: source ? true : false
+        }
+        ColumnLayout {
+            Layout.fillWidth: true
+            spacing: parent.spacing
+            Label {
+                id: primaryText
+                text: ""
+                font.bold: true
+                visible: text ? true : false
+            }
+            Label {
+                id: informativeText
+                text: ""
+                visible: text ? true : false
+            }
+            Item {
+                id: content
+                Layout.fillWidth: true
+                Layout.fillHeight: true
+            }
+        }
+    }
+
+    RowLayout {
+        Layout.fillWidth: true
+        spacing: parent.spacing
+        Item {
+            Layout.fillWidth: true
+        }
+        Button {
+            id: acceptButton
+            text: ""
+            visible: text ? true : false
+        }
+        Button {
+            id: rejectButton
+            text: ""
+            visible: text ? true : false
+        }
+    }
+}