Differential D18716 Diff 52141 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.??? as Kirigami
31		*
32		* Kirigami.TextField {
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 && root.focusSequence.hovered
92		text: root.focusSequence ? root.focusSequence.nativeText : ""
93		}
94
95		Row {
96		id: leftActionsRow
97		padding: Kirigami.Units.smallSpacing
98		Repeater {
99		model: root.leftActions
100		Controls.ToolButton {
101		implicitHeight: root.height - 2 * Kirigami.Units.smallSpacing
102		icon.name: modelData.iconName
103		visible: modelData.visible
104		onClicked: modelData.trigger()
	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 >…
105		}
106		}
107		}
108
109		Row {
110		id: rightActionsRow
111		padding: Kirigami.Units.smallSpacing
112		layoutDirection: Qt.RightToLeft
113		anchors.right: parent.right
114		Repeater {
115		model: root.rightActions
116		Controls.ToolButton {
117		implicitHeight: root.height - 2 * Kirigami.Units.smallSpacing
118		icon.name: modelData.iconName
119		visible: modelData.visible
120		onClicked: modelData.trigger()
121		}
122		}
123		}
124
125		leftPadding: leftActionsRow.width
	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.
126		rightPadding: rightActionsRow.width
127		}