X-Git-Url: https://www.flypig.org.uk/git/?a=blobdiff_plain;ds=sidebyside;f=qml%2Fcomponents%2FInfoRow.qml;fp=qml%2Fcomponents%2FInfoRow.qml;h=4dce16125a37678829cb4809ad140482df6c825d;hb=0108947ead4cc9e0ff23fee82db2fb1fd7cb2dad;hp=0000000000000000000000000000000000000000;hpb=ad970e5488e00f84c984a7c0fee09c089d8fe5d1;p=harbour-pedalo.git

diff --git a/qml/components/InfoRow.qml b/qml/components/InfoRow.qml
new file mode 100644
index 0000000..4dce161
--- /dev/null
+++ b/qml/components/InfoRow.qml
@@ -0,0 +1,54 @@
+import QtQuick 2.0
+import Sailfish.Silica 1.0
+
+Item {
+    id: detailItem
+    width: parent.width
+    height: Math.max(labelText.height, valueText.height)
+
+    property alias label: labelText.text
+    property alias value: valueText.text
+    property real leftMargin: Theme.horizontalPageMargin
+    property real rightMargin: Theme.horizontalPageMargin
+    property real midlineRatio: 0.5
+    property real midlineMin: 0.0
+    property real midlineMax: width
+    property real midLine: Math.min(Math.max((width * midlineRatio), midlineMin), midlineMax)
+    property int pixelSize: Theme.fontSizeSmall
+    property alias labelTextBold: labelText.font.bold
+    property alias valueTextBold: valueText.font.bold
+
+    Text {
+        id: labelText
+
+        y: Theme.paddingSmall
+        anchors {
+            left: parent.left
+            right: parent.right
+            rightMargin: (width - midLine) + Theme.paddingSmall
+            leftMargin: detailItem.leftMargin
+        }
+        horizontalAlignment: Text.AlignLeft
+        color: Theme.primaryColor
+        font.pixelSize: pixelSize
+        textFormat: Text.PlainText
+        wrapMode: Text.Wrap
+    }
+
+    Text {
+        id: valueText
+
+        y: Theme.paddingSmall
+        anchors {
+            left: parent.left
+            right: parent.right
+            leftMargin: midLine + Theme.paddingSmall
+            rightMargin: detailItem.rightMargin
+        }
+        horizontalAlignment: Text.AlignLeft
+        color: Theme.primaryColor
+        font.pixelSize: pixelSize
+        textFormat: Text.PlainText
+        wrapMode: Text.Wrap
+    }
+}