From 9945454a5d5f928dadf84776dd6f3d9d7f5ab057 Mon Sep 17 00:00:00 2001
From: Pascal Precht <pascal.precht@gmail.com>
Date: Fri, 23 Jul 2021 11:44:38 +0200
Subject: [PATCH] chore(sandbox): introduce StatusInputPage

---
 ui/StatusQ/sandbox/Controls.qml        | 30 +-------------------
 ui/StatusQ/sandbox/StatusInputPage.qml | 39 ++++++++++++++++++++++++++
 ui/StatusQ/sandbox/main.qml            | 10 +++++++
 ui/StatusQ/sandbox/qml.qrc             |  1 +
 4 files changed, 51 insertions(+), 29 deletions(-)
 create mode 100644 ui/StatusQ/sandbox/StatusInputPage.qml

diff --git a/ui/StatusQ/sandbox/Controls.qml b/ui/StatusQ/sandbox/Controls.qml
index 0cd2c78a9e..f7885f3821 100644
--- a/ui/StatusQ/sandbox/Controls.qml
+++ b/ui/StatusQ/sandbox/Controls.qml
@@ -8,7 +8,7 @@ import StatusQ.Controls 0.1
 import Sandbox 0.1
 
 GridLayout {
-    columns: 6
+    columns: 1
     columnSpacing: 5
     rowSpacing: 5
 
@@ -143,32 +143,4 @@ GridLayout {
         to: 100
         value: 40
     }
-
-    StatusBaseInput {
-        placeholderText: "One line"
-    }
-
-    StatusBaseInput {
-        multiline: true
-        placeholderText: "Multiline"
-    }
-
-    StatusBaseInput {
-        multiline: true
-        placeholderText: "Multiline with static height"
-        implicitHeight: 100
-    }
-
-    Item {
-        implicitHeight: 300
-        implicitWidth: 300
-
-        StatusBaseInput {
-            anchors.centerIn: parent
-            multiline: true
-            placeholderText: "Multiline with max/min"
-            minimumHeight: 80
-            maximumHeight: 200
-        }
-    }
 }
diff --git a/ui/StatusQ/sandbox/StatusInputPage.qml b/ui/StatusQ/sandbox/StatusInputPage.qml
new file mode 100644
index 0000000000..715b7ee2b5
--- /dev/null
+++ b/ui/StatusQ/sandbox/StatusInputPage.qml
@@ -0,0 +1,39 @@
+import QtQuick 2.14
+import QtQuick.Controls 2.14
+import QtQuick.Layouts 1.14
+import StatusQ.Core 0.1
+import StatusQ.Core.Theme 0.1
+import StatusQ.Controls 0.1
+
+import Sandbox 0.1
+
+Column {
+    spacing: 8
+
+    StatusBaseInput {
+        placeholderText: "Placeholder"
+    }
+
+    StatusBaseInput {
+        placeholderText: "Disabled"
+        enabled: false
+    }
+
+    StatusBaseInput {
+        multiline: true
+        placeholderText: "Multiline"
+    }
+
+    StatusBaseInput {
+        multiline: true
+        placeholderText: "Multiline with static height"
+        implicitHeight: 100
+    }
+
+    StatusBaseInput {
+        multiline: true
+        placeholderText: "Multiline with max/min"
+        minimumHeight: 80
+        maximumHeight: 200
+    }
+}
diff --git a/ui/StatusQ/sandbox/main.qml b/ui/StatusQ/sandbox/main.qml
index ddb8f24125..9c1c5bee68 100644
--- a/ui/StatusQ/sandbox/main.qml
+++ b/ui/StatusQ/sandbox/main.qml
@@ -143,6 +143,11 @@ StatusWindow {
                             selected: page.sourceComponent == controlsComponent
                             onClicked: page.sourceComponent = controlsComponent
                         }
+                        StatusNavigationListItem { 
+                            title: "StatusInput" 
+                            selected: page.sourceComponent == statusInputPageComponent
+                            onClicked: page.sourceComponent = statusInputPageComponent
+                        }
                         StatusListSectionHeadline { text: "StatusQ.Components" }
                         StatusNavigationListItem { 
                             title: "List Items"
@@ -236,6 +241,11 @@ StatusWindow {
         Controls {}
     }
 
+    Component {
+        id: statusInputPageComponent
+        StatusInputPage {}
+    }
+
     Component {
         id: listItemsComponent
         ListItems {}
diff --git a/ui/StatusQ/sandbox/qml.qrc b/ui/StatusQ/sandbox/qml.qrc
index eba10cc4db..319941aae7 100644
--- a/ui/StatusQ/sandbox/qml.qrc
+++ b/ui/StatusQ/sandbox/qml.qrc
@@ -9,6 +9,7 @@
         <file>ListItems.qml</file>
         <file>StatusChatInfoToolBarPage.qml</file>
         <file>StatusPopupMenuPage.qml</file>
+        <file>StatusInputPage.qml</file>
         <file>ThemeSwitch.qml</file>
         <file>Layout.qml</file>
         <file>Popups.qml</file>