components/AdvancedOptionsItem.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

import QtQuick 2.9
import QtQuick.Layouts 1.1
import FontAwesome 1.0

import "../components" as MoneroComponents

RowLayout {
    id: advancedOptionsItem
    
    property alias title: title.text
    property alias button1: button1
    property alias button2: button2
    property alias button3: button3
    property alias helpTextLarge: helpTextLarge
    property alias helpTextSmall: helpTextSmall
      
    RowLayout {
        id: titlecolumn
        Layout.alignment: Qt.AlignTop | Qt.AlignLeft
        Layout.preferredWidth: 195
        Layout.maximumWidth: 195
        Layout.leftMargin: 10

        MoneroComponents.Label {
            id: title
            fontSize: 14
        }

        MoneroComponents.Label {
            id: iconLabel
            fontSize: 12
            text: FontAwesome.questionCircle
            fontFamily: FontAwesome.fontFamily
            opacity: 0.3
            MouseArea {
                anchors.fill: parent
                hoverEnabled: true
                cursorShape: Qt.PointingHandCursor
                onClicked: helpText.visible = !helpText.visible
                onEntered: parent.opacity = 0.4
                onExited: parent.opacity = 0.3
            }  
        }
        
        Rectangle {
            id: separator
            Layout.fillWidth: true
            height: 10
            color: "transparent"
        }
    }

    ColumnLayout {
        Layout.fillWidth: false
        Layout.alignment: Qt.AlignTop | Qt.AlignLeft
        spacing: 4
                
        RowLayout {
            Layout.fillWidth: false
            spacing: 12
            Layout.alignment: Qt.AlignTop | Qt.AlignLeft
            
            StandardButton {
                id: button1
                small: true
                visible: button1.text
            }
    
            StandardButton {
                id: button2
                small: true
                visible: button2.text
            }
            
            StandardButton {
                id: button3
                small: true
                visible: button3.text
            }
        }
        
        ColumnLayout {
            id: helpText
            visible: false     
            Layout.alignment: Qt.AlignTop | Qt.AlignLeft
            
            MoneroComponents.TextPlain {
                id: helpTextLarge
                visible: helpTextLarge.text
                font.family: MoneroComponents.Style.fontRegular.name
                font.pixelSize: 13
                color: MoneroComponents.Style.defaultFontColor
            }
            
            MoneroComponents.TextPlain {
                id: helpTextSmall
                visible: helpTextSmall.text
                Layout.leftMargin: 5
                textFormat: Text.RichText
                font.family: MoneroComponents.Style.fontRegular.name
                font.pixelSize: 12
                color: MoneroComponents.Style.defaultFontColor
            }
        }
    }
}