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 import "PreviewSingleton"
21 
22 /*! \brief Preview widget for commenting.
23 
24  The widget can show a field to enter a comment.
25  It is possible to customise the submit button's label by setting widgetData["submit-label"]
26  The successeful submit emits triggered(widgetId, "commented", data),
27  with data being {"comment": comment}.
28 */
29 
30 PreviewWidget {
31  id: root
32  implicitHeight: Math.max(commentTextArea.implicitHeight, submitButton.implicitHeight)
33 
34  function submit() {
35  var data = { "comment": commentTextArea.text };
36  triggered(root.widgetId, "commented", data);
37  }
38 
39  property alias commentText: commentTextArea.text
40 
41  onCommentTextChanged: storeCommentState()
42  onWidgetIdChanged: restoreCommentState()
43 
44  function storeCommentState() {
45  PreviewSingleton.widgetExtraData[widgetId] = commentText;
46  }
47 
48  function restoreCommentState() {
49  if (!PreviewSingleton.widgetExtraData[widgetId]) return;
50  if (PreviewSingleton.widgetExtraData[widgetId] != "") commentText = PreviewSingleton.widgetExtraData[widgetId];
51  }
52 
53  TextArea {
54  id: commentTextArea
55  objectName: "commentTextArea"
56 
57  property bool inputMethodVisible: Qt.inputMethod.visible
58  onInputMethodVisibleChanged: {
59  if(inputMethodVisible && activeFocus)
60  root.makeSureVisible(commentTextArea);
61  }
62 
63  anchors {
64  top: parent.top
65  left: parent.left
66  right: submitButton.left
67  rightMargin: units.gu(1)
68  }
69  autoSize: true
70  }
71 
72  Button {
73  id: submitButton
74  objectName: "submitButton"
75 
76  readonly property bool readyToSubmit: commentTextArea.text.trim().length > 0
77 
78  anchors {
79  top: parent.top
80  right: parent.right
81  }
82  color: readyToSubmit ? Theme.palette.selected.base : Theme.palette.normal.base
83  text: widgetData["submit-label"] || i18n.tr("Send")
84  onClicked: {
85  if (readyToSubmit) root.submit()
86  }
87  }
88 }