examples/quick/demos/stocqt/content/StockSettings.qml

   1 /****************************************************************************
   2 **
   3 ** Copyright (C) 2012 Digia Plc and/or its subsidiary(-ies).
   4 ** Contact: http://www.qt-project.org/legal
   5 **
   6 ** This file is part of the examples of the Qt Toolkit.
   7 **
   8 ** $QT_BEGIN_LICENSE:BSD$
   9 ** You may use this file under the terms of the BSD license as follows:
  10 **
  11 ** "Redistribution and use in source and binary forms, with or without
  12 ** modification, are permitted provided that the following conditions are
  13 ** met:
  14 **   * Redistributions of source code must retain the above copyright
  15 **     notice, this list of conditions and the following disclaimer.
  16 **   * Redistributions in binary form must reproduce the above copyright
  17 **     notice, this list of conditions and the following disclaimer in
  18 **     the documentation and/or other materials provided with the
  19 **     distribution.
  20 **   * Neither the name of Digia Plc and its Subsidiary(-ies) nor the names
  21 **     of its contributors may be used to endorse or promote products derived
  22 **     from this software without specific prior written permission.
  23 **
  24 **
  25 ** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
  26 ** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
  27 ** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
  28 ** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
  29 ** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
  30 ** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
  31 ** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
  32 ** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
  33 ** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  34 ** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
  35 ** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
  36 **
  37 ** $QT_END_LICENSE$
  38 **
  39 ****************************************************************************/
  40
  41 import QtQuick 2.0
  42
  43 Rectangle {
  44   id:root
  45   width:320
  46   height:480
  47   color:"#423A2F"
  48   property var startDate : startDatePicker.date;
  49   property var endDate : endDatePicker.date;
  50
  51   property bool drawHighPrice:highButton.buttonEnabled
  52   property bool drawLowPrice:lowButton.buttonEnabled
  53   property bool drawOpenPrice:openButton.buttonEnabled
  54   property bool drawClosePrice:closeButton.buttonEnabled
  55   property bool drawVolume:volumeButton.buttonEnabled
  56   property bool drawKLine:klineButton.buttonEnabled
  57
  58   property color highColor:Qt.rgba(1, 0, 0, 1)
  59   property color lowColor:Qt.rgba(0, 1, 0, 1)
  60   property color openColor:Qt.rgba(0, 0, 1, 1)
  61   property color closeColor:"#ecc088"
  62   property color volumeColor:Qt.rgba(0.3, 0.5, 0.7, 1)
  63
  64   property string chartType:"year"
  65   Image {
  66     id:logo
  67     source:"images/logo.png"
  68     anchors.horizontalCenter : parent.horizontalCenter
  69     anchors.top:parent.top
  70     anchors.topMargin:15
  71   }
  72
  73   Text {
  74     id:startDateText
  75     text:"START DATE:"
  76     color:"#76644A"
  77     font.pointSize:15
  78     anchors.left:parent.left
  79     anchors.leftMargin:20
  80     anchors.top:logo.bottom
  81     anchors.topMargin:20
  82   }
  83
  84   DatePicker {
  85     id:startDatePicker
  86     anchors.left:parent.left
  87     anchors.leftMargin:30
  88     anchors.top:startDateText.bottom
  89     anchors.topMargin:15
  90     date : new Date(1995, 3, 25)
  91   }
  92
  93   Text {
  94     id:endDateText
  95     text:"END DATE:"
  96     color:"#76644A"
  97     font.pointSize:15
  98     anchors.left:parent.left
  99     anchors.leftMargin:20
 100     anchors.top:startDatePicker.bottom
 101     anchors.topMargin:20
 102   }
 103
 104   DatePicker {
 105     id:endDatePicker
 106     anchors.left:parent.left
 107     anchors.leftMargin:30
 108     anchors.top:endDateText.bottom
 109     anchors.topMargin:15
 110   }
 111
 112   Text {
 113     id:drawOptionsText
 114     text:"DRAW OPTIONS:"
 115     color:"#76644A"
 116     font.pointSize:15
 117     anchors.left:parent.left
 118     anchors.leftMargin:20
 119     anchors.top:endDatePicker.bottom
 120     anchors.topMargin:20
 121   }
 122   Column {
 123       id:drawOptions
 124       anchors.top:drawOptionsText.bottom
 125       anchors.topMargin: 20
 126       anchors.left: parent.left
 127       anchors.leftMargin: 30
 128       spacing:2
 129        Row{
 130            spacing:10
 131           Text {
 132             text:"High   "
 133             color:"#76644A"
 134             font.pointSize:15
 135           }
 136
 137           Button {
 138              id:highButton
 139              buttonEnabled:false
 140           }
 141
 142           Text {
 143             text:"Low     "
 144             color:"#76644A"
 145             font.pointSize:15
 146           }
 147
 148           Button {
 149              id:lowButton
 150              buttonEnabled:false
 151           }
 152
 153           Text {
 154             text:"Open "
 155             color:"#76644A"
 156             font.pointSize:15
 157           }
 158           Button {
 159              id:openButton
 160              buttonEnabled:false
 161           }
 162       }
 163        Row{
 164            spacing:10
 165           Text {
 166             text:"Close "
 167             color:"#76644A"
 168             font.pointSize:15
 169           }
 170           Button {
 171              id:closeButton
 172              buttonEnabled:true
 173           }
 174           Text {
 175             text:"Volume"
 176             color:"#76644A"
 177             font.pointSize:15
 178           }
 179           Button {
 180              id:volumeButton
 181              buttonEnabled:true
 182           }
 183           Text {
 184             text:"K Line"
 185             color:"#76644A"
 186             font.pointSize:15
 187           }
 188           Button {
 189              id:klineButton
 190              buttonEnabled:false
 191           }
 192       }
 193   }
 194
 195
 196   Text {
 197     id:chartTypeText
 198     text:"CHART TYPE:"
 199     color:"#76644A"
 200     font.pointSize:15
 201     anchors.left:parent.left
 202     anchors.leftMargin:20
 203     anchors.top:drawOptions.bottom
 204     anchors.topMargin:20
 205   }
 206   Row {
 207       anchors.left: parent.left
 208       anchors.leftMargin: 20
 209       anchors.top : chartTypeText.bottom
 210       anchors.topMargin: 20
 211       spacing:10
 212       Rectangle {
 213           id:yearView
 214           width:70
 215           height:30
 216           radius:10
 217           color:"steelblue"
 218           Text {
 219               anchors.horizontalCenter: parent.horizontalCenter
 220               anchors.fill: parent
 221               font.pointSize: 15
 222               text:"YEAR"
 223           }
 224           MouseArea {
 225               anchors.fill: parent
 226               onClicked: {
 227                   if (root.chartType != "year") {
 228                       root.chartType = "year";
 229                       yearView.color = "steelblue"
 230                       monthView.color = "gray"
 231                       weekView.color = "gray"
 232                       allView.color = "gray"
 233                   }
 234               }
 235           }
 236       }
 237       Rectangle {
 238           id:monthView
 239           width:70
 240           radius:10
 241           height:30
 242           color:"gray"
 243           Text {
 244               anchors.fill: parent
 245               anchors.horizontalCenter: parent.horizontalCenter
 246               font.pointSize: 15
 247               color:"#ecc089"
 248               text:"MONTH"
 249           }
 250           MouseArea {
 251               anchors.fill: parent
 252               onClicked: {
 253                   if (root.chartType != "month") {
 254                       root.chartType = "month";
 255                       yearView.color = "gray"
 256                       monthView.color = "steelblue"
 257                       weekView.color = "gray"
 258                       allView.color = "gray"
 259                   }
 260               }
 261           }
 262
 263       }
 264       Rectangle {
 265           id:weekView
 266           height:30
 267           width:70
 268           radius:10
 269           color:"gray"
 270           Text {
 271               anchors.fill: parent
 272               anchors.horizontalCenter: parent.horizontalCenter
 273               font.pointSize: 15
 274               color:"#ecc089"
 275               text:"WEEK"
 276           }
 277           MouseArea {
 278               anchors.fill: parent
 279               onClicked: {
 280                   if (root.chartType != "week") {
 281                       root.chartType = "week";
 282                       yearView.color = "gray"
 283                       monthView.color = "gray"
 284                       weekView.color = "steelblue"
 285                       allView.color = "gray"
 286                   }
 287               }
 288           }
 289       }
 290       Rectangle {
 291           id:allView
 292           width:70
 293           radius:10
 294           height:30
 295           color:"gray"
 296           Text {
 297               anchors.horizontalCenter: parent.horizontalCenter
 298               anchors.fill: parent
 299               font.pointSize: 15
 300               color:"#ecc089"
 301               text:"ALL"
 302           }
 303           MouseArea {
 304               anchors.fill: parent
 305               onClicked: {
 306                   if (root.chartType != "all") {
 307                       root.chartType = "all";
 308                       yearView.color = "gray"
 309                       monthView.color = "gray"
 310                       weekView.color = "gray"
 311                       allView.color = "steelblue"
 312                   }
 313               }
 314           }
 315       }
 316   }
 317 }