matrixion/resources/qml/StatusIndicator.qml

import QtQuick 2.5
import QtQuick.Controls 2.1
import QtGraphicalEffects 1.0
import com.github.nheko 1.0

Rectangle {
	id: indicator
	property int state: 0
	color: "transparent"
	width: 16
	height: 16
	ToolTip.visible: ma.containsMouse && state != MtxEvent.Empty
	ToolTip.text: switch (state) {
		case MtxEvent.Failed: return qsTr("Failed")
		case MtxEvent.Sent: return qsTr("Sent")
		case MtxEvent.Received: return qsTr("Received")
		case MtxEvent.Read: return qsTr("Read")
		default: return ""
	}
	MouseArea{
		id: ma
		anchors.fill: parent
		hoverEnabled: true
	}

	Image {
		id: stateImg
		// Workaround, can't get icon.source working for now...
		anchors.fill: parent
		source: switch (indicator.state) {
			case MtxEvent.Failed: return "qrc:/icons/icons/ui/remove-symbol.png"
			case MtxEvent.Sent: return "qrc:/icons/icons/ui/clock.png"
			case MtxEvent.Received: return "qrc:/icons/icons/ui/checkmark.png"
			case MtxEvent.Read: return "qrc:/icons/icons/ui/double-tick-indicator.png"
			default: return ""
		}
	}
	ColorOverlay {
		anchors.fill: stateImg
		source: stateImg
		color: colors.buttonText
		visible: stateImg.source != ""
	}
}