Add media.openExternallyOnClick setting

Makes clicking on image open them externally and middle-clicking open
them in the mirage image viewer, the reverse of the default behavior.

src/backend/user_files.py

@@ -284,6 +284,7 @@ class UISettings(JSONDataFile):
                 "autoPlayGIF": True,
                 "autoHideOSDAfterMsec": 3000,
                 "defaultVolume": 100,
+                "openExternallyOnClick": False,
                 "startMuted": False,
             },
             "keys": {

src/gui/Pages/Chat/Timeline/EventImage.qml

@@ -42,6 +42,19 @@ HMxcImage {
         Math.max(maxHeight, theme.chat.message.thumbnailMinSize.height),
     )
 
+    function openInternally() {
+        eventList.openImageViewer(
+            singleMediaInfo,
+            loader.mediaUrl.startsWith("mxc://") ? "" : loader.mediaUrl,
+        )
+    }
+
+    function openExternally() {
+        loader.isMedia ?
+        eventList.openMediaExternally(singleMediaInfo) :
+        Qt.openUrlExternally(loader.mediaUrl)
+    }
+
 
     width: fitSize.width
     height: fitSize.height
@@ -78,10 +91,9 @@ HMxcImage {
                 return
             }
 
-            eventList.openImageViewer(
+            window.settings.media.openExternallyOnClick ?
-                singleMediaInfo,
+            image.openExternally() :
-                loader.mediaUrl.startsWith("mxc://") ? "" : loader.mediaUrl,
+            image.openInternally()
-            )
         }
     }
 
@@ -89,11 +101,10 @@ HMxcImage {
         acceptedButtons: Qt.MiddleButton
         acceptedModifiers: Qt.NoModifier
         gesturePolicy: TapHandler.ReleaseWithinBounds
-        onTapped: {
+        onTapped:
-            loader.isMedia ?
+            window.settings.media.openExternallyOnClick ?
-            eventList.openMediaExternally(singleMediaInfo) :
+            image.openInternally() :
-            Qt.openUrlExternally(loader.mediaUrl)
+            image.openExternally()
-        }
     }
 
     TapHandler {