dedicated Kube.PasswordField

1 files changed, 41 insertions, 0 deletions

diff --git a/framework/qml/PasswordField.qml b/framework/qml/PasswordField.qml
new file mode 100644
index 00000000..786b3d46
--- /dev/null
+++ b/framework/qml/PasswordField.qml
@@ -0,0 +1,41 @@
+/*
+ *  Copyright (C) 2017 Michael Bohlender, <bohlender@kolabsys.com>
+ *
+ *  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 2 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 General Public License along
+ *  with this program; if not, write to the Free Software Foundation, Inc.,
+ *  51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
+ */
+
+import QtQuick 2.7
+import org.kube.framework 1.0 as Kube
+
+Kube.TextField {
+    id: root
+
+    property bool showPassword
+
+    echoMode: showPassword ? TextInput.Normal : TextInput.Password
+
+    Kube.IconButton {
+        anchors {
+            right: parent.right
+            verticalCenter: parent.verticalCenter
+        }
+
+        onClicked: {
+            root.showPassword = !root.showPassword
+        }
+
+        iconName: root.showPassword ? Kube.Icons.password_hide : Kube.Icons.password_show
+    }
+}