Changeset View
Changeset View
Standalone View
Standalone View
src/qml/MediaTrackMetadataView.qml
| Show All 29 Lines | 27 | Window { | |||
|---|---|---|---|---|---|
| 30 | property int initialDatabaseId: 0 | 30 | property int initialDatabaseId: 0 | ||
| 31 | property var modelType | 31 | property var modelType | ||
| 32 | property url fileName | 32 | property url fileName | ||
| 33 | property bool editableMetadata | 33 | property bool editableMetadata | ||
| 34 | property alias showImage: metadataImage.visible | 34 | property alias showImage: metadataImage.visible | ||
| 35 | property alias showTrackFileName: fileNameRow.visible | 35 | property alias showTrackFileName: fileNameRow.visible | ||
| 36 | property alias showDeleteButton: deleteButtonBox.visible | 36 | property alias showDeleteButton: deleteButtonBox.visible | ||
| 37 | property alias showApplyButton: applyButton.visible | 37 | property alias showApplyButton: applyButton.visible | ||
| 38 | property double widthIndex: 2.8 | ||||
astippich: this looks to specific. why is this needed? | |||||
It is used to make the window larger depending on the case. The default value is overrided in DataListView.qml l.52. In the case of radios, the window is then larger as most of the time urls are larger than classic music fields. jguidon: It is used to make the window larger depending on the case. The default value is overrided in… | |||||
| 38 | 39 | | |||
| 39 | signal rejected() | 40 | signal rejected() | ||
| 40 | 41 | | |||
| 41 | LayoutMirroring.enabled: Qt.application.layoutDirection == Qt.RightToLeft | 42 | LayoutMirroring.enabled: Qt.application.layoutDirection == Qt.RightToLeft | ||
| 42 | LayoutMirroring.childrenInherit: true | 43 | LayoutMirroring.childrenInherit: true | ||
| 43 | 44 | | |||
| 44 | title: (initialDatabaseId === -1) ? i18nc("Window title for track metadata", "Create a Radio") : i18nc("Window title for track metadata", "View Details") | 45 | title: (initialDatabaseId === -1) ? i18nc("Window title for track metadata", "Create a Radio") : i18nc("Window title for track metadata", "View Details") | ||
| 45 | 46 | | |||
| 46 | TrackMetadataModel { | 47 | TrackMetadataModel { | ||
| 47 | id: realModel | 48 | id: realModel | ||
| 48 | 49 | | |||
| 49 | manager: elisa.musicManager | 50 | manager: elisa.musicManager | ||
| 50 | } | 51 | } | ||
| 51 | 52 | | |||
| 52 | modality: Qt.NonModal | 53 | modality: Qt.NonModal | ||
| 53 | flags: Qt.Dialog | Qt.WindowCloseButtonHint | 54 | flags: Qt.Dialog | Qt.WindowCloseButtonHint | ||
| 54 | 55 | | |||
| 55 | color: myPalette.window | 56 | color: myPalette.window | ||
| 56 | 57 | | |||
| 57 | minimumHeight: elisaTheme.coverImageSize * 1.8 | 58 | minimumHeight: elisaTheme.coverImageSize * 1.8 | ||
| 58 | minimumWidth: elisaTheme.coverImageSize * 2.8 | 59 | minimumWidth: elisaTheme.coverImageSize * trackMetadata.widthIndex | ||
| 59 | 60 | | |||
| 60 | ColumnLayout { | 61 | ColumnLayout { | ||
| 61 | anchors.fill: parent | 62 | anchors.fill: parent | ||
| 62 | anchors.margins: elisaTheme.layoutVerticalMargin | 63 | anchors.margins: elisaTheme.layoutVerticalMargin | ||
| 63 | 64 | | |||
| 64 | spacing: elisaTheme.layoutVerticalMargin | 65 | spacing: elisaTheme.layoutVerticalMargin | ||
| 65 | 66 | | |||
| 66 | RowLayout { | 67 | RowLayout { | ||
| Show All 16 Lines | 75 | Image { | |||
| 83 | 84 | | |||
| 84 | Layout.alignment: Qt.AlignTop | Qt.AlignHCenter | 85 | Layout.alignment: Qt.AlignTop | Qt.AlignHCenter | ||
| 85 | Layout.preferredHeight: elisaTheme.coverImageSize | 86 | Layout.preferredHeight: elisaTheme.coverImageSize | ||
| 86 | Layout.preferredWidth: elisaTheme.coverImageSize | 87 | Layout.preferredWidth: elisaTheme.coverImageSize | ||
| 87 | Layout.minimumHeight: elisaTheme.coverImageSize | 88 | Layout.minimumHeight: elisaTheme.coverImageSize | ||
| 88 | Layout.minimumWidth: elisaTheme.coverImageSize | 89 | Layout.minimumWidth: elisaTheme.coverImageSize | ||
| 89 | Layout.maximumHeight: elisaTheme.coverImageSize | 90 | Layout.maximumHeight: elisaTheme.coverImageSize | ||
| 90 | Layout.maximumWidth: elisaTheme.coverImageSize | 91 | Layout.maximumWidth: elisaTheme.coverImageSize | ||
| 92 | | ||||
| 93 | onStatusChanged: { | ||||
| 94 | if (metadataImage.status === Image.Error) { | ||||
| 95 | source = Qt.resolvedUrl(elisaTheme.defaultAlbumImage) | ||||
| 96 | } | ||||
| 97 | } | ||||
| 91 | } | 98 | } | ||
| 92 | 99 | | |||
| 93 | ListView { | 100 | ListView { | ||
| 94 | id: trackData | 101 | id: trackData | ||
| 95 | 102 | | |||
| 96 | Layout.fillWidth: true | 103 | Layout.fillWidth: true | ||
| 97 | Layout.fillHeight: true | 104 | Layout.fillHeight: true | ||
| 98 | Layout.leftMargin: 2 * elisaTheme.layoutHorizontalMargin | 105 | Layout.leftMargin: 2 * elisaTheme.layoutHorizontalMargin | ||
| ▲ Show 20 Lines • Show All 125 Lines • ▼ Show 20 Line(s) | 228 | onMusicManagerChanged: { | |||
| 224 | } else if (initialDatabaseId !== 0) { | 231 | } else if (initialDatabaseId !== 0) { | ||
| 225 | realModel.initializeByIdAndUrl(modelType, initialDatabaseId, fileName) | 232 | realModel.initializeByIdAndUrl(modelType, initialDatabaseId, fileName) | ||
| 226 | } else { | 233 | } else { | ||
| 227 | realModel.initializeByUrl(modelType, fileName) | 234 | realModel.initializeByUrl(modelType, fileName) | ||
| 228 | } | 235 | } | ||
| 229 | } | 236 | } | ||
| 230 | } | 237 | } | ||
| 231 | 238 | | |||
| 239 | Connections { | ||||
| 240 | target: realModel | ||||
| 241 | | ||||
| 242 | onCoverUrlChanged: { | ||||
| 243 | metadataImage.source = realModel.coverUrl | ||||
| 244 | } | ||||
| 245 | } | ||||
This is needed because when the image is going into error state and changed later on, the image would not get updated, right? astippich: This is needed because when the image is going into error state and changed later on, the image… | |||||
jguidon: Yes exactly :) | |||||
| 246 | | ||||
| 232 | Component.onCompleted: { | 247 | Component.onCompleted: { | ||
| 233 | if (elisa.musicManager) { | 248 | if (elisa.musicManager) { | ||
| 234 | if (initialDatabaseId === -1) { | 249 | if (initialDatabaseId === -1) { | ||
| 235 | realModel.initializeForNewRadio() | 250 | realModel.initializeForNewRadio() | ||
| 236 | } else if (initialDatabaseId !== 0) { | 251 | } else if (initialDatabaseId !== 0) { | ||
| 237 | realModel.initializeByIdAndUrl(modelType, initialDatabaseId, fileName) | 252 | realModel.initializeByIdAndUrl(modelType, initialDatabaseId, fileName) | ||
| 238 | } else { | 253 | } else { | ||
| 239 | realModel.initializeByUrl(modelType, fileName) | 254 | realModel.initializeByUrl(modelType, fileName) | ||
| 240 | } | 255 | } | ||
| 241 | } | 256 | } | ||
| 242 | } | 257 | } | ||
| 243 | } | 258 | } | ||
this looks to specific. why is this needed?