Harmattan Config UI modifications

[vicar] / src / vicar-config-qml / qml / vicarconfigqml / MainPage.qml

diff --git a/src/vicar-config-qml/qml/vicarconfigqml/MainPage.qml b/src/vicar-config-qml/qml/vicarconfigqml/MainPage.qml
index 2237915..0f347ee 100644 (file)
--- a/src/vicar-config-qml/qml/vicarconfigqml/MainPage.qml
+++ b/src/vicar-config-qml/qml/vicarconfigqml/MainPage.qml
@@ -1,5 +1,7 @@
 import QtQuick 1.1
 import com.nokia.meego 1.0
+import "file:///usr/lib/qt4/imports/com/meego/UIConstants.js" as UIConstants
+//import "file:///usr/lib/qt4/imports/com/nokia/extras/constants.js" as ExtrasConstants
 import "Library/js/DBUtility.js" as DBUtility
 import "Library/js/CoreLogic.js" as Core
 
@@ -19,15 +21,16 @@ Page {
     Rectangle{
         id: headerRect
         anchors.top:parent.top
-        width: parent.width ; height: parent.height/10
-        color: "grey"
-        opacity: 0.6
+        width: parent.width ; height: appWindow.inPortrait ? UIConstants.HEADER_DEFAULT_HEIGHT_PORTRAIT: UIConstants.HEADER_DEFAULT_HEIGHT_LANDSCAPE
+        color: "darkgray"
 
         Text {
             id: titleText
-            anchors.centerIn: parent //#cccccc
-            font.pointSize: 16; horizontalAlignment: Text.AlignLeft; elide: Text.ElideLeft; color: "black"; style: Text.Raised; styleColor: "black"
-            font.bold: true
+            font.family: UIConstants.FONT_FAMILY
+            font.pixelSize: UIConstants.FONT_SLARGE
+            color: UIConstants.COLOR_FOREGROUND
+            anchors.centerIn: parent
+            horizontalAlignment: Text.AlignHCenter;
             text: qsTr("VICaR - Rules")
         }
     }
@@ -49,8 +52,9 @@ Page {
         Item {
             ListView {
                 id: rulesView
-                model: rulesModel
                 anchors.fill: parent
+                clip: true
+                model: rulesModel                      
                 delegate:ruleDelegate
             }
         }
@@ -59,14 +63,30 @@ Page {
     Component {
         id: ruleDelegate
         Item{
-            width: uiLoader.width
-            height: 40
+            width: uiLoader.width            
+            height: UIConstants.LIST_ITEM_HEIGHT_DEFAULT
+
+            BorderImage {
+                anchors.fill: parent
+                visible: mouseArea.pressed
+                source: theme.inverted ?
+                            'image://theme/meegotouch-list-fullwidth-inverted-background-pressed-vertical-center':
+                            'image://theme/meegotouch-list-fullwidth-background-pressed-vertical-center'
+            }
+
             Text {
-                width: parent.width
-                font.pointSize: 16; horizontalAlignment: Text.AlignLeft; elide: Text.ElideLeft; color: "black"; style: Text.Raised; styleColor: "black"
-                text: "For #s starting with "+numberpattern+ ", use "+gatewaynumber;
+                height: parent.height;
+                anchors {left: parent.left;leftMargin: UIConstants.DEFAULT_MARGIN; right: parent.right; rightMargin: UIConstants.DEFAULT_MARGIN}
+                font.family: UIConstants.FONT_FAMILY
+                font.pixelSize: UIConstants.FONT_SLARGE
+                color: UIConstants.COLOR_FOREGROUND
+                horizontalAlignment: Text.AlignLeft; verticalAlignment: Text.AlignVCenter
+                wrapMode: Text.WordWrap
+                //lineHeightMode: Text.ProportionalHeight; lineHeight: 1.5
+                text: "For numbers starting with "+numberpattern+ ", use "+gatewaynumber;
             }
             MouseArea{
+                id: mouseArea
                 anchors.fill: parent
                 onPressAndHold: {
                     ruleContextMenu.ruleID = id;