blob: d0af32c2e3f9d8af8d1dc4653525c8f4719b91ac (
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
85
86
87
88
89
90
91
92
93
94
95
|
import QtQuick
import QtQuick.Controls
import QtQuick.Layouts
import QtQuick.Effects
import Bootstrap
import Eduport
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: MultiEffect {
maskEnabled: true
maskSource: maskRectangle
}
}
Rectangle {
id: maskRectangle
width: 50
height: 50
radius: 5.2
layer.enabled: true
visible: false
}
}
ColumnLayout {
RowLayout {
spacing: 0
Label {
text: titleText
wrapMode: Label.Wrap
Bootstrap.heading: 6
Layout.fillWidth: true
}
Button {
id: button
Layout.alignment: Qt.AlignTop | Qt.AlignRight
contentItem: Item {
Image {
id: xImage
anchors.centerIn: parent
fillMode: Image.PreserveAspectFit
source: "../Bootstrap/icons/x.svg"
}
MultiEffect {
source: xImage
anchors.fill: xImage
brightness: 1.0
colorization: 1.0
colorizationColor: Eduport.bsGray600
}
}
background: Rectangle {
color: "transparent"
implicitWidth: 13
}
}
}
ComboBox {
id: comboBox
model: [1, 2, 3, 4, 5]
}
}
}
}
|
