From eef2c3156da4a74561539177bf7b05b416396ccb Mon Sep 17 00:00:00 2001
From: Wim Brand <wim@fornaxian.tech>
Date: Tue, 18 Jun 2024 16:47:57 +0200
Subject: [PATCH] Disable video player for mastroska files because no browser
 actually supports them anymore

---
 svelte/src/file_viewer/FileUtilities.svelte | 5 ++---
 svelte/src/file_viewer/viewers/File.svelte  | 2 ++
 svelte/src/file_viewer/viewers/Video.svelte | 3 +++
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/svelte/src/file_viewer/FileUtilities.svelte b/svelte/src/file_viewer/FileUtilities.svelte
index 8e4def1..542537d 100644
--- a/svelte/src/file_viewer/FileUtilities.svelte
+++ b/svelte/src/file_viewer/FileUtilities.svelte
@@ -43,9 +43,8 @@ export const file_type = file => {
 	} else if (file.mime_type.startsWith("image")) {
 		return "image"
 	} else if (
-		file.mime_type.startsWith("video") ||
-		file.mime_type === "application/matroska" ||
-		file.mime_type === "application/x-matroska"
+		file.mime_type.startsWith("video") &&
+		file.mime_type !== "video/x-matroska"
 	) {
 		return "video"
 	} else if (
diff --git a/svelte/src/file_viewer/viewers/File.svelte b/svelte/src/file_viewer/viewers/File.svelte
index 4cdcbc0..31e81e5 100644
--- a/svelte/src/file_viewer/viewers/File.svelte
+++ b/svelte/src/file_viewer/viewers/File.svelte
@@ -3,6 +3,7 @@ import { createEventDispatcher } from "svelte";
 import BandwidthUsage from "./BandwidthUsage.svelte";
 import IconBlock from "./IconBlock.svelte";
 import FileTitle from "./FileTitle.svelte";
+import { formatDataVolume } from "../../util/Formatting.svelte";
 let dispatch = createEventDispatcher()
 
 export const set_file = f => file = f
@@ -21,6 +22,7 @@ let file = {
 
 <IconBlock icon_href={file.icon_href}>
 	Type: {file.mime_type}<br/>
+	Size: {formatDataVolume(file.size, 3)}<br/>
 	No preview is available for this file type. Download to view it locally.
 	<br/>
 	<button class="button_highlight" on:click={() => {dispatch("download")}}>
diff --git a/svelte/src/file_viewer/viewers/Video.svelte b/svelte/src/file_viewer/viewers/Video.svelte
index d5272b6..529a1a4 100644
--- a/svelte/src/file_viewer/viewers/Video.svelte
+++ b/svelte/src/file_viewer/viewers/Video.svelte
@@ -170,6 +170,9 @@ const fullscreen = () => {
 		<button on:click={download}>
 			<i class="icon">download</i> Download
 		</button>
+		<a href="/login" class="button">
+			<i class="icon">login</i> Log in
+		</a>
 		<a href="/register" class="button">
 			<i class="icon">how_to_reg</i> Sign up
 		</a>