summaryrefslogtreecommitdiff
path: root/Course/Grid/Minimal
diff options
context:
space:
mode:
authorꦌꦫꦶꦏ꧀ꦦꦿꦧꦮꦑꦩꦭ꧀ <erik@darapsa.co.id>2023-04-02 18:12:31 +0800
committerꦌꦫꦶꦏ꧀ꦦꦿꦧꦮꦑꦩꦭ꧀ <erik@darapsa.co.id>2023-04-02 18:12:31 +0800
commit5b8e2046a6a83af3b709b44f290f5d16de98473a (patch)
treea85b58607d9d0920b438e84070f63ed25c50f7e9 /Course/Grid/Minimal
parentb18f44a86757a8feedc977a762a6822cafa0cb19 (diff)
Course Grid Minimal draft
Diffstat (limited to 'Course/Grid/Minimal')
-rw-r--r--Course/Grid/Minimal/FilterBar.ui.qml71
1 files changed, 71 insertions, 0 deletions
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
+ }
+ }
+}