Feature(inspector): add link in menu, add icon

This commit is contained in:
Pieter Vander Vennet 2024-12-03 19:26:29 +01:00
parent 4d0d92d250
commit 7c6224fd3e
3 changed files with 12 additions and 1 deletions

View file

@ -669,6 +669,9 @@
"pickTheme": "Pick a theme below to get started.", "pickTheme": "Pick a theme below to get started.",
"title": "MapComplete" "title": "MapComplete"
}, },
"inspector": {
"menu": "Inspect a contributor"
},
"move": { "move": {
"cancel": "Select a different reason", "cancel": "Select a different reason",
"cannotBeMoved": "This feature cannot be moved.", "cannotBeMoved": "This feature cannot be moved.",

View file

@ -50,6 +50,7 @@
import Squares2x2 from "@babeard/svelte-heroicons/mini/Squares2x2" import Squares2x2 from "@babeard/svelte-heroicons/mini/Squares2x2"
import EnvelopeOpen from "@babeard/svelte-heroicons/mini/EnvelopeOpen" import EnvelopeOpen from "@babeard/svelte-heroicons/mini/EnvelopeOpen"
import PanoramaxLink from "./PanoramaxLink.svelte" import PanoramaxLink from "./PanoramaxLink.svelte"
import MagnifyingGlassCircle from "@babeard/svelte-heroicons/outline/MagnifyingGlassCircle"
export let state: ThemeViewState export let state: ThemeViewState
let userdetails = state.osmConnection.userDetails let userdetails = state.osmConnection.userDetails
@ -262,6 +263,11 @@
</Page> </Page>
</div> </div>
<a class="flex" href={window.location.protocol + "//" + window.location.host + "/inspector.html"}>
<MagnifyingGlassCircle class="mr-2 h-6 w-6" />
<Tr t={Translations.t.inspector.menu} />
</a>
<a class="flex" href="https://github.com/pietervdvn/MapComplete/" target="_blank"> <a class="flex" href="https://github.com/pietervdvn/MapComplete/" target="_blank">
<Github class="h-6 w-6" /> <Github class="h-6 w-6" />
<Tr t={Translations.t.general.attribution.gotoSourceCode} /> <Tr t={Translations.t.general.attribution.gotoSourceCode} />

View file

@ -26,6 +26,7 @@
import Page from "./Base/Page.svelte" import Page from "./Base/Page.svelte"
import PreviouslySpiedUsers from "./History/PreviouslySpiedUsers.svelte" import PreviouslySpiedUsers from "./History/PreviouslySpiedUsers.svelte"
import { OsmConnection } from "../Logic/Osm/OsmConnection" import { OsmConnection } from "../Logic/Osm/OsmConnection"
import MagnifyingGlassCircle from "@babeard/svelte-heroicons/outline/MagnifyingGlassCircle"
let username = QueryParameters.GetQueryParameter("user", undefined, "Inspect this user") let username = QueryParameters.GetQueryParameter("user", undefined, "Inspect this user")
let step = new UIEventSource<"waiting" | "loading" | "done">("waiting") let step = new UIEventSource<"waiting" | "loading" | "done">("waiting")
@ -123,7 +124,8 @@
<div class="flex flex-col w-full h-full"> <div class="flex flex-col w-full h-full">
<div class="flex gap-x-2 items-center low-interaction p-2"> <div class="flex gap-x-2 items-center low-interaction p-2">
<h1 class="flex-shrink-0">Inspect contributor</h1> <MagnifyingGlassCircle class="w-12 h-12"/>
<h1 class="flex-shrink-0 m-0 mx-2">Inspect contributor</h1>
<ValidatedInput type="string" value={username} on:submit={() => load()} /> <ValidatedInput type="string" value={username} on:submit={() => load()} />
{#if loadingData} {#if loadingData}
<Loading /> <Loading />