Add fullscreen buttons to file viewer and filesystem

svelte/src/filesystem/Toolbar.svelte

@@ -20,6 +20,7 @@ export let view = "file"
 export let details_visible = false
 export let edit_window
 export let edit_visible = false
+export let file_viewer
 
 $: share_url = generate_share_url(state.path)
 let link_copied = false
@@ -50,6 +51,21 @@ let share = async () => {
 	}
 }
 
+let fullscreen = false
+const toggle_fullscreen = () => {
+	if (fullscreen || document.fullscreenElement) {
+		try {
+			document.exitFullscreen()
+		} catch (err) {
+			console.debug("Failed to exit fullscreen", err)
+		}
+		fullscreen = false
+	} else {
+		file_viewer.requestFullscreen()
+		fullscreen = true
+	}
+}
+
 let expanded = false
 let expand = e => {
 	e.preventDefault()
@@ -113,6 +129,19 @@ let expand = e => {
 			</button>
 		{/if}
 
+		<button
+			class="toolbar_button"
+			on:click={toggle_fullscreen}
+			class:button_highlight={fullscreen}
+			title="Open page in full screen mode">
+			{#if fullscreen}
+				<i class="icon">fullscreen_exit</i>
+			{:else}
+				<i class="icon">fullscreen</i>
+			{/if}
+			<span>Fullscreen</span>
+		</button>
+
 		<button on:click={() => details_visible = !details_visible} class:button_highlight={details_visible}>
 			<i class="icon">help</i>
 			<span>Deta<u>i</u>ls</span>