[gui] motd/upgrade style

1 files changed, 45 insertions, 0 deletions

diff --git a/gui/components/MotdBox.qml b/gui/components/MotdBox.qml
new file mode 100644
index 0000000..3d833a3
--- /dev/null
+++ b/gui/components/MotdBox.qml
@@ -0,0 +1,45 @@
+import QtQuick 2.9
+import QtQuick.Controls 2.2
+import QtGraphicalEffects 1.0
+import "../themes/themes.js" as Theme
+
+Item {
+    id: motdBox
+    width: parent.width
+    property var motdText: ""
+    property var motdLink: ""
+    property var url: ""
+    anchors.horizontalCenter: parent.horizontalCenter
+
+    Rectangle {
+
+        id: labelWrapper
+        color: "transparent"
+        height: label.paintedHeight + Theme.windowMargin
+        width: parent.width
+        anchors.verticalCenter: parent.verticalCenter
+
+        Label {
+            id: label
+            width: labelWrapper.width - Theme.windowMargin
+            anchors.centerIn: parent
+            text: motdBox.motdText
+            horizontalAlignment: Text.AlignHCenter
+            wrapMode: Text.Wrap
+            font.pixelSize: Theme.fontSizeSmall - 2
+         }
+
+        Label {
+            id: link
+            color: Theme.green
+            width: labelWrapper.width - Theme.windowMargin
+            anchors.top: label.bottom
+            anchors.topMargin: 10
+            text: motdBox.motdLink
+            horizontalAlignment: Text.AlignHCenter
+            wrapMode: Label.Wrap
+            font.pixelSize: Theme.fontSizeSmall
+            onLinkActivated: Qt.openUrlExternally(link)
+         }
+    }
+}