git.iko.soy/unity8
on e507710 help sign in
unity8/modules/Unity/Indicators/qml/messaging/QuickReply.qml
152 lines 4.3 kB history raw
1/*
2 * Copyright 2013 Canonical Ltd.
3 *
4 * This program is free software; you can redistribute it and/or modify
5 * it under the terms of the GNU Lesser General Public License as published by
6 * the Free Software Foundation; version 3.
7 *
8 * This program is distributed in the hope that it will be useful,
9 * but WITHOUT ANY WARRANTY; without even the implied warranty of
10 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
11 * GNU Lesser General Public License for more details.
12 *
13 * You should have received a copy of the GNU Lesser General Public License
14 * along with this program. If not, see <http://www.gnu.org/licenses/>.
15 *
16 * Authors:
17 * Renato Araujo Oliveira Filho <renato@canonical.com>
18 * Olivier Tilloy <olivier.tilloy@canonical.com>
19 */
21import QtQuick 2.0
22import Ubuntu.Components 0.1
23import Unity.Indicators 0.1 as Indicators
25Item {
26 property alias action: __actionTextField.action
27 property alias buttonText: __actionTextField.buttonText
28 property real expandedHeight: childrenRect.height
29 property alias messages : __messagelistRepeater.model
31 Item {
32 id: __header
33 anchors.top: parent.top
34 anchors.left: parent.left
35 anchors.right: parent.right
36 height: units.gu(4)
38 Row {
39 anchors.fill: parent
40 anchors.leftMargin: units.gu(2)
41 anchors.rightMargin: units.gu(2)
42 anchors.topMargin: units.gu(1)
43 anchors.bottomMargin: units.gu(1)
44 spacing: units.gu(1)
46 Image {
47 width: units.gu(2)
48 height: width
49 fillMode: Image.PreserveAspectFit
50 source: "qrc:/indicators/artwork/messaging/message_sms01_54px.png"
51 }
53 Label {
54 height: parent.height
55 verticalAlignment: Text.AlignVCenter
56 fontSize: "small"
57 color: "#8f8f88"
58 text: "Quick reply with:"
59 }
60 }
62 Indicators.HLine {
63 anchors.bottom: parent.bottom
64 color: "#20201F"
65 }
66 }
68 Column {
69 id: __messagelist
70 anchors.left: parent.left
71 anchors.right: parent.right
72 anchors.top: __header.bottom
73 height: childrenRect.height
75 Repeater {
76 id: __messagelistRepeater
78 height: childrenRect.height
80 Rectangle {
81 width: __messagelist.width
82 height: units.gu(5)
83 color: "#333230"
85 Label {
86 id: __label
88 anchors.fill: parent
89 anchors.leftMargin: units.gu(2)
90 anchors.rightMargin: units.gu(2)
91 verticalAlignment: Text.AlignVCenter
92 fontSize: "medium"
93 color: "#e8e1d0"
94 text: modelData
95 }
97 Indicators.HLine {
98 anchors.top: parent.top
99 color: "#464543"
100 }
102 Indicators.HLine {
103 anchors.bottom: parent.bottom
104 color: "#20201F"
105 }
107 MouseArea {
108 id: __mouseArea
110 anchors.fill: parent
111 onClicked: {
112 __actionTextField.text = modelData;
113 }
114 }
116 Rectangle {
117 id: __mask
119 anchors.fill: parent
120 color: "black"
121 opacity: __mouseArea.pressed ? 0.3 : 0.0
122 Behavior on opacity {
123 NumberAnimation {
124 duration: 200
125 easing.type: Easing.OutQuad
126 }
127 }
128 }
129 }
131 }
132 }
134 Item {
135 anchors.top: __messagelist.bottom
136 anchors.left: parent.left
137 anchors.right: parent.right
138 height: units.gu(6)
140 ActionTextField {
141 id: __actionTextField
143 anchors.fill: parent
144 anchors.margins: units.gu(1)
145 }
147 Indicators.HLine {
148 anchors.top: parent.top
149 color: "#464543"
150 }
151 }