Unity 8
PreviewCommentInput.qml
1 /*
2  * Copyright (C) 2015 Canonical, Ltd.
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; 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 General Public License for more details.
12  *
13  * You should have received a copy of the GNU General Public License
14  * along with this program. If not, see <http://www.gnu.org/licenses/>.
15  */
16 
17 import QtQuick 2.4
18 import Ubuntu.Components 1.3
19 import "../../Components"
20 
21 /*! \brief Preview widget for commenting.
22 
23  The widget can show a field to enter a comment.
24  It is possible to customise the submit button's label by setting widgetData["submit-label"]
25  The successeful submit emits triggered(widgetId, "commented", data),
26  with data being {"comment": comment}.
27 */
28 
29 PreviewWidget {
30  id: root
31  implicitHeight: Math.max(commentTextArea.implicitHeight, submitButton.implicitHeight)
32 
33  function submit() {
34  var data = { "comment": commentTextArea.text };
35  triggered(root.widgetId, "commented", data);
36  }
37 
38  TextArea {
39  id: commentTextArea
40  objectName: "commentTextArea"
41 
42  property bool inputMethodVisible: Qt.inputMethod.visible
43  onInputMethodVisibleChanged: {
44  if(inputMethodVisible && activeFocus)
45  root.makeSureVisible(commentTextArea);
46  }
47 
48  anchors {
49  top: parent.top
50  left: parent.left
51  right: submitButton.left
52  rightMargin: units.gu(1)
53  }
54  autoSize: true
55  }
56 
57  Button {
58  id: submitButton
59  objectName: "submitButton"
60 
61  readonly property bool readyToSubmit: commentTextArea.text.trim().length > 0
62 
63  anchors {
64  top: parent.top
65  right: parent.right
66  }
67  color: readyToSubmit ? Theme.palette.selected.base : Theme.palette.normal.base
68  text: widgetData["submit-label"] || i18n.tr("Send")
69  onClicked: {
70  if (readyToSubmit) root.submit()
71  }
72  }
73 }