QmlDesigner: Show metadata of assets when being hovered on

This change does not affect font files.
For all other assets, the file type is now also shown in tooltips
For image assets, the image size is also displayed.

Task-number: QDS-8177
Change-Id: Iceb93a0ffe1cb284a87cc93f1da2060f6f4f1529
Reviewed-by: Miikka Heikkinen <miikka.heikkinen@qt.io>
Reviewed-by: Thomas Hartmann <thomas.hartmann@qt.io>

1 files changed, 33 insertions, 1 deletions

diff --git a/share/qtcreator/qmldesigner/itemLibraryQmlSources/AssetDelegate.qml b/share/qtcreator/qmldesigner/itemLibraryQmlSources/AssetDelegate.qml
index 2bbfff5223..3e8f346fde 100644
--- a/share/qtcreator/qmldesigner/itemLibraryQmlSources/AssetDelegate.qml
+++ b/share/qtcreator/qmldesigner/itemLibraryQmlSources/AssetDelegate.qml
@@ -182,9 +182,36 @@ TreeViewDelegate {
         }
 
         ToolTip {
+            id: assetTooltip
             visible: !root.isFont && mouseArea.containsMouse && !root.assetsView.contextMenu.visible
-            text: model.filePath
+            text: assetTooltip.__computeText()
             delay: 1000
+
+            function __computeText()
+            {
+                let filePath = model.filePath.replace(assetsModel.contentDirPath(), "")
+                let fileSize = rootView.assetFileSize(model.filePath)
+                let fileExtMatches = model.filePath.match(/\.(.*)$/)
+                let fileExt = fileExtMatches ? "(" + fileExtMatches[1] + ")" : ""
+
+                if (rootView.assetIsImage(model.filePath)) {
+                    let size = rootView.imageSize(model.filePath)
+
+                    return filePath + "\n"
+                            + size.width + " x " + size.height
+                            + "\n" + fileSize
+                            + " " + fileExt
+                } else {
+                    return filePath + "\n"
+                            + fileSize
+                            + " " + fileExt
+                }
+            }
+
+            function refresh()
+            {
+                text = assetTooltip.__computeText()
+            }
         }
 
         Timer {
@@ -293,5 +320,10 @@ TreeViewDelegate {
                     : "image://qmldesigner_assets/" + model.filePath
         }
 
+        onStatusChanged: {
+            if (thumbnailImage.status === Image.Ready)
+                assetTooltip.refresh()
+        }
+
     } // Image
 } // TreeViewDelegate