From 5b8e2046a6a83af3b709b44f290f5d16de98473a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=A6=8C=EA=A6=AB=EA=A6=B6=EA=A6=8F=EA=A7=80=EA=A6=A6?=
 =?UTF-8?q?=EA=A6=BF=EA=A6=A7=EA=A6=AE=EA=A6=91=EA=A6=A9=EA=A6=AD=EA=A7=80?=
 <erik@darapsa.co.id>
Date: Sun, 2 Apr 2023 18:12:31 +0800
Subject: Course Grid Minimal draft

---
 Course/Grid/Minimal/FilterBar.ui.qml | 71 ++++++++++++++++++++++++++++++++++++
 1 file changed, 71 insertions(+)
 create mode 100644 Course/Grid/Minimal/FilterBar.ui.qml

(limited to 'Course/Grid/Minimal')

diff --git a/Course/Grid/Minimal/FilterBar.ui.qml b/Course/Grid/Minimal/FilterBar.ui.qml
new file mode 100644
index 0000000..d9bf81a
--- /dev/null
+++ b/Course/Grid/Minimal/FilterBar.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: "../../../Font-Awesome/svgs/solid/magnifying-glass.svg"
+			Layout.rightMargin: 24
+			display: AbstractButton.IconOnly
+		}
+	}
+}
-- 
cgit v1.2.3