git.iko.soy/unity8
on ffd8a36 help sign in
unity8/plugins/Unity/Indicators/Messaging/qml/QuickReply.qml
160 lines 4.4 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 actionGroup: actionTextField.actionGroup
27 property alias action: actionTextField.action
29 property alias buttonText: actionTextField.buttonText
30 property real expandedHeight: childrenRect.height
31 property alias messages : messagelistRepeater.model
33 Item {
34 id: header
35 anchors.top: parent.top
36 anchors.left: parent.left
37 anchors.right: parent.right
38 height: units.gu(4)
40 Row {
41 anchors {
42 fill: parent
43 leftMargin: units.gu(2)
44 rightMargin: units.gu(2)
45 topMargin: units.gu(1)
46 bottomMargin: units.gu(1)
47 }
48 spacing: units.gu(1)
50 Image {
51 width: units.gu(2)
52 height: width
53 fillMode: Image.PreserveAspectFit
54 source: "qrc:/indicators/artwork/messaging/message_sms01_54px.png"
55 }
57 Label {
58 height: parent.height
59 verticalAlignment: Text.AlignVCenter
60 fontSize: "small"
61 color: "#8f8f88"
62 text: "Quick reply with:"
63 }
64 }
66 Indicators.HLine {
67 anchors.bottom: parent.bottom
68 color: "#20201F"
69 }
70 }
72 Column {
73 id: messagelist
74 anchors {
75 left: parent.left
76 right: parent.right
77 top: header.bottom
78 }
79 height: childrenRect.height
81 Repeater {
82 id: messagelistRepeater
84 height: childrenRect.height
86 Rectangle {
87 width: messagelist.width
88 height: units.gu(5)
89 color: "#333230"
91 Label {
92 id: __label
94 anchors {
95 fill: parent
96 leftMargin: units.gu(2)
97 rightMargin: units.gu(2)
98 }
99 verticalAlignment: Text.AlignVCenter
100 fontSize: "medium"
101 color: "#e8e1d0"
102 text: modelData
103 }
105 Indicators.HLine {
106 anchors.top: parent.top
107 color: "#464543"
108 }
110 Indicators.HLine {
111 anchors.bottom: parent.bottom
112 color: "#20201F"
113 }
115 MouseArea {
116 id: __mouseArea
118 anchors.fill: parent
119 onClicked: {
120 actionTextField.text = modelData;
121 }
122 }
124 Rectangle {
125 id: __mask
127 anchors.fill: parent
128 color: "black"
129 opacity: __mouseArea.pressed ? 0.3 : 0.0
130 Behavior on opacity {
131 NumberAnimation {
132 duration: 200
133 easing.type: Easing.OutQuad
134 }
135 }
136 }
137 }
139 }
140 }
142 Item {
143 anchors.top: messagelist.bottom
144 anchors.left: parent.left
145 anchors.right: parent.right
146 height: units.gu(6)
148 ActionTextField {
149 id: actionTextField
151 anchors.fill: parent
152 anchors.margins: units.gu(1)
153 }
155 Indicators.HLine {
156 anchors.top: parent.top
157 color: "#464543"
158 }
159 }