import QtQuick 2.4
import QtQuick.Controls 1.4
import QtQuick.Controls.Styles 1.4
import "qrc:/widgets"
import "../../../"
DapAbstractRightPanel
{
/// @param dapButtonSend Send funds button.
property alias dapButtonSend: buttonSend
/// @param dapTextInputAmountPayment Input field for transfer amount.
property alias dapTextInputAmountPayment: textInputAmountPayment
/// @param dapCmboBoxToken Token combobox.
property alias dapCmboBoxToken: comboBoxToken
/// @param dapTextInputRecipientWalletAddress Recipient wallet address input field.
property alias dapTextInputRecipientWalletAddress: textInputRecipientWalletAddress
dapHeaderData:
Row
{
anchors.fill: parent
anchors.leftMargin: 16 * pt
anchors.rightMargin: 16 * pt
anchors.topMargin: 12 * pt
anchors.bottomMargin: 12 * pt
spacing: 12 * pt
Item
{
id: itemButtonClose
data: dapButtonClose
height: dapButtonClose.height
width: dapButtonClose.width
}
Text
{
id: textHeader
text: qsTr("New payment")
font.pixelSize: 14 * pt
color: "#3E3853"
}
}
dapContentItemData:
Rectangle
{
anchors.fill: parent
color: "transparent"
// Sender wallet
Rectangle
{
id: frameSenderWallet
anchors.top: parent.top
anchors.left: parent.left
anchors.right: parent.right
anchors.topMargin: 8 * pt
anchors.bottomMargin: 8 * pt
color: "#757184"
height: 30 * pt
Text
{
id: textFrameSenderWallet
color: "#ffffff"
text: qsTr("From")
font.pixelSize: 12 * pt
horizontalAlignment: Text.AlignLeft
font.family: "Roboto"
font.styleName: "Normal"
font.weight: Font.Normal
anchors.verticalCenter: parent.verticalCenter
anchors.left: parent.left
anchors.leftMargin: 16 * pt
}
}
ListModel
{
id: tokenModel
ListElement
{
signatureName: "Kelvin"
}
ListElement
{
signatureName: "Token 1"
}
ListElement
{
signatureName: "Token 2"
}
ListElement
{
signatureName: "NewGold"
}
}
Rectangle
{
id: frameSenderWalletAddress
color: "#F8F7FA"
anchors.top: frameSenderWallet.bottom
anchors.left: parent.left
anchors.right: parent.right
anchors.leftMargin: 16 * pt
anchors.rightMargin: 16 * pt
height: 120 * pt
Rectangle
{
id: frameSenderWalletToken
color: "#F8F7FA"
anchors.top: frameSenderWalletAddress.top
anchors.left: parent.left
anchors.right: parent.right
anchors.topMargin: 20 * pt
anchors.leftMargin: 16 * pt
anchors.rightMargin: 16 * pt
height: comboBoxToken.height
DapComboBox
{
id: comboBoxToken
model: tokenModel
anchors.top: parent.top
anchors.left: parent.left
anchors.right: parent.right
indicatorImageNormal: "qrc:/res/icons/ic_arrow_drop_down_dark.png"
indicatorImageActive: "qrc:/res/icons/ic_arrow_drop_up.png"
sidePaddingNormal: 0 * pt
sidePaddingActive: 0 * pt
normalColorText: "#070023"
hilightColorText: "#transparent"
normalColorTopText: "#070023"
hilightColorTopText: "#070023"
hilightColor: "#330F54"
normalTopColor: "transparent"
widthPopupComboBoxNormal: 148 * pt
widthPopupComboBoxActive: 180 * pt
heightComboBoxNormal: 24 * pt
heightComboBoxActive: 44 * pt
bottomIntervalListElement: 8 * pt
topEffect: false
x: popup.visible ? sidePaddingActive * (-1) : sidePaddingNormal
normalColor: "#FFFFFF"
hilightTopColor: normalColor
paddingTopItemDelegate: 8 * pt
heightListElement: 32 * pt
intervalListElement: 10 * pt
indicatorWidth: 20 * pt
indicatorHeight: indicatorWidth
indicatorLeftInterval: 8 * pt
colorTopNormalDropShadow: "#00000000"
colorDropShadow: "#40ABABAB"
fontComboBox.pixelSize: 16 * pt
fontComboBox.family: "Roboto"
}
}
Rectangle
{
id: splitLineSenderWalletToken
height: 1 * pt
width: parent.width
color: "#E3E2E6"
anchors.top: frameSenderWalletToken.bottom
anchors.left: parent.left
anchors.right: parent.right
anchors.topMargin: 14 * pt
anchors.leftMargin: 20 * pt
anchors.rightMargin: 20 * pt
}
Text
{
id: textSenderWalletAddress
width: 328 * pt
anchors.top: splitLineSenderWalletToken.top
anchors.topMargin: 20 * pt
anchors.left: parent.left
anchors.leftMargin: 20 * pt
anchors.right: parent.right
anchors.rightMargin: 20 * pt
font.pixelSize: 14 * pt
font.family: "Roboto"
font.styleName: "Normal"
font.weight: Font.Normal
color: "#757184"
text: "dsgfsghdfsht5y5wv546v76b67v66354c6565v576764657676767f5f46"
elide: Text.ElideRight
}
}
// Amount payment
Rectangle
{
id: frameAmountPayment
anchors.top: frameSenderWalletAddress.bottom
anchors.right: parent.right
anchors.left: parent.left
color: "#757184"
height: 30 * pt
Text
{
id: textFrameamountPayment
color: "#ffffff"
text: qsTr("Amount")
font.pixelSize: 12 * pt
anchors.leftMargin: 16 * pt
anchors.left: parent.left
horizontalAlignment: Text.AlignLeft
font.styleName: "Normal"
font.family: "Roboto"
font.weight: Font.Normal
anchors.verticalCenter: parent.verticalCenter
}
}
Rectangle
{
id: frameInputAmountPayment
height: 112 * pt
color: "#F8F7FA"
anchors.top: frameAmountPayment.bottom
anchors.left: parent.left
anchors.right: parent.right
anchors.leftMargin: 16 * pt
anchors.rightMargin: 16 * pt
Rectangle
{
id: frameAmountField
anchors.left: parent.left
anchors.leftMargin: 20 * pt
anchors.right: parent.right
anchors.rightMargin: 20 * pt
anchors.top: frameInputAmountPayment.top
anchors.topMargin: 20 * pt
height: textTokenReduction.height
color: "transparent"
TextField
{
id: textInputAmountPayment
anchors.verticalCenter: parent.verticalCenter
placeholderText: qsTr("0")
font.pixelSize: 16 * pt
font.family: "Roboto"
font.styleName: "Normal"
font.weight: Font.Normal
horizontalAlignment: Text.AlignLeft
anchors.left: parent.left
anchors.right: textTokenReduction.left
anchors.rightMargin: 20 * pt
style:
TextFieldStyle
{
textColor: "#070023"
placeholderTextColor: "#070023"
background:
Rectangle
{
border.width: 0
color: "transparent"
}
}
}
Text
{
id: textTokenReduction
anchors.verticalCenter: parent.verticalCenter
anchors.right: parent.right
font.pixelSize: 16 * pt
font.family: "Roboto"
font.styleName: "Normal"
font.weight: Font.Normal
horizontalAlignment: Text.AlignRight
color: "#070023"
text: "KLVN"
}
}
Rectangle
{
id: splitLineAmount
height: 1 * pt
width: parent.width
color: "#E3E2E6"
anchors.top: frameAmountField.bottom
anchors.left: parent.left
anchors.right: parent.right
anchors.topMargin: 16 * pt
anchors.leftMargin: 20 * pt
anchors.rightMargin: 20 * pt
}
Rectangle
{
id: frameAmountConvert
anchors.left: parent.left
anchors.leftMargin: 20 * pt
anchors.right: parent.right
anchors.rightMargin: 20 * pt
anchors.top: splitLineAmount.top
anchors.topMargin: 16 * pt
height: textAmountConvertValue.height
color: "transparent"
Text
{
id: textAmountConvertValue
anchors.verticalCenter: parent.verticalCenter
font.pixelSize: 14 * pt
font.family: "Roboto"
font.styleName: "Normal"
font.weight: Font.Normal
horizontalAlignment: Text.AlignLeft
anchors.left: parent.left
color: "#757184"
text: qsTr("0")
}
Text
{
id: textAmountConvertCurrency
anchors.verticalCenter: parent.verticalCenter
anchors.right: parent.right
font.pixelSize: 14 * pt
font.family: "Roboto"
font.styleName: "Normal"
font.weight: Font.Normal
horizontalAlignment: Text.AlignRight
color: "#757184"
text: qsTr("USD")
}
}
}
// Recipient wallet
Rectangle
{
id: frameRecipientWallet
anchors.top: frameInputAmountPayment.bottom
anchors.right: parent.right
anchors.left: parent.left
color: "#757184"
height: 30 * pt
Text
{
id: textRecipientWallet
color: "#ffffff"
text: qsTr("To")
font.pixelSize: 12 * pt
anchors.leftMargin: 16 * pt
anchors.left: parent.left
horizontalAlignment: Text.AlignLeft
font.styleName: "Normal"
font.family: "Roboto"
font.weight: Font.Normal
anchors.verticalCenter: parent.verticalCenter
}
}
Rectangle
{
id: frameRecipientWalletAddress
anchors.top: frameRecipientWallet.bottom
anchors.left: parent.left
anchors.leftMargin: 16 * pt
anchors.right: parent.right
anchors.rightMargin: 16 * pt
height: 52 * pt
color: "transparent"
TextField
{
id: textInputRecipientWalletAddress
anchors.verticalCenter: parent.verticalCenter
placeholderText: qsTr("Recipient wallet")
font.pixelSize: 17 * pt
font.family: "Roboto"
font.styleName: "Normal"
font.weight: Font.Normal
horizontalAlignment: Text.AlignLeft
anchors.top: frameRecipientWalletAddress.top
anchors.topMargin: 12 * pt
anchors.left: parent.left
anchors.right: parent.right
anchors.leftMargin: 20 * pt
anchors.rightMargin: 20 * pt
style:
TextFieldStyle
{
textColor: "#070023"
placeholderTextColor: "#070023"
background:
Rectangle
{
border.width: 0
color: "transparent"
}
}
}
Rectangle
{
id: splitLineRecipientWalletAddress
height: 1 * pt
width: parent.width
color: "#E3E2E6"
anchors.top: textInputRecipientWalletAddress.bottom
anchors.left: parent.left
anchors.right: parent.right
anchors.topMargin: 12 * pt
anchors.leftMargin: 20 * pt
anchors.rightMargin: 20 * pt
}
}
// Button "Send"
DapButton
{
id: buttonSend
height: 44 * pt
width: 130 * pt
anchors.horizontalCenter: parent.horizontalCenter
anchors.top: frameRecipientWalletAddress.bottom
anchors.topMargin: 60 * pt
textButton: qsTr("Send")
colorBackgroundHover: "#D51F5D"
colorBackgroundNormal: "#070023"
colorButtonTextNormal: "#FFFFFF"
horizontalAligmentText: Text.AlignHCenter
indentTextRight: 0
fontButton.pixelSize: 18 * pt
}
Rectangle
{
id: frameBottom
height: 124 * pt
anchors.top: buttonSend.bottom
anchors.topMargin: 24 * pt
anchors.left: parent.left
anchors.right: parent.right
anchors.bottom: parent.bottom
color: "transparent"
}
}
}