AppMessages: Add search in log category

Signed-off-by: Patrick José Pereira <patrickelectric@gmail.com>

src/QmlControls/AppMessages.qml

@@ -11,6 +11,7 @@ import QtQuick                  2.3
 import QtQuick.Controls         1.2
 import QtQuick.Controls.Styles  1.4
 import QtQuick.Dialogs          1.2
+import QtQuick.Layouts          1.12
 
 import QGroundControl               1.0
 import QGroundControl.Palette       1.0
@@ -28,13 +29,30 @@ Item {
     Component {
         id: filtersDialogComponent
         QGCViewDialog {
-            QGCFlickable {
+            ColumnLayout {
                 anchors.fill: parent
-                contentHeight:  categoryColumn.height
+                RowLayout {
-                clip:           true
-                Column {
-                    id:         categoryColumn
                     spacing: ScreenTools.defaultFontPixelHeight / 2
+                    Layout.alignment: Qt.AlignVCenter
+                    Layout.fillHeight: true
+                    Layout.fillWidth: true
+
+                    QGCLabel {
+                        text: qsTr("Search:")
+                    }
+
+                    QGCTextField {
+                        id: searchText
+                        text: ""
+                        Layout.fillWidth: true
+                        enabled: true
+                    }
+
+                    QGCButton {
+                        text: qsTr("Clear")
+                        onClicked: searchText.text = ""
+                    }
+                }
 
                 Row {
                     spacing:    ScreenTools.defaultFontPixelHeight / 2
@@ -48,6 +66,18 @@ Item {
                         onClicked: categoryRepeater.setAllLogs(false)
                     }
                 }
+
+                QGCFlickable {
+                    Layout.fillHeight: true
+                    Layout.fillWidth: true
+
+                    contentHeight:  categoryColumn.height
+                    clip:           true
+
+                    Column {
+                        id:         categoryColumn
+                        spacing:    ScreenTools.defaultFontPixelHeight / 2
+
                         Repeater {
                             id:     categoryRepeater
                             model:  QGroundControl.loggingCategories()
@@ -65,6 +95,7 @@ Item {
 
                             QGCCheckBox {
                                 text:       modelData
+                                visible:    searchText.text ? text.match(`(${searchText.text})`, "i") : true
                                 checked:    QGroundControl.categoryLoggingOn(modelData)
                                 onClicked:  {
                                     QGroundControl.setCategoryLoggingOn(modelData, checked)
@@ -76,6 +107,7 @@ Item {
                 }
             }
         }
+    }
 
     Item {
         id:             panel