src/ui-mobile/declarative/TopPanel.qml

   1 /*
   2  *   Copyright (C) 2011 Lukáš Karas <lukas.karas@centrum.cz>
   3  *
   4  *   This program is free software; you can redistribute it and/or modify
   5  *   it under the terms of the GNU General Public License as published by
   6  *   the Free Software Foundation; either version 2 of the License, or
   7  *   (at your option) any later version.
   8  *
   9  *   This program is distributed in the hope that it will be useful,
  10  *   but WITHOUT ANY WARRANTY; without even the implied warranty of
  11  *   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  12  *   GNU General Public License for more details.
  13  *
  14  *   You should have received a copy of the GNU General Public License
  15  *   along with this program; if not, write to the
  16  *   Free Software Foundation, Inc.,
  17  *   59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
  18  */
  19
  20 import Qt 4.7
  21 import QtQuick 1.0
  22 import "components"
  23
  24 Item {
  25     SystemPalette{ id: syspal }
  26
  27     Rectangle{
  28         id: topPanel
  29         anchors{top: parent.top; left: parent.left; right: parent.right}
  30         height: parent.height
  31         color: "transparent"
  32
  33         gradient: Gradient {
  34             GradientStop { position: 0.0; color: Qt.rgba(0.086, 0.086, 0.086, 1) }
  35             GradientStop { position: 0.9; color: Qt.rgba(0.086, 0.086, 0.086, 0.9)}
  36             GradientStop { position: 1.0; color: Qt.rgba(0.086, 0.086, 0.086, 0.5)}
  37         }
  38
  39         Component.onCompleted: {
  40             if (main.useSyspal){
  41                 var col = syspal.shadow;
  42                 // use system palete to gradient :)
  43                 topPanel.gradient.stops[ 0 ].color = "#ff"+(col+"").substring(1);
  44                 topPanel.gradient.stops[ 1 ].color = "#e5"+(col+"").substring(1);
  45                 topPanel.gradient.stops[ 2 ].color = "#7f"+(col+"").substring(1);
  46             }
  47         }
  48
  49         Rectangle{
  50             id: topLine
  51             anchors{top: parent.bottom; left: parent.left; right: parent.right}
  52             height: 1
  53             color: "transparent"
  54
  55             Image {
  56                 id: topLineImage
  57                 source: "img/line-horizontal.svg"
  58                 anchors.fill: parent
  59             }
  60         }
  61     }
  62 }