positioning searchbar and quickfilter

Gui/OffersTable.qml

@@ -3,12 +3,72 @@ import QtQuick.Layouts
 import QtQuick.Controls
 import Qt.labs.qmlmodels
 
-Item
+ColumnLayout
 {
-    property var availableFilters: []
-
-    SearchBar
+    anchors.fill: parent
+    function viewOffers(criterion)
     {
-        id:searchBar
+        //offer_model.viewCriterion(criterion)
     }
+
+    RowLayout
+    {
+        SearchBar
+        {
+            id:searchBar
+        }
+        QuickFilter
+        {
+            onSelectedChanged: (name) =>
+                               {
+                business_model.viewCriterion(name)
+            }
+
+            model: ListModel
+            {
+                ListElement
+                {
+
+                    name: "Alle"
+                    text: qsTr("Alle")
+                    selected: true
+                }
+                ListElement
+                {
+                    name: "Offen"
+                    text: qsTr("Offen")
+                    selected: false
+                }
+                ListElement
+                {
+                    name: "Abgeschlossen"
+                    text: qsTr("Abgeschlossen")
+                    selected: false
+                }
+
+                ListElement
+                {
+                    name: "Erledigt"
+                    text: qsTr("Erledigt")
+                    selected: false
+                }
+            }
+        }
+        Button
+        {
+            id: addOfferBtn
+            text: qsTr("Angebote Hinzufügen")
+            icon.source: "qrc:/images/PlusCircle.svg"
+            Layout.alignment: Qt.AlignRight
+            flat: true
+            //onClicked: appLoader.source = "AddOffer.qml"
+        }
+    }
+    Item {
+        id: spacer
+        Layout.fillHeight: true
+
+    }
+
+
 }