src/ui-mobile/declarative/MessageItem.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 import QtQuick 1.0
  20
  21 Item {
  22     id: messageItem
  23
  24     property bool incoming: false
  25     property string sender: "you"
  26     property variant time : new Date();
  27     property string message : ""
  28
  29     property int margins: 8
  30
  31     anchors.margins: margins
  32     height: statusText.height + messageText.height + (2 * margins)
  33     width: parent.width
  34
  35     SystemPalette{ id: syspal }
  36
  37     Rectangle{
  38         id: background
  39         color: incoming? "red":"green"
  40         opacity: 0.07
  41         anchors.fill: parent
  42         radius: margins
  43         anchors.margins: margins / 4;
  44     }
  45     Rectangle{
  46         anchors.margins: margins;
  47         anchors.fill: parent;
  48         color: "transparent"
  49
  50         Text {
  51             id: statusText
  52             text: main.formatTime(time)+" "+sender+": "
  53             color: main.useSyspal? syspal.windowText :"gray"
  54             opacity: 0.6
  55             anchors{top: parent.top; right: parent.right; left: parent.left}
  56         }
  57         Text {
  58             id: messageText
  59             text: message
  60             width: parent.width
  61             anchors{top: statusText.bottom; right: parent.right; left: parent.left}
  62             wrapMode: Text.Wrap
  63             color: main.useSyspal? syspal.windowText :"white"
  64         }
  65     }
  66 }