Differential D18716 Diff 52204 src/controls/ActionTextField.qml

Changeset View

Standalone View

src/controls/ActionTextField.qml

This file was added.

1		/*
2		* Copyright (C) 2019 Carl-Lucien Schwan <carl@carlschwan.eu> *
3		*
4		* This program is free software; you can redistribute it and/or modify
5		* it under the terms of the GNU Library/Lesser General Public License
6		* version 2, or (at your option) any later version, as published by the
7		* Free Software Foundation
8		*
9		* This program is distributed in the hope that it will be useful,
10		* but WITHOUT ANY WARRANTY; without even the implied warranty of
11		* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
12		* GNU General Public License for more details
13		*
14		* You should have received a copy of the GNU Library/Lesser General Public
15		* License along with this program; if not, write to the
16		* Free Software Foundation, Inc.,
17		* 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
18		*/
19
20		import QtQuick 2.6
21		import QtQuick.Controls 2.1 as Controls
22		import org.kde.kirigami 2.7 as Kirigami
23
24		/**
25		* This is advanced textfield. It is recommanded to us this class when there
26		* is a need to create a create a textfield with actions (e.g a clear action).
27		*
28		* Example usage for a search field:
29		* @code
30		* import org.kde.kirigami 2.7 as Kirigami
31		*
32		* Kirigami.ActionTextField {
33		* id: searchField
34		*
35		* placeholderText: i18n("Search...")
36		*
37		* focusSequences: "Ctrl+F"
38		*
39		* rightActions: [
40		* Kirigami.Action {
41		* iconName: "edit-clear"
42		* visible: searchField.text != ""
43		* onTriggered: {
44		* searchField.text = ""
45		* searchField.accepted()
46		* }
47		* }
48		* ]
49		*
50		* onAccepted: console.log("Search text is " + searchField.text)
51		* }
52		*/
53		Controls.TextField
54		{
55		id: root
56
57		/**
58		* focusSequence: keysequence
59		* This property hold the a list of shortcut sequence that put the text
60		* field into focus.
61		*/
62		property string focusSequence: null
63
64		/**
65		* leftActions: list<QtObject>
66		* This propery hold the action that is left in the field. By default this
67		* field is null.
68		*/
69		property list<QtObject> leftActions
70
71		/**
72		* rightActions: list<QtObject>
73		* This propery hold the action that is right in the field. By default this
74		* field is null.
75		*/
76		property list<QtObject> rightActions
77
78		Shortcut {
79		id: focusShortcut
80		enabled: root.focusSequence != null
81		sequence: root.focusSequence
82		onActivated: {
83		root.forceActiveFocus()
84		root.selectAll()
85		}
86		}
87
88		hoverEnabled: true
89
90		Controls.ToolTip {
91		visible: root.focusSequence != null && root.hovered
92		text: root.focusSequence ? root.focusSequence : ""
93		}
94
95		Row {
96		id: leftActionsRow
97		padding: Kirigami.Units.smallSpacing
98		Repeater {
99		model: root.leftActions
100		Kirigami.Icon {
101		height: root.implicitHeight - 2 * Kirigami.Units.smallSpacing
102		width: this.implicitHeight - 2 * Kirigami.Units.smallSpacing
103		source: modelData.iconName
	martUnsubmitted Done icon.name, so will work also with qqc2 actions or better: source: modelData.icon.name.length > 0 ? modelData.icon.name : modelData.icon.source mart: icon.name, so will work also with qqc2 actions or better: source: modelData.icon.name.length >…
104		visible: modelData.visible
105		MouseArea {
106		anchors.fill: parent
107		onClicked: modelData.trigger()
108		cursorShape: Qt.PointingHandCursor
109		}
110		}
111		}
112		}
113
114		Row {
115		id: rightActionsRow
116		padding: Kirigami.Units.smallSpacing
117		layoutDirection: Qt.RightToLeft
118		anchors.right: parent.right
119		Repeater {
120		model: root.rightActions
121		Kirigami.Icon {
122		height: root.implicitHeight - 2 * Kirigami.Units.smallSpacing
123		width: this.implicitHeight - 2 * Kirigami.Units.smallSpacing
124		source: modelData.iconName
	martUnsubmitted Done icon.name or better: source: modelData.icon.name.length > 0 ? modelData.icon.name : modelData.icon.source mart: icon.name or better: source: modelData.icon.name.length > 0 ? modelData.icon.name : modelData.
125		visible: modelData.visible
126		MouseArea {
127		anchors.fill: parent
128		onClicked: modelData.trigger()
129		cursorShape: Qt.PointingHandCursor
130		}
131		}
132		}
133		}
134
135		leftPadding: leftActionsRow.width
136		rightPadding: rightActionsRow.width
137		}