gpodder-ui-qml/touch/PTextField.qml
2014-03-15 20:30:34 +01:00

58 lines
1.7 KiB
QML

/**
*
* gPodder QML UI Reference Implementation
* Copyright (c) 2013, Thomas Perl <m@thp.io>
*
* Permission to use, copy, modify, and/or distribute this software for any
* purpose with or without fee is hereby granted, provided that the above
* copyright notice and this permission notice appear in all copies.
*
* THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
* REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
* AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
* INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
* LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
* OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
* PERFORMANCE OF THIS SOFTWARE.
*
*/
import QtQuick 2.0
import 'common/constants.js' as Constants
Item {
id: textField
property alias text: textInput.text
property string placeholderText: ''
signal accepted
height: 50 * pgst.scalef
TextInput {
anchors {
verticalCenter: parent.verticalCenter
left: parent.left
right: parent.right
margins: 5 * pgst.scalef
}
color: Constants.colors.text
selectionColor: Constants.colors.background
id: textInput
font.pixelSize: parent.height * 0.7
font.family: placeholder.font.family
focus: true
onAccepted: textField.accepted()
}
PLabel {
id: placeholder
anchors.fill: textInput
visible: (textInput.text == '')
text: textField.placeholderText
color: Constants.colors.placeholder
font.pixelSize: textInput.font.pixelSize
}
}