Changeset View
Changeset View
Standalone View
Standalone View
src/qml/PlayListEntry.qml
| Show First 20 Lines • Show All 406 Lines • ▼ Show 20 Line(s) | 392 | State { | |||
|---|---|---|---|---|---|
| 407 | PropertyChanges { | 407 | PropertyChanges { | ||
| 408 | target: playIcon | 408 | target: playIcon | ||
| 409 | opacity: (isPlaying === MediaPlayList.IsPlaying || isPlaying === MediaPlayList.IsPaused ? 1.0 : 0.0) | 409 | opacity: (isPlaying === MediaPlayList.IsPlaying || isPlaying === MediaPlayList.IsPaused ? 1.0 : 0.0) | ||
| 410 | } | 410 | } | ||
| 411 | PropertyChanges { | 411 | PropertyChanges { | ||
| 412 | target: entryBackground | 412 | target: entryBackground | ||
| 413 | color: (isAlternateColor ? myPalette.alternateBase : myPalette.base) | 413 | color: (isAlternateColor ? myPalette.alternateBase : myPalette.base) | ||
| 414 | } | 414 | } | ||
| 415 | PropertyChanges { | ||||
| 416 | target: ratingWidget | ||||
| 417 | hoverWidgetOpacity: 0.0 | ||||
| 418 | } | ||||
| 415 | }, | 419 | }, | ||
| 416 | State { | 420 | State { | ||
| 417 | name: 'hoveredOrSelected' | 421 | name: 'hoveredOrSelected' | ||
| 418 | when: containsMouse || (playListEntry.activeFocus && isSelected) | 422 | when: containsMouse || (playListEntry.activeFocus && isSelected) | ||
| 419 | PropertyChanges { | 423 | PropertyChanges { | ||
| 420 | target: removeButton | 424 | target: removeButton | ||
| 421 | opacity: 1 | 425 | opacity: 1 | ||
| 422 | } | 426 | } | ||
| 423 | PropertyChanges { | 427 | PropertyChanges { | ||
| 424 | target: playPauseButton | 428 | target: playPauseButton | ||
| 425 | opacity: 1 | 429 | opacity: 1 | ||
| 426 | } | 430 | } | ||
| 427 | PropertyChanges { | 431 | PropertyChanges { | ||
| 428 | target: infoButton | 432 | target: infoButton | ||
| 429 | opacity: 1 | 433 | opacity: 1 | ||
| 430 | } | 434 | } | ||
| 431 | PropertyChanges { | 435 | PropertyChanges { | ||
| 432 | target: playIcon | 436 | target: playIcon | ||
| 433 | opacity: 0 | 437 | opacity: 0 | ||
| 434 | } | 438 | } | ||
| 435 | PropertyChanges { | 439 | PropertyChanges { | ||
| 436 | target: entryBackground | 440 | target: entryBackground | ||
| 437 | color: myPalette.mid | 441 | color: myPalette.mid | ||
| 438 | } | 442 | } | ||
| 443 | PropertyChanges { | ||||
| 444 | target: ratingWidget | ||||
| 445 | hoverWidgetOpacity: 1.0 | ||||
| 446 | } | ||||
| 439 | } | 447 | } | ||
| 440 | ] | 448 | ] | ||
| 441 | transitions: Transition { | 449 | transitions: Transition { | ||
| 442 | ParallelAnimation { | 450 | ParallelAnimation { | ||
| 443 | NumberAnimation { | 451 | NumberAnimation { | ||
| 444 | properties: "opacity" | 452 | properties: "opacity, hoverWidgetOpacity" | ||
| 445 | easing.type: Easing.InOutQuad | 453 | easing.type: Easing.InOutQuad | ||
| 446 | duration: 250 | 454 | duration: 250 | ||
| 447 | } | 455 | } | ||
| 448 | ColorAnimation { | 456 | ColorAnimation { | ||
| 449 | properties: "color" | 457 | properties: "color" | ||
| 450 | duration: 250 | 458 | duration: 250 | ||
| 451 | } | 459 | } | ||
| 452 | } | 460 | } | ||
| 453 | } | 461 | } | ||
| 454 | } | 462 | } | ||
| 455 | 463 | | |||