Shop/cart/Table/CourseItem.ui.qml


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52

import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.15
import QtGraphicalEffects 1.15
import Bootstrap 5.3
import Eduport 1.4
import "../../../TextField"
import "../../../Button"

GridLayout {
    rows: width < 990 ? 2 : 1
    columns: width < 990 ? 1 : 2
    rowSpacing: 8
    columnSpacing: 8
    Rectangle {
        id: courseItemImage
        width: 100
        height: 75
        Layout.maximumWidth: width
        Layout.maximumHeight: height
        radius: 8
        Layout.rightMargin: 8
        Layout.bottomMargin: 16
        Layout.topMargin: 16
        Layout.leftMargin: 8
        Layout.alignment: Qt.AlignLeft | Qt.AlignTop
        Image {
            id: courseItemImageSource
            anchors.fill: parent
            visible: false
            source: "https://eduport.webestica.com/assets/images/courses/4by3/08.jpg"
        }
        OpacityMask {
            id: coursetemImageMask
            anchors.fill: courseItemImage
            source: courseItemImageSource
            maskSource: courseItemImage
        }
    }

    Label {
        id: courseItemTitle
        text: "Course Item Title"
	wrapMode: Label.Wrap
	Bootstrap.heading: 6
    Layout.maximumHeight: courseItemImage.height
        Layout.alignment: parent.width < 990 ? Qt.AlignTop | Qt.AlignHCenter : Qt.AlignLeft
                                               | Qt.AlignVCenter
        Layout.fillWidth: true
        Layout.fillHeight: parent.width < 990 ? true : false
    }
}