on 2fd65f2 help sign in
unity8/qml/Components/SeeMore.qml
68 lines 2.0 kB history raw
1/*
2 * Copyright (C) 2014 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 */
17import QtQuick 2.0
18import Ubuntu.Components 0.1
20/*! Widget that can be used in combination with a text area to allow easy 'expand/collapse' functionality. */
22Item {
23 //! Boolean set to true when it suggests expanded functionality
24 property bool more: false
26 implicitHeight: seeMoreLabel.height + units.gu(2)
28 Row {
29 anchors.centerIn: parent
30 spacing: units.gu(2)
32 Label {
33 id: seeMoreLabel
34 objectName: "seeMoreLabel"
35 text: i18n.tr("See more")
36 opacity: !more ? 0.8 : 0.4
37 color: Theme.palette.selected.backgroundText
38 font.weight: Font.Bold
40 MouseArea {
41 anchors.fill: parent
42 onClicked: more = true
43 }
44 }
46 Image {
47 anchors {
48 top: parent.top
49 bottom: parent.bottom
50 }
51 width: units.dp(2)
52 source: "ListItems/graphics/ListItemDividerVertical.png"
53 }
55 Label {
56 objectName: "seeLessLabel"
57 text: i18n.tr("See less")
58 opacity: more ? 0.8 : 0.4
59 color: Theme.palette.selected.backgroundText
60 font.weight: Font.Bold
62 MouseArea {
63 anchors.fill: parent
64 onClicked: more = false
65 }
66 }
67 }