147 lines
5.2 KiB
QML
147 lines
5.2 KiB
QML
/*
|
|
* Copyright 2019 Romain V. <contact@rokin.in> - <https://github.com/Rokin05>
|
|
*
|
|
* This program is free software: you can redistribute it and/or modify
|
|
* it under the terms of the GNU General Public License as published by
|
|
* the Free Software Foundation, either version 3 of the License, or
|
|
* (at your option) any later version.
|
|
*
|
|
* This program is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU Library General Public
|
|
* License along with this program; if not, see <https://www.gnu.org/licenses>.
|
|
*/
|
|
|
|
import QtQuick 2.8
|
|
import QtQuick.Controls 2.0
|
|
|
|
TextField {
|
|
id: control
|
|
property bool clearButtonShown: true
|
|
property bool revealPasswordButtonShown: false
|
|
property real iconSize: conf("icon.size")
|
|
|
|
padding: 8
|
|
topPadding: padding - 7
|
|
bottomPadding: padding - 5
|
|
rightPadding: Math.max(padding + row.implicitWidth + row.anchors.rightMargin)
|
|
verticalAlignment: TextInput.AlignVCenter
|
|
|
|
color: mouseArea.containsMouse ? conf("text.color.hover") : conf("text.color.normal")
|
|
selectionColor: conf("text.color.select.bg")
|
|
selectedTextColor: conf("text.color.select")
|
|
|
|
font.pointSize: conf("text.size")
|
|
font.italic: conf("text.italic")
|
|
font.bold: conf("text.bold")
|
|
Component.onCompleted: if (conf("text.font") != "") font.family = conf("text.font")
|
|
|
|
passwordMaskDelay: 500
|
|
passwordCharacter: "\u25cf" //●
|
|
|
|
Row {
|
|
id: row
|
|
anchors.verticalCenter: control.verticalCenter
|
|
anchors.right: control.right
|
|
anchors.rightMargin: control.padding
|
|
spacing: 4
|
|
|
|
Image {
|
|
id: passwordButton
|
|
height: control.iconSize
|
|
fillMode: Image.PreserveAspectFit
|
|
source: conf_path("textfield.icon.visible")
|
|
sourceSize: Qt.size(control.iconSize, control.iconSize)
|
|
opacity: (control.length > 0 && revealPasswordButtonShown && control.enabled) ? 1 : 0
|
|
visible: opacity > 0
|
|
asynchronous: true
|
|
cache: true
|
|
mipmap: true
|
|
Behavior on opacity {
|
|
NumberAnimation {
|
|
duration: 500
|
|
easing.type: Easing.InOutQuad
|
|
}
|
|
}
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
onClicked: {
|
|
control.echoMode = (control.echoMode == TextInput.Normal ? TextInput.Password : TextInput.Normal);
|
|
control.forceActiveFocus();
|
|
passwordButton.opacity = (control.echoMode == TextInput.Normal ? 0.8 : 1);
|
|
passwordButton.source = (control.echoMode == TextInput.Normal ? conf_path("textfield.icon.hidden") : conf_path("textfield.icon.visible"));
|
|
}
|
|
}
|
|
}
|
|
|
|
Image {
|
|
id: clearButton
|
|
height: control.iconSize
|
|
fillMode: Image.PreserveAspectFit
|
|
source: conf_path("textfield.icon.clear")
|
|
sourceSize: Qt.size(control.iconSize, control.iconSize)
|
|
opacity: (control.length > 0 && clearButtonShown && control.enabled) ? 1 : 0
|
|
visible: opacity > 0
|
|
asynchronous: true
|
|
cache: true
|
|
mipmap: true
|
|
Behavior on opacity {
|
|
NumberAnimation {
|
|
duration: 1000
|
|
easing.type: Easing.InOutQuad
|
|
}
|
|
}
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
onClicked: {
|
|
control.text = "";
|
|
control.forceActiveFocus();
|
|
}
|
|
}
|
|
}
|
|
} // (row end)
|
|
|
|
background: Rectangle {
|
|
implicitWidth: Math.max(parent.width ? parent.width : (conf("width") - (border.width * 2)))
|
|
implicitHeight: Math.max(conf("height") - (border.width * 2))
|
|
border.width: (mouseArea.containsMouse
|
|
? conf("border.size.hover") : control.activeFocus
|
|
? conf("border.size.focus") : conf("border.size.normal")
|
|
)
|
|
border.color: (mouseArea.containsMouse
|
|
? conf("border.color.hover") : control.activeFocus
|
|
? conf("border.color.focus") : conf("border.color.normal")
|
|
)
|
|
color: (mouseArea.containsMouse
|
|
? conf("background.color.hover") : control.activeFocus
|
|
? conf("background.color.focus") : conf("background.color.normal")
|
|
)
|
|
radius: conf("radius")
|
|
}
|
|
|
|
selectByMouse: true
|
|
MouseArea {
|
|
id: mouseArea
|
|
hoverEnabled: true
|
|
anchors.fill: parent
|
|
cursorShape: Qt.IBeamCursor
|
|
acceptedButtons: Qt.NoButton
|
|
}
|
|
|
|
// Conf
|
|
function conf(key, section) {
|
|
var sec = (section === undefined ? "textfield" : section);
|
|
var val = config[sec + "/" + key];
|
|
if (val === "true") {return true;}
|
|
if (val === "false") {return false;}
|
|
return val;
|
|
}
|
|
|
|
function conf_path(key) {
|
|
return config['path/' + key];
|
|
}
|
|
}
|