From f21d3d558e11977ec585d95368b2184caf52a7bd Mon Sep 17 00:00:00 2001
From: Grace Karanja <gracie.karanja89@gmail.com>
Date: Wed, 10 Jun 2015 21:39:03 +0300
Subject: [PATCH] Add TextButton.qml file

This file contains a styled button for use in QML

Signed-off-by: Grace Karanja <gracie.karanja89@gmail.com>
Signed-off-by: Dirk Hohndel <dirk@hohndel.org>
---
 qt-mobile/TextButton.qml       | 37 ++++++++++++++++++++++++++++++++++
 qt-mobile/mobile-resources.qrc |  1 +
 2 files changed, 38 insertions(+)
 create mode 100644 qt-mobile/TextButton.qml

diff --git a/qt-mobile/TextButton.qml b/qt-mobile/TextButton.qml
new file mode 100644
index 000000000..3e5a36735
--- /dev/null
+++ b/qt-mobile/TextButton.qml
@@ -0,0 +1,37 @@
+import QtQuick 2.3
+
+Rectangle {
+	id: container
+
+	property alias text: label.text
+
+	signal clicked
+
+	width: label.width + 20; height: label.height + 6
+	smooth: true
+	radius: 10
+
+	gradient: Gradient {
+		GradientStop { id: gradientStop; position: 0.0; color: palette.light }
+		GradientStop { position: 1.0; color: palette.button }
+	}
+
+	SystemPalette { id: palette }
+
+	MouseArea {
+		id: mouseArea
+		anchors.fill: parent
+		onClicked: { container.clicked() }
+	}
+
+	Text {
+		id: label
+		anchors.centerIn: parent
+	}
+
+	states: State {
+		name: "pressed"
+		when: mouseArea.pressed
+		PropertyChanges { target: gradientStop; color: palette.dark }
+	}
+}
diff --git a/qt-mobile/mobile-resources.qrc b/qt-mobile/mobile-resources.qrc
index 59d301c2d..2cee85143 100644
--- a/qt-mobile/mobile-resources.qrc
+++ b/qt-mobile/mobile-resources.qrc
@@ -1,5 +1,6 @@
 <RCC>
     <qresource prefix="/qml">
         <file>main.qml</file>
+        <file>TextButton.qml</file>
     </qresource>
 </RCC>