feat(@desktop/general): copy button identified, will be mostly used as a built in component
This commit is contained in:
parent
d8b1e47984
commit
0ef3096756
|
@ -0,0 +1,38 @@
|
||||||
|
import QtQuick 2.15
|
||||||
|
import QtQuick.Controls 2.15
|
||||||
|
|
||||||
|
import StatusQ.Core 0.1
|
||||||
|
import StatusQ.Core.Theme 0.1
|
||||||
|
|
||||||
|
import utils 1.0
|
||||||
|
import shared.stores 1.0
|
||||||
|
|
||||||
|
StatusIcon {
|
||||||
|
id: root
|
||||||
|
|
||||||
|
required property string textToCopy
|
||||||
|
|
||||||
|
icon: "copy"
|
||||||
|
color: mouseArea.containsMouse? Theme.palette.primaryColor1 : Theme.palette.baseColor1
|
||||||
|
|
||||||
|
function reset() {
|
||||||
|
root.icon = "copy"
|
||||||
|
root.color = Qt.binding(function(){ return mouseArea.containsMouse? Theme.palette.primaryColor1 : Theme.palette.baseColor1 })
|
||||||
|
}
|
||||||
|
|
||||||
|
MouseArea {
|
||||||
|
id: mouseArea
|
||||||
|
anchors.fill: parent
|
||||||
|
hoverEnabled: true
|
||||||
|
cursorShape: containsMouse ? Qt.PointingHandCursor : Qt.ArrowCursor
|
||||||
|
onClicked: {
|
||||||
|
RootStore.copyToClipboard(root.textToCopy)
|
||||||
|
root.icon = "tiny/checkmark"
|
||||||
|
root.color = Theme.palette.successColor1
|
||||||
|
|
||||||
|
Backpressure.debounce(root, 1500, function () {
|
||||||
|
root.reset()
|
||||||
|
})()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
|
@ -37,3 +37,4 @@ StatusSyncCodeInput 1.0 StatusSyncCodeInput.qml
|
||||||
GetSyncCodeMobileInstructions 1.0 GetSyncCodeMobileInstructions.qml
|
GetSyncCodeMobileInstructions 1.0 GetSyncCodeMobileInstructions.qml
|
||||||
GetSyncCodeDesktopInstructions 1.0 GetSyncCodeDesktopInstructions.qml
|
GetSyncCodeDesktopInstructions 1.0 GetSyncCodeDesktopInstructions.qml
|
||||||
ErrorDetails 1.0 ErrorDetails.qml
|
ErrorDetails 1.0 ErrorDetails.qml
|
||||||
|
CopyButton 1.0 CopyButton.qml
|
||||||
|
|
Loading…
Reference in New Issue