Changeset View
Changeset View
Standalone View
Standalone View
src/MediaTracksDelegate.qml
Show First 20 Lines • Show All 140 Lines • ▼ Show 20 Line(s) | 139 | LabelWithToolTip { | |||
---|---|---|---|---|---|
141 | 141 | | |||
142 | text: trackNumber + ' - ' + title | 142 | text: trackNumber + ' - ' + title | ||
143 | horizontalAlignment: Text.AlignLeft | 143 | horizontalAlignment: Text.AlignLeft | ||
144 | 144 | | |||
145 | font.weight: Font.Bold | 145 | font.weight: Font.Bold | ||
146 | color: myPalette.text | 146 | color: myPalette.text | ||
147 | 147 | | |||
148 | Layout.alignment: Qt.AlignLeft | Qt.AlignTop | 148 | Layout.alignment: Qt.AlignLeft | Qt.AlignTop | ||
149 | Layout.leftMargin: elisaTheme.layoutHorizontalMargin | 149 | Layout.leftMargin: !LayoutMirroring.enabled ? elisaTheme.layoutHorizontalMargin : 0 | ||
150 | Layout.rightMargin: LayoutMirroring.enabled ? elisaTheme.layoutHorizontalMargin : 0 | ||||
150 | Layout.fillWidth: true | 151 | Layout.fillWidth: true | ||
151 | Layout.topMargin: elisaTheme.layoutVerticalMargin / 2 | 152 | Layout.topMargin: elisaTheme.layoutVerticalMargin / 2 | ||
152 | 153 | | |||
153 | elide: "ElideRight" | 154 | elide: "ElideRight" | ||
154 | } | 155 | } | ||
155 | 156 | | |||
156 | Item { | 157 | Item { | ||
157 | Layout.fillHeight: true | 158 | Layout.fillHeight: true | ||
158 | } | 159 | } | ||
159 | 160 | | |||
160 | LabelWithToolTip { | 161 | LabelWithToolTip { | ||
161 | id: artistLabel | 162 | id: artistLabel | ||
162 | 163 | | |||
163 | text: artist + ' - ' + albumName | 164 | text: artist + ' - ' + albumName | ||
164 | horizontalAlignment: Text.AlignLeft | 165 | horizontalAlignment: Text.AlignLeft | ||
165 | 166 | | |||
166 | font.weight: Font.Light | 167 | font.weight: Font.Light | ||
167 | font.italic: true | 168 | font.italic: true | ||
168 | color: myPalette.text | 169 | color: myPalette.text | ||
169 | 170 | | |||
170 | Layout.alignment: Qt.AlignLeft | Qt.AlignBottom | 171 | Layout.alignment: Qt.AlignLeft | Qt.AlignBottom | ||
171 | Layout.leftMargin: elisaTheme.layoutHorizontalMargin | 172 | Layout.leftMargin: !LayoutMirroring.enabled ? elisaTheme.layoutHorizontalMargin : 0 | ||
173 | Layout.rightMargin: LayoutMirroring.enabled ? elisaTheme.layoutHorizontalMargin : 0 | ||||
172 | Layout.fillWidth: true | 174 | Layout.fillWidth: true | ||
173 | Layout.bottomMargin: elisaTheme.layoutVerticalMargin / 2 | 175 | Layout.bottomMargin: elisaTheme.layoutVerticalMargin / 2 | ||
174 | 176 | | |||
175 | elide: "ElideRight" | 177 | elide: "ElideRight" | ||
176 | } | 178 | } | ||
177 | } | 179 | } | ||
178 | 180 | | |||
179 | ToolButton { | 181 | ToolButton { | ||
Show All 14 Lines | 193 | ToolButton { | |||
194 | Layout.preferredHeight: elisaTheme.trackDelegateHeight * 0.75 | 196 | Layout.preferredHeight: elisaTheme.trackDelegateHeight * 0.75 | ||
195 | Layout.preferredWidth: elisaTheme.trackDelegateHeight * 0.75 | 197 | Layout.preferredWidth: elisaTheme.trackDelegateHeight * 0.75 | ||
196 | 198 | | |||
197 | opacity: 0 | 199 | opacity: 0 | ||
198 | visible: opacity > 0.1 | 200 | visible: opacity > 0.1 | ||
199 | action: clearAndEnqueue | 201 | action: clearAndEnqueue | ||
200 | 202 | | |||
201 | Layout.alignment: Qt.AlignVCenter | Qt.AlignRight | 203 | Layout.alignment: Qt.AlignVCenter | Qt.AlignRight | ||
202 | Layout.rightMargin: elisaTheme.layoutHorizontalMargin | 204 | Layout.rightMargin: !LayoutMirroring.enabled ? elisaTheme.layoutHorizontalMargin : 0 | ||
205 | Layout.leftMargin: LayoutMirroring.enabled ? elisaTheme.layoutHorizontalMargin : 0 | ||||
203 | } | 206 | } | ||
204 | 207 | | |||
205 | RatingStar { | 208 | RatingStar { | ||
206 | id: ratingWidget | 209 | id: ratingWidget | ||
207 | 210 | | |||
208 | starSize: elisaTheme.ratingStarSize | 211 | starSize: elisaTheme.ratingStarSize | ||
209 | 212 | | |||
210 | Layout.alignment: Qt.AlignVCenter | Qt.AlignRight | 213 | Layout.alignment: Qt.AlignVCenter | Qt.AlignRight | ||
211 | Layout.leftMargin: elisaTheme.layoutHorizontalMargin | 214 | Layout.leftMargin: elisaTheme.layoutHorizontalMargin | ||
212 | Layout.rightMargin: elisaTheme.layoutHorizontalMargin | 215 | Layout.rightMargin: elisaTheme.layoutHorizontalMargin | ||
213 | } | 216 | } | ||
214 | 217 | | |||
215 | LabelWithToolTip { | 218 | LabelWithToolTip { | ||
216 | id: durationLabel | 219 | id: durationLabel | ||
217 | 220 | | |||
218 | text: duration | 221 | text: duration | ||
219 | 222 | | |||
220 | font.weight: Font.Light | 223 | font.weight: Font.Light | ||
221 | color: myPalette.text | 224 | color: myPalette.text | ||
222 | 225 | | |||
223 | elide: "ElideRight" | 226 | elide: "ElideRight" | ||
224 | 227 | | |||
225 | Layout.alignment: Qt.AlignVCenter | Qt.AlignRight | 228 | Layout.alignment: Qt.AlignVCenter | Qt.AlignRight | ||
226 | Layout.rightMargin: elisaTheme.layoutHorizontalMargin | 229 | Layout.rightMargin: !LayoutMirroring.enabled ? elisaTheme.layoutHorizontalMargin : 0 | ||
230 | Layout.leftMargin: LayoutMirroring.enabled ? elisaTheme.layoutHorizontalMargin : 0 | ||||
227 | } | 231 | } | ||
228 | } | 232 | } | ||
229 | } | 233 | } | ||
230 | } | 234 | } | ||
231 | 235 | | |||
232 | states: [ | 236 | states: [ | ||
233 | State { | 237 | State { | ||
234 | name: 'notSelected' | 238 | name: 'notSelected' | ||
▲ Show 20 Lines • Show All 46 Lines • Show Last 20 Lines |