Establish Monzero GUI Phase 0 baselinemonzero-gui-phase0-20260815

1 files changed, 49 insertions, 48 deletions

diff --git a/components/TitleBar.qml b/components/TitleBar.qml
index 640641ef..75cd980e 100644
--- a/components/TitleBar.qml
+++ b/components/TitleBar.qml
@@ -1,4 +1,4 @@
-// Copyright (c) 2014-2024, The Monero Project
+// Copyright (c) 2014-2024, The Monzero Project
 // 
 // All rights reserved.
 // 
@@ -32,8 +32,8 @@ import QtGraphicalEffects 1.0
 import QtQuick.Layouts 1.2
 
 import FontAwesome 1.0
-import "." as MoneroComponents
-import "effects/" as MoneroEffects
+import "." as MonzeroComponents
+import "effects/" as MonzeroEffects
 
 Rectangle {
     id: root
@@ -75,16 +75,16 @@ Rectangle {
         }
     ]
 
-    MoneroEffects.GradientBackground {
+    MonzeroEffects.GradientBackground {
         anchors.fill: parent
         duration: 300
-        fallBackColor: MoneroComponents.Style.middlePanelBackgroundColor
-        initialStartColor: MoneroComponents.Style.titleBarBackgroundGradientStart
-        initialStopColor: MoneroComponents.Style.titleBarBackgroundGradientStop
-        blackColorStart: MoneroComponents.Style._b_titleBarBackgroundGradientStart
-        blackColorStop: MoneroComponents.Style._b_titleBarBackgroundGradientStop
-        whiteColorStart: MoneroComponents.Style._w_titleBarBackgroundGradientStart
-        whiteColorStop: MoneroComponents.Style._w_titleBarBackgroundGradientStop
+        fallBackColor: MonzeroComponents.Style.middlePanelBackgroundColor
+        initialStartColor: MonzeroComponents.Style.titleBarBackgroundGradientStart
+        initialStopColor: MonzeroComponents.Style.titleBarBackgroundGradientStop
+        blackColorStart: MonzeroComponents.Style._b_titleBarBackgroundGradientStart
+        blackColorStop: MonzeroComponents.Style._b_titleBarBackgroundGradientStop
+        whiteColorStart: MonzeroComponents.Style._w_titleBarBackgroundGradientStart
+        whiteColorStop: MonzeroComponents.Style._w_titleBarBackgroundGradientStop
         start: Qt.point(width, 0)
         end: Qt.point(0, 0)
     }
@@ -105,14 +105,14 @@ Rectangle {
                 text: FontAwesome.lock
                 font.family: FontAwesome.fontFamilySolid
                 font.pixelSize: 16
-                color: MoneroComponents.Style.defaultFontColor
+                color: MonzeroComponents.Style.defaultFontColor
                 font.styleName: "Solid"
                 anchors.verticalCenter: parent.verticalCenter
                 anchors.horizontalCenter: parent.horizontalCenter
                 opacity: 0.75
             }
 
-            MoneroComponents.Tooltip {
+            MonzeroComponents.Tooltip {
                 id: btnLockWalletTooltip
                 anchors.fill: parent
                 text: qsTr("Lock this wallet") + translationManager.emptyString
@@ -123,7 +123,7 @@ Rectangle {
                 hoverEnabled: true
                 cursorShape: Qt.PointingHandCursor
                 onEntered: {
-                    parent.color = MoneroComponents.Style.titleBarButtonHoverColor
+                    parent.color = MonzeroComponents.Style.titleBarButtonHoverColor
                     btnLockWalletTooltip.tooltipPopup.open()
                 }
                 onExited: {
@@ -146,14 +146,14 @@ Rectangle {
                 text: FontAwesome.signOutAlt
                 font.family: FontAwesome.fontFamilySolid
                 font.pixelSize: 16
-                color: MoneroComponents.Style.defaultFontColor
+                color: MonzeroComponents.Style.defaultFontColor
                 font.styleName: "Solid"
                 anchors.verticalCenter: parent.verticalCenter
                 anchors.horizontalCenter: parent.horizontalCenter
                 opacity: 0.75
             }
 
-            MoneroComponents.Tooltip {
+            MonzeroComponents.Tooltip {
                 id: btnCloseWalletTooltip
                 anchors.fill: parent
                 text: qsTr("Close this wallet and return to main menu") + translationManager.emptyString
@@ -164,7 +164,7 @@ Rectangle {
                 hoverEnabled: true
                 cursorShape: Qt.PointingHandCursor
                 onEntered: {
-                    parent.color = MoneroComponents.Style.titleBarButtonHoverColor
+                    parent.color = MonzeroComponents.Style.titleBarButtonHoverColor
                     btnCloseWalletTooltip.tooltipPopup.open()
                 }
                 onExited: {
@@ -186,14 +186,14 @@ Rectangle {
                 text: FontAwesome.globe
                 font.family: FontAwesome.fontFamilySolid
                 font.pixelSize: 16
-                color: MoneroComponents.Style.defaultFontColor
+                color: MonzeroComponents.Style.defaultFontColor
                 font.styleName: "Solid"
                 anchors.verticalCenter: parent.verticalCenter
                 anchors.horizontalCenter: parent.horizontalCenter
                 opacity: 0.75
             }
 
-            MoneroComponents.Tooltip {
+            MonzeroComponents.Tooltip {
                 id: btnLanguageToggleTooltip
                 anchors.fill: parent
                 text: qsTr("Change language") + translationManager.emptyString
@@ -204,7 +204,7 @@ Rectangle {
                 hoverEnabled: true
                 cursorShape: Qt.PointingHandCursor
                 onEntered: {
-                    parent.color = MoneroComponents.Style.titleBarButtonHoverColor
+                    parent.color = MonzeroComponents.Style.titleBarButtonHoverColor
                     btnLanguageToggleTooltip.tooltipPopup.open()
                 }
                 onExited: {
@@ -223,19 +223,19 @@ Rectangle {
 
             Text {
                 text: FontAwesome.moonO
-                font.family: MoneroComponents.Style.blackTheme ? FontAwesome.fontFamilySolid : FontAwesome.fontFamily
-                font.styleName: MoneroComponents.Style.blackTheme ? "Solid" : "Regular"
+                font.family: MonzeroComponents.Style.blackTheme ? FontAwesome.fontFamilySolid : FontAwesome.fontFamily
+                font.styleName: MonzeroComponents.Style.blackTheme ? "Solid" : "Regular"
                 font.pixelSize: 15
-                color: MoneroComponents.Style.defaultFontColor
+                color: MonzeroComponents.Style.defaultFontColor
                 anchors.verticalCenter: parent.verticalCenter
                 anchors.horizontalCenter: parent.horizontalCenter
                 opacity: 0.75
             }
 
-            MoneroComponents.Tooltip {
+            MonzeroComponents.Tooltip {
                 id: btnSwitchThemeTooltip
                 anchors.fill: parent
-                text: MoneroComponents.Style.blackTheme ? qsTr("Switch to light theme") : qsTr("Switch to dark theme") + translationManager.emptyString
+                text: MonzeroComponents.Style.blackTheme ? qsTr("Switch to light theme") : qsTr("Switch to dark theme") + translationManager.emptyString
             }
 
             MouseArea {
@@ -243,7 +243,7 @@ Rectangle {
                 hoverEnabled: true
                 cursorShape: Qt.PointingHandCursor
                 onEntered: {
-                    parent.color = MoneroComponents.Style.titleBarButtonHoverColor
+                    parent.color = MonzeroComponents.Style.titleBarButtonHoverColor
                     btnSwitchThemeTooltip.tooltipPopup.open()
                 }
                 onExited: {
@@ -251,7 +251,7 @@ Rectangle {
                     btnSwitchThemeTooltip.tooltipPopup.close()
                 }
                 onClicked: {
-                    MoneroComponents.Style.blackTheme = !MoneroComponents.Style.blackTheme;
+                    MonzeroComponents.Style.blackTheme = !MonzeroComponents.Style.blackTheme;
                 }
             }
         }
@@ -279,16 +279,17 @@ Rectangle {
                 anchors.horizontalCenter: parent.horizontalCenter
                 anchors.verticalCenter: parent.verticalCenter
 
-                source: MoneroComponents.Style.titleBarLogoSource
+        source: "qrc:///images/monzero-xmz-coin.png"
+        fillMode: Image.PreserveAspectFit
                 visible: {
                     if(!isOpenGL) return true;
-                    if(!MoneroComponents.Style.blackTheme) return true;
+                    if(!MonzeroComponents.Style.blackTheme) return true;
                     return false;
                 }
             }
 
             Colorize {
-                visible: isOpenGL && MoneroComponents.Style.blackTheme
+                visible: isOpenGL && MonzeroComponents.Style.blackTheme
                 anchors.fill: imgLogo
                 source: imgLogo
                 saturation: 0.0
@@ -300,7 +301,7 @@ Rectangle {
             Layout.fillWidth: true
             Layout.preferredHeight: parent.height
 
-            MoneroComponents.TextPlain {
+            MonzeroComponents.TextPlain {
                 font.pixelSize: 20
                 horizontalAlignment: Text.AlignHCenter
                 verticalAlignment: Text.AlignVCenter
@@ -318,17 +319,17 @@ Rectangle {
             Layout.preferredWidth: parent.height
             Layout.preferredHeight: parent.height
 
-            MoneroEffects.ImageMask {
+            MonzeroEffects.ImageMask {
                 anchors.bottom: parent.bottom
                 anchors.bottomMargin: 18
                 anchors.horizontalCenter: parent.horizontalCenter
                 height: 3
                 width: 15
-                image: MoneroComponents.Style.titleBarMinimizeSource
-                color: MoneroComponents.Style.defaultFontColor
+                image: MonzeroComponents.Style.titleBarMinimizeSource
+                color: MonzeroComponents.Style.defaultFontColor
                 fontAwesomeFallbackIcon: FontAwesome.minus
                 fontAwesomeFallbackSize: 18
-                fontAwesomeFallbackOpacity: MoneroComponents.Style.blackTheme ? 0.8 : 0.6
+                fontAwesomeFallbackOpacity: MonzeroComponents.Style.blackTheme ? 0.8 : 0.6
                 opacity: 0.75
             }
 
@@ -336,7 +337,7 @@ Rectangle {
                 anchors.fill: parent
                 hoverEnabled: true
                 cursorShape: Qt.PointingHandCursor
-                onEntered: parent.color = MoneroComponents.Style.titleBarButtonHoverColor
+                onEntered: parent.color = MonzeroComponents.Style.titleBarButtonHoverColor
                 onExited: parent.color = "transparent"
                 onClicked: root.minimizeClicked();
             }
@@ -353,7 +354,7 @@ Rectangle {
             Image {
                 anchors.verticalCenter: parent.verticalCenter
                 anchors.horizontalCenter: parent.horizontalCenter
-                source: MoneroComponents.Style.titleBarFullscreenSource
+                source: MonzeroComponents.Style.titleBarFullscreenSource
                 sourceSize.width: 16
                 sourceSize.height: 16
                 smooth: true
@@ -367,7 +368,7 @@ Rectangle {
                 anchors.fill: parent
                 hoverEnabled: true
                 cursorShape: Qt.PointingHandCursor
-                onEntered: parent.color = MoneroComponents.Style.titleBarButtonHoverColor
+                onEntered: parent.color = MonzeroComponents.Style.titleBarButtonHoverColor
                 onExited: parent.color = "transparent"
                 onClicked: root.maximizeClicked();
             }
@@ -380,16 +381,16 @@ Rectangle {
             Layout.preferredWidth: parent.height
             Layout.preferredHeight: parent.height
 
-            MoneroEffects.ImageMask {
+            MonzeroEffects.ImageMask {
                 anchors.verticalCenter: parent.verticalCenter
                 anchors.horizontalCenter: parent.horizontalCenter
                 height: 16
                 width: 16
-                image: MoneroComponents.Style.titleBarCloseSource
-                color: MoneroComponents.Style.defaultFontColor
+                image: MonzeroComponents.Style.titleBarCloseSource
+                color: MonzeroComponents.Style.defaultFontColor
                 fontAwesomeFallbackIcon: FontAwesome.times
                 fontAwesomeFallbackSize: 21
-                fontAwesomeFallbackOpacity: MoneroComponents.Style.blackTheme ? 0.8 : 0.6
+                fontAwesomeFallbackOpacity: MonzeroComponents.Style.blackTheme ? 0.8 : 0.6
                 opacity: 0.75
             }
 
@@ -397,7 +398,7 @@ Rectangle {
                 anchors.fill: parent
                 hoverEnabled: true
                 cursorShape: Qt.PointingHandCursor
-                onEntered: parent.color = MoneroComponents.Style.titleBarButtonHoverColor
+                onEntered: parent.color = MonzeroComponents.Style.titleBarButtonHoverColor
                 onExited: parent.color = "transparent"
                 onClicked: root.closeClicked();
             }
@@ -409,13 +410,13 @@ Rectangle {
         anchors.bottom: parent.bottom
         anchors.left: parent.left
         anchors.right: parent.right
-        height: MoneroComponents.Style.blackTheme ? 1 : 1
-        color: MoneroComponents.Style.titleBarBackgroundBorderColor
+        height: MonzeroComponents.Style.blackTheme ? 1 : 1
+        color: MonzeroComponents.Style.titleBarBackgroundBorderColor
 
-        MoneroEffects.ColorTransition {
+        MonzeroEffects.ColorTransition {
             targetObj: parent
-            blackColor: MoneroComponents.Style._b_titleBarBackgroundBorderColor
-            whiteColor: MoneroComponents.Style._w_titleBarBackgroundBorderColor
+            blackColor: MonzeroComponents.Style._b_titleBarBackgroundBorderColor
+            whiteColor: MonzeroComponents.Style._w_titleBarBackgroundBorderColor
         }
     }