diff --git a/webui/src/components/Inspect.svelte b/webui/src/components/Inspect.svelte index bcbdcf9..5d29f97 100644 --- a/webui/src/components/Inspect.svelte +++ b/webui/src/components/Inspect.svelte @@ -4,7 +4,7 @@ import UpObject from "./display/UpObject.svelte"; import { UpType } from "../lib/types"; import BlobPreview from "./display/BlobPreview.svelte"; - import { onMount, setContext } from "svelte"; + import { createEventDispatcher, onMount, setContext } from "svelte"; import { writable } from "svelte/store"; import type { UpEntry } from "upend"; import Spinner from "./utils/Spinner.svelte"; @@ -175,7 +175,7 @@

{#if $entity} - + {:else} {/if} diff --git a/webui/src/util/title.ts b/webui/src/util/title.ts new file mode 100644 index 0000000..dd37bb0 --- /dev/null +++ b/webui/src/util/title.ts @@ -0,0 +1,10 @@ +export function updateTitle(route?: string, title?: string) { + let newTitle = "UpEnd"; + if (route?.length) { + newTitle += ` | ${route}`; + } + if (title?.length) { + newTitle += ` - ${title}`; + } + document.title = newTitle; +} diff --git a/webui/src/views/Browse.svelte b/webui/src/views/Browse.svelte index 15e1266..8122089 100644 --- a/webui/src/views/Browse.svelte +++ b/webui/src/views/Browse.svelte @@ -1,13 +1,15 @@
@@ -49,7 +63,12 @@ import IconButton from "../components/utils/IconButton.svelte"; disabled={addresses.length === 1} />

- + onIdentified(index, ev)} + /> {/each} @@ -77,7 +96,7 @@ import IconButton from "../components/utils/IconButton.svelte"; background: var(--background-lighter); color: var(--foreground-lighter); border: 1px solid var(--foreground-lightest); - border-radius: .5em; + border-radius: 0.5em; padding: 1rem; header { diff --git a/webui/src/views/Home.svelte b/webui/src/views/Home.svelte index e7854b6..bddb750 100644 --- a/webui/src/views/Home.svelte +++ b/webui/src/views/Home.svelte @@ -8,6 +8,7 @@ import Spinner from "../components/utils/Spinner.svelte"; import { query } from "../lib/entity"; import { vaultInfo } from "../util/info"; + import { updateTitle } from "../util/title"; const roots = (async () => { const response = await fetch("/api/hier_roots"); @@ -37,6 +38,8 @@ const date = parseISO(dateString); return formatRelative(date, new Date()); } + + updateTitle("Home");
diff --git a/webui/src/views/Search.svelte b/webui/src/views/Search.svelte index 042f231..8f7ffa5 100644 --- a/webui/src/views/Search.svelte +++ b/webui/src/views/Search.svelte @@ -8,6 +8,7 @@ import UpObjectCard from "../components/display/UpObjectCard.svelte"; import { useNavigate } from "svelte-navigator"; import { baseSearch, createLabelled, getObjects } from "../util/search"; + import { updateTitle } from "../util/title"; const navigate = useNavigate(); export let query: string; @@ -41,6 +42,8 @@ const createdAddress = await createLabelled(query); navigate(`/browse/${createdAddress}`); } + + $: updateTitle("Search", query);