vcs.maemo.org Git - marketstoday/blob - src/qml/ConfigOptionsComponent.qml

   1 /*
   2 @version: 0.2
   3 @author: Sudheer K. <scifi1947 at gmail.com>
   4 @license: GNU General Public License
   5 */
   6
   7 import Qt 4.7
   8
   9 Rectangle {
  10     id: configOptionsComponent
  11     anchors.fill: parent;
  12     color: "#343434"
  13     clip: true
  14
  15     signal tickersOptionSelected
  16     signal settingsOptionSelected
  17
  18     Rectangle {
  19         id: iconTickersArea
  20         width: 128
  21         height: 128
  22         border.width: 1
  23         border.color: "#BFBFBF"
  24         color:"#2E2E2E"
  25         anchors.verticalCenter: parent.verticalCenter
  26         anchors.verticalCenterOffset: -10
  27         anchors.horizontalCenter: parent.horizontalCenter
  28         anchors.horizontalCenterOffset: -0.25 * parent.width
  29         radius: 15
  30         Image {
  31             source: "Library/images/icon_stocks.png"
  32             anchors.fill: parent
  33         }
  34
  35         MouseArea{
  36             id: iconTickersMouseArea
  37             anchors.fill: parent
  38             onClicked: {
  39                 configOptionsComponent.tickersOptionSelected();
  40             }
  41         }
  42
  43         states: State {
  44                  name: "pressed"; when: iconTickersMouseArea.pressed
  45                  PropertyChanges { target: iconTickersArea; color: "#9a9a9a"}
  46         }
  47     }
  48
  49     Text {
  50         id: tickersLabel
  51         anchors.top: iconTickersArea.bottom
  52         anchors.topMargin: 10
  53         anchors.horizontalCenter: iconTickersArea.horizontalCenter
  54         height: 50
  55         horizontalAlignment: Text.AlignCenter; verticalAlignment: Text.AlignVCenter
  56         font.pixelSize: 22; font.bold: true; elide: Text.ElideMiddle; color: "#B8B8B8"; style: Text.Raised; styleColor: "black"
  57         text: "Add/Remove Tickers"
  58     }
  59
  60     Rectangle {
  61         id: iconSettingsArea
  62         width: 128
  63         height: 128
  64         border.width: 1
  65         border.color: "#BFBFBF"
  66         color:"#2E2E2E"
  67         anchors.verticalCenter: parent.verticalCenter
  68         anchors.verticalCenterOffset: -10
  69         anchors.horizontalCenter: parent.horizontalCenter
  70         anchors.horizontalCenterOffset: 0.25 * parent.width
  71         radius: 15
  72         Image {
  73             source: "Library/images/icon_settings.png"
  74             anchors.fill: parent
  75         }
  76
  77         MouseArea{
  78             id: iconSettingsMouseArea
  79             anchors.fill: parent
  80             onClicked: {
  81                 configOptionsComponent.settingsOptionSelected();
  82             }
  83         }
  84         states: State {
  85                  name: "pressed"; when: iconSettingsMouseArea.pressed
  86                  PropertyChanges { target: iconSettingsArea; color: "#9a9a9a"}
  87         }
  88     }
  89
  90     Text {
  91         id: settingsLabel
  92         anchors.top: iconSettingsArea.bottom
  93         anchors.topMargin: 10
  94         anchors.horizontalCenter: iconSettingsArea.horizontalCenter
  95         height: 50
  96         horizontalAlignment: Text.AlignCenter; verticalAlignment: Text.AlignVCenter
  97         font.pixelSize: 22; font.bold: true; elide: Text.ElideMiddle; color: "#B8B8B8"; style: Text.Raised; styleColor: "black"
  98         text: "Update Settings"
  99     }
 100 }