226 lines
8.1 KiB
QML
226 lines
8.1 KiB
QML
import QtQuick 2.15
|
|
import QtQuick.Controls 2.15
|
|
import QtQuick.Layouts 1.15
|
|
import QtQml.Models 2.15
|
|
import QtGraphicalEffects 1.15
|
|
|
|
import StatusQ 0.1
|
|
import StatusQ.Core 0.1
|
|
import StatusQ.Core.Utils 0.1 as SQUtils
|
|
import StatusQ.Core.Theme 0.1
|
|
import StatusQ.Controls 0.1
|
|
import StatusQ.Components 0.1
|
|
import StatusQ.Popups 0.1
|
|
import StatusQ.Popups.Dialog 0.1
|
|
|
|
import shared.controls 1.0
|
|
import shared.stores 1.0
|
|
|
|
import utils 1.0
|
|
|
|
StatusDialog {
|
|
id: root
|
|
|
|
required property int loginType // RootStore.loginType -> Constants.LoginType enum
|
|
|
|
/**
|
|
Format a currency amount, represented as a float `number` as a string, e.g. "1.234",
|
|
|
|
@param `symbol` string (optional): e.g. "EUR" or "SNT"; defaults to the current currency short name (locale dependent)
|
|
@param `noSymbolOption` boolean (optional): omits the symbol in the final output
|
|
|
|
@return a formatted version of the amount, eg. "1,23 SNT" (decimal separator locale dependent, amount of decimals currency dependent)
|
|
*/
|
|
required property var formatBigNumber// => (number:string, symbol?:string, noSymbolOption?:bool) {}
|
|
|
|
property Component headerIconComponent
|
|
|
|
property bool feesLoading
|
|
property bool signButtonEnabled: true
|
|
|
|
property ObjectModel leftFooterContents
|
|
property ObjectModel rightFooterContents: ObjectModel {
|
|
RowLayout {
|
|
Layout.rightMargin: 4
|
|
spacing: Style.current.halfPadding
|
|
StatusFlatButton {
|
|
objectName: "rejectButton"
|
|
Layout.preferredHeight: signButton.height
|
|
text: qsTr("Reject")
|
|
onClicked: root.reject() // close and emit rejected() signal
|
|
}
|
|
StatusButton {
|
|
objectName: "signButton"
|
|
id: signButton
|
|
interactive: !root.feesLoading && root.signButtonEnabled
|
|
icon.name: Constants.authenticationIconByType[root.loginType]
|
|
disabledColor: Theme.palette.directColor8
|
|
text: qsTr("Sign")
|
|
onClicked: root.accept() // close and emit accepted() signal
|
|
}
|
|
}
|
|
}
|
|
|
|
property color gradientColor: backgroundColor
|
|
property url fromImageSource
|
|
property alias fromImageSmartIdenticon: fromImageSmartIdenticon
|
|
property url toImageSource
|
|
readonly property alias toImageSmartIdenticon: toImageSmartIdenticon
|
|
property alias headerMainText: headerMainText.text
|
|
readonly property alias headerSubTextLayout: headerSubTextLayout.children
|
|
property string infoTagText
|
|
readonly property alias infoTag: infoTag
|
|
property bool showHeaderDivider: true
|
|
|
|
default property alias contents: contentsLayout.data
|
|
|
|
width: 480
|
|
padding: 0
|
|
|
|
function openLinkWithConfirmation(linkUrl) {
|
|
Global.openLinkWithConfirmation(linkUrl, SQUtils.StringUtils.extractDomainFromLink(linkUrl))
|
|
}
|
|
|
|
header: StatusDialogHeader {
|
|
visible: root.title || root.subtitle
|
|
headline.title: root.title
|
|
headline.subtitle: root.subtitle
|
|
actions.closeButton.onClicked: root.closeHandler()
|
|
|
|
leftComponent: root.headerIconComponent
|
|
}
|
|
|
|
footer: StatusDialogFooter {
|
|
dropShadowEnabled: true
|
|
|
|
leftButtons: root.leftFooterContents
|
|
rightButtons: root.rightFooterContents
|
|
}
|
|
|
|
StatusScrollView {
|
|
id: scrollView
|
|
anchors.fill: parent
|
|
contentWidth: availableWidth
|
|
topPadding: 0
|
|
bottomPadding: 0
|
|
|
|
ColumnLayout {
|
|
anchors.left: parent.left
|
|
anchors.leftMargin: 4
|
|
anchors.right: parent.right
|
|
anchors.rightMargin: 4
|
|
spacing: 0
|
|
|
|
// header box with gradient
|
|
Rectangle {
|
|
Layout.fillWidth: true
|
|
Layout.leftMargin: -parent.anchors.leftMargin - scrollView.leftPadding
|
|
Layout.rightMargin: -parent.anchors.rightMargin - scrollView.rightPadding
|
|
Layout.preferredHeight: childrenRect.height + 80 // 40 + 40 top/bottomMargin
|
|
gradient: Gradient {
|
|
GradientStop { position: 0.0; color: root.gradientColor }
|
|
GradientStop { position: 1.0; color: root.backgroundColor }
|
|
}
|
|
|
|
ColumnLayout {
|
|
width: 336 // by design
|
|
spacing: 12
|
|
anchors.centerIn: parent
|
|
|
|
Row {
|
|
Layout.alignment: Qt.AlignHCenter
|
|
Layout.topMargin: 4
|
|
spacing: -10
|
|
StatusSmartIdenticon {
|
|
objectName: "fromImageIdenticon"
|
|
id: fromImageSmartIdenticon
|
|
width: 40
|
|
height: 40
|
|
asset.name: root.fromImageSource
|
|
asset.width: 40
|
|
asset.height: 40
|
|
asset.bgWidth: 40
|
|
asset.bgHeight: 40
|
|
asset.color: "transparent"
|
|
asset.bgColor: "transparent"
|
|
visible: !!asset.name
|
|
layer.enabled: toImageSmartIdenticon.visible
|
|
layer.effect: OpacityMask {
|
|
id: mask
|
|
invert: true
|
|
|
|
maskSource: Item {
|
|
width: mask.width + 4
|
|
height: mask.height + 4
|
|
|
|
Rectangle {
|
|
anchors.centerIn: parent
|
|
anchors.horizontalCenterOffset: toImageSmartIdenticon.width - 10
|
|
|
|
width: parent.width
|
|
height: width
|
|
radius: width / 2
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
StatusSmartIdenticon {
|
|
objectName: "toImageIdenticon"
|
|
id: toImageSmartIdenticon
|
|
width: 40
|
|
height: 40
|
|
asset.bgWidth: 40
|
|
asset.bgHeight: 40
|
|
visible: !!asset.name || !!asset.source
|
|
asset.name: root.toImageSource
|
|
asset.width: 40
|
|
asset.height: 40
|
|
asset.color: "transparent"
|
|
asset.bgColor: "transparent"
|
|
}
|
|
}
|
|
|
|
StatusBaseText {
|
|
id: headerMainText
|
|
objectName: "headerText"
|
|
Layout.fillWidth: true
|
|
Layout.alignment: Qt.AlignHCenter
|
|
font.weight: Font.DemiBold
|
|
wrapMode: Text.WrapAtWordBoundaryOrAnywhere
|
|
horizontalAlignment: Text.AlignHCenter
|
|
lineHeightMode: Text.FixedHeight
|
|
lineHeight: 22
|
|
}
|
|
|
|
RowLayout {
|
|
id: headerSubTextLayout
|
|
Layout.fillWidth: true
|
|
Layout.alignment: Qt.AlignHCenter
|
|
spacing: 4
|
|
}
|
|
|
|
InformationTag {
|
|
id: infoTag
|
|
Layout.alignment: Qt.AlignHCenter
|
|
asset.name: "info"
|
|
tagPrimaryLabel.text: root.infoTagText
|
|
visible: !!root.infoTagText
|
|
}
|
|
}
|
|
}
|
|
|
|
StatusDialogDivider {
|
|
Layout.fillWidth: true
|
|
Layout.bottomMargin: Style.current.bigPadding
|
|
visible: root.showHeaderDivider
|
|
}
|
|
|
|
ColumnLayout {
|
|
Layout.fillWidth: true
|
|
id: contentsLayout
|
|
}
|
|
}
|
|
}
|
|
}
|