summaryrefslogtreecommitdiff
path: root/Header/CartItem.ui.qml
blob: 210254a50b752ca962c0d2fcd6c83d914333c143 (plain)
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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.15
import QtGraphicalEffects 1.15
import Eduport 1.4
import "../Label" as Lbl

ColumnLayout {
	property string imageSource:
		"https://eduport.webestica.com/assets/images/book/02.jpg"
	property string titleText: "Angular 4 Tutorial in audio (Compact Disk)"
	property alias button: button
	property alias comboBox: comboBox

	MenuSeparator {
		Layout.fillWidth: true
		contentItem: Rectangle {
			implicitHeight: 1
			color: Eduport.mode
				? Eduport.bsGray300 : Eduport.bsGray500
		}
	}

	RowLayout {
		Layout.leftMargin: 16
		Layout.rightMargin: 16

		Image {
			Layout.alignment: Qt.AlignTop
			source: imageSource
			sourceSize {
				width: 50
				height: 50
			}
			layer {
				enabled: true
				effect: OpacityMask {
					maskSource: Rectangle {
						width: 50
						height: 50
						radius: 5.2
					}
				}
			}
		}

		ColumnLayout {

			RowLayout {
				spacing: 0

				Lbl.H6 {
					text: titleText
					Layout.maximumWidth: 146
				}

				Button {
					id: button
					Layout.alignment: Qt.AlignTop
								| Qt.AlignRight
					contentItem: Image {
						source:
						"../Bootstrap/icons/x.svg"

						ColorOverlay {
							color: Eduport.bsGray600
							source: parent
							anchors.fill: parent
						}
					}
					background: Rectangle {
						color: "transparent"
						implicitWidth: 13
					}
				}
			}

			ComboBox {
				id: comboBox
				model: [1, 2, 3, 4, 5]
			}
		}
	}
}