2 files changed, 72 insertions, 0 deletions
diff --git a/CourseGridFilterbar.ui.qml b/CourseGridFilterbar.ui.qml
new file mode 100644
index 0000000..6531261
--- /dev/null
+++ b/CourseGridFilterbar.ui.qml
@@ -0,0 +1,71 @@
+import QtQuick 2.15
+import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.15
+
+Rectangle {
+	id: bgLightBorder
+	color: "#f5f7f9"
+	height: filterBarControl.height
+	width: filterBarControl.width
+	Layout.maximumHeight: filterBarControl.height
+	radius: 8
+	border.color: "#33000000"
+	GridLayout {
+		id: filterBarControl
+		anchors.fill: parent
+		rows: 6
+		columns: 6
+		rowSpacing: 16
+		columnSpacing: 16
+		flow: GridLayout.LeftToRight
+		Layout.fillWidth: true
+		TextField {
+			id: keywordInput
+			Layout.fillWidth: true
+			font.family: "Roboto"
+			font.pointSize: 16
+			Layout.bottomMargin: 24
+			Layout.topMargin: 24
+			Layout.leftMargin: 24
+			placeholderText: "Enter keyword"
+		}
+
+		ComboBox {
+			id: categories
+			Layout.fillWidth: true
+			font.pointSize: 16
+			font.family: "Roboto"
+			displayText: "Categories"
+		}
+		ComboBox {
+			id: priceLevel
+			Layout.fillWidth: true
+			font.pointSize: 16
+			font.family: "Roboto"
+			displayText: "Price level"
+		}
+		ComboBox {
+			id: skillLevel
+			Layout.fillWidth: true
+			font.pointSize: 16
+			font.family: "Roboto"
+			displayText: "Skill level"
+		}
+		ComboBox {
+			id: language
+			Layout.fillWidth: true
+			font.pointSize: 16
+			font.family: "Roboto"
+			displayText: "Languange"
+		}
+
+		Button {
+			id: searchButton
+			Layout.fillWidth: true
+			icon.color: "#ffffff"
+			icon.source: "Material/svg/filled/search.svg"
+			Layout.rightMargin: 24
+			display: AbstractButton.IconOnly
+		}
+	}
+}
diff --git a/Material/svg/filled/search.svg b/Material/svg/filled/search.svg
new file mode 100644
index 0000000..fa75017
--- /dev/null
+++ b/Material/svg/filled/search.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="48" width="48"><path d="M39.8 41.95 26.65 28.8q-1.5 1.3-3.5 2.025-2 .725-4.25.725-5.4 0-9.15-3.75T6 18.75q0-5.3 3.75-9.05 3.75-3.75 9.1-3.75 5.3 0 9.025 3.75 3.725 3.75 3.725 9.05 0 2.15-.7 4.15-.7 2-2.1 3.75L42 39.75Zm-20.95-13.4q4.05 0 6.9-2.875Q28.6 22.8 28.6 18.75t-2.85-6.925Q22.9 8.95 18.85 8.95q-4.1 0-6.975 2.875T9 18.75q0 4.05 2.875 6.925t6.975 2.875Z"/></svg>
+\ No newline at end of file