Extracted highlighter rectangles into separate component

1 files changed, 24 insertions, 0 deletions

diff --git a/qml/Highlighter.qml b/qml/Highlighter.qml
new file mode 100644
index 0000000..8d42054
--- /dev/null
+++ b/qml/Highlighter.qml
@@ -0,0 +1,24 @@
+import QtQuick 2.0
+
+Item {
+	function select()   { bar.opacity = 1         }
+	function deselect() { bar.opacity = 0         }
+	function focus()    { bar.color   = "#352F6A" }
+	function unfocus()  { bar.color   = "#909636" }
+
+	Rectangle {
+		id: bar
+
+		anchors.fill: parent
+
+		opacity: 0
+		color: "#909636"
+
+		Behavior on opacity {
+			NumberAnimation {
+				duration: 300
+				easing.type: Easing.OutCubic
+			}
+		}
+	}
+}