qml/components/InfoRow.qml

   1 import QtQuick 2.0
   2 import Sailfish.Silica 1.0
   3
   4 Item {
   5     id: detailItem
   6     width: parent.width
   7     height: Math.max(labelText.height, valueText.height)
   8
   9     property alias label: labelText.text
  10     property alias value: valueText.text
  11     property real leftMargin: Theme.horizontalPageMargin
  12     property real rightMargin: Theme.horizontalPageMargin
  13     property real midlineRatio: 0.5
  14     property real midlineMin: 0.0
  15     property real midlineMax: width
  16     property real midLine: Math.min(Math.max((width * midlineRatio), midlineMin), midlineMax)
  17     property int pixelSize: Theme.fontSizeSmall
  18     property alias labelTextBold: labelText.font.bold
  19     property alias valueTextBold: valueText.font.bold
  20     property alias horizontalAlignment: valueText.horizontalAlignment
  21
  22     Text {
  23         id: labelText
  24
  25         y: Theme.paddingSmall
  26         anchors {
  27             left: parent.left
  28             right: parent.right
  29             rightMargin: (parent.width - midLine) + Theme.paddingSmall
  30             leftMargin: detailItem.leftMargin
  31         }
  32         horizontalAlignment: Text.AlignLeft
  33         color: Theme.primaryColor
  34         font.pixelSize: pixelSize
  35         textFormat: Text.PlainText
  36         wrapMode: Text.Wrap
  37     }
  38
  39     Text {
  40         id: valueText
  41
  42         y: Theme.paddingSmall
  43         anchors {
  44             left: parent.left
  45             right: parent.right
  46             leftMargin: midLine + Theme.paddingSmall
  47             rightMargin: detailItem.rightMargin
  48         }
  49         horizontalAlignment: Text.AlignLeft
  50         color: Theme.primaryColor
  51         font.pixelSize: pixelSize
  52         textFormat: Text.PlainText
  53         wrapMode: Text.Wrap
  54     }
  55 }