components/MobileHeader.qml


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118

import QtQuick 2.2
import QtGraphicalEffects 1.0
import QtQuick.Layouts 1.1

import moneroComponents.Wallet 1.0
import "../components" as MoneroComponents

// BasicPanel header
Rectangle {
    id: header
    anchors.leftMargin: 1
    anchors.rightMargin: 1
    Layout.fillWidth: true
    Layout.preferredHeight: 64 * scaleRatio
    color: "#FFFFFF"

    Image {
        id: logo
        visible: appWindow.width > 460 * scaleRatio
        anchors.verticalCenter: parent.verticalCenter
        anchors.verticalCenterOffset: -5
        anchors.left: parent.left
        anchors.leftMargin: 50 * scaleRatio
        source: "../images/moneroLogo2.png"
    }

    Image {
        id: icon
        visible: !logo.visible
        anchors.verticalCenter: parent.verticalCenter
        anchors.left: parent.left
        anchors.leftMargin: 40 * scaleRatio 
        source: "../images/moneroIcon.png"
    }

    Grid {
        anchors.verticalCenter: parent.verticalCenter
        anchors.top: parent.top
        anchors.right: parent.right
        anchors.topMargin: 10 * scaleRatio
        width: 256 * scaleRatio
        columns: 3

        Text {
            id: balanceLabel
            width: 116 * scaleRatio
            height: 20 * scaleRatio
            font.family: "Arial"
            font.pixelSize: 12 * scaleRatio
            font.letterSpacing: -1
            elide: Text.ElideRight
            horizontalAlignment: Text.AlignLeft
            verticalAlignment: Text.AlignBottom
            color: "#535353"
            text: leftPanel.balanceLabelText + ":"
        }

        Text {
            id: balanceText
            width: 110 * scaleRatio
            height: 20 * scaleRatio
            font.family: "Arial"
            font.pixelSize: 18 * scaleRatio
            font.letterSpacing: -1
            elide: Text.ElideRight
            horizontalAlignment: Text.AlignLeft
            verticalAlignment: Text.AlignBottom
            color: "#000000"
            text: leftPanel.balanceText
        }

        Item {
            height: 20 * scaleRatio
            width: 20 * scaleRatio

            Image {
                anchors.verticalCenter: parent.verticalCenter
                anchors.left: parent.left
                source: "../images/lockIcon.png"
            }
        }

        Text {
            width: 116 * scaleRatio
            height: 20 * scaleRatio
            font.family: "Arial"
            font.pixelSize: 12 * scaleRatio
            font.letterSpacing: -1
            elide: Text.ElideRight
            horizontalAlignment: Text.AlignLeft
            verticalAlignment: Text.AlignBottom
            color: "#535353"
            text: qsTr("Unlocked Balance:")
        }

        Text {
            id: availableBalanceText
            width: 110 * scaleRatio
            height: 20 * scaleRatio
            font.family: "Arial"
            font.pixelSize: 14 * scaleRatio
            font.letterSpacing: -1
            elide: Text.ElideRight
            horizontalAlignment: Text.AlignLeft
            verticalAlignment: Text.AlignBottom
            color: "#000000"
            text: leftPanel.unlockedBalanceText
        }
    }

    Rectangle {
        anchors.left: parent.left
        anchors.right: parent.right
        anchors.bottom: parent.bottom
        height: 1
        color: "#DBDBDB"
    }
}