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

   1 /*
   2 @version: 0.1
   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.horizontalCenter: parent.horizontalCenter
  27         anchors.horizontalCenterOffset: -0.25 * parent.width
  28         radius: 15
  29         Image {
  30             source: "Library/images/icon_stocks.png"
  31             anchors.fill: parent
  32         }
  33
  34         MouseArea{
  35             id: iconTickersMouseArea
  36             anchors.fill: parent
  37             onClicked: {
  38                 configOptionsComponent.tickersOptionSelected();
  39             }
  40         }
  41
  42         states: State {
  43                  name: "pressed"; when: iconTickersMouseArea.pressed
  44                  PropertyChanges { target: iconTickersArea; color: "#9a9a9a"}
  45         }
  46     }
  47
  48     Rectangle {
  49         id: iconSettingsArea
  50         width: 128
  51         height: 128
  52         border.width: 1
  53         border.color: "#BFBFBF"
  54         color:"#2E2E2E"
  55         anchors.verticalCenter: parent.verticalCenter
  56         anchors.horizontalCenter: parent.horizontalCenter
  57         anchors.horizontalCenterOffset: 0.25 * parent.width
  58         radius: 15
  59         Image {
  60             source: "Library/images/icon_settings.png"
  61             anchors.fill: parent
  62         }
  63
  64         MouseArea{
  65             id: iconSettingsMouseArea
  66             anchors.fill: parent
  67             onClicked: {
  68                 configOptionsComponent.settingsOptionSelected();
  69             }
  70         }
  71         states: State {
  72                  name: "pressed"; when: iconSettingsMouseArea.pressed
  73                  PropertyChanges { target: iconSettingsArea; color: "#9a9a9a"}
  74         }
  75     }
  76
  77 }