Add header image to branding options

svelte/src/filesystem/filemanager/FileManager.svelte

@@ -71,9 +71,9 @@ const node_select = e => {
 	state.children[index].fm_selected = !state.children[index].fm_selected
 }
 
-const node_settings = e => {
-	edit_window.edit(state.children[e.detail], false)
-}
+const node_settings = e => edit_window.edit(state.children[e.detail], false)
+const node_branding = e => edit_window.edit(state.children[e.detail], false, "branding")
+
 const navigate_up = () => {
 	creating_dir = false
 
@@ -352,6 +352,8 @@ onMount(() => {
 		{/if}
 	</div>
 
+	<slot></slot>
+
 	{#if directory_view === "list"}
 		<ListView
 			state={state}
@@ -361,6 +363,7 @@ onMount(() => {
 			on:node_context={node_context}
 			on:node_share_click={node_share_click}
 			on:node_settings={node_settings}
+			on:node_branding={node_branding}
 			on:node_select={node_select}
 		/>
 	{:else if directory_view === "gallery"}

svelte/src/filesystem/filemanager/FilePicker.svelte

@@ -5,6 +5,7 @@ import GalleryView from './GalleryView.svelte'
 import Modal from '../../util/Modal.svelte';
 import Navigator from '../Navigator.svelte';
 import LoadingIndicator from '../../util/LoadingIndicator.svelte';
+import Breadcrumbs from '../Breadcrumbs.svelte'
 
 let fs_navigator
 let state
@@ -172,6 +173,9 @@ onMount(() => {
 			<i class="icon">done</i> Pick
 		</button>
 	</div>
+
+	<Breadcrumbs state={state} fs_navigator={fs_navigator}/>
+
 	{#if directory_view === "list"}
 		<ListView
 			state={state}

svelte/src/filesystem/filemanager/ListView.svelte

@@ -47,8 +47,13 @@ export let large_icons = false
 						<i class="icon" title="This file / directory is shared. Click to open public link">share</i>
 					</a>
 				{/if}
+				{#if child.properties && child.properties.branding_enabled}
+					<button class="action_button" on:click|preventDefault|stopPropagation={() => dispatch("node_branding", index)}>
+						<i class="icon">palette</i>
+					</button>
+				{/if}
 				{#if state.permissions.update}
-					<button class="action_button" on:click|preventDefault|stopPropagation={() => {dispatch("node_settings", index)}}>
+					<button class="action_button" on:click|preventDefault|stopPropagation={() => dispatch("node_settings", index)}>
 						<i class="icon">edit</i>
 					</button>
 				{/if}