@panoramax/web-viewer 3.2.3-develop-6e69906d → 3.2.3-develop-8b82a4e5

package/src/components/ui/TogglableGroup.js

@@ -1,6 +1,7 @@
 import { LitElement, html, css } from "lit";
 import { panel } from "../styles";
 import { listenForMenuClosure } from "../../utils/widgets";
+import { classMap } from "lit/directives/class-map.js";
 
 /**
  * Togglable Group element allows to make a menu appear/disappear based on button click.
@@ -27,9 +28,8 @@ export default class TogglableGroup extends LitElement {
 			height: 100%;
 		}
 
-		.pnx-panel {
-			z-index: 130;
-		}
+		.pnx-panel { z-index: 130; }
+		.pnx-panel-fixed { position: fixed; }
 	` ];
 
 	/**
@@ -88,71 +88,65 @@ export default class TogglableGroup extends LitElement {
 
 	/** @private */
 	adjustMenuPosition(btn) {
-		const smallWidth = window.innerWidth < 576;
-		const menu = this.shadowRoot.querySelector(".pnx-panel");
+		const btnMenuMargin = 5;
+		const borderMargin = 10;
+
+		// Reset menu position
+		const menu = this.shadowRoot.querySelector("div[part='menu']");
+		menu.style.top = null;
+		menu.style.bottom = null;
+		menu.style.right = null;
+		menu.style.left = null;
+		menu.style.overflowY = null;
+
+		// Get positions on screen
 		const btnRect = btn.getBoundingClientRect();
 		let menuRect = menu.getBoundingClientRect();
+		const fitsWidth = menuRect.right <= window.innerWidth - borderMargin;
+		const fitsHeight = menuRect.bottom <= window.innerHeight - borderMargin;
 
-		const overflowHeight = menuRect.height > window.innerHeight * 0.8;
-		if(overflowHeight) {
-			menu.style.height = `${window.innerHeight * 0.8}px`;
-			menu.style.overflowY = "scroll";
-			menuRect = menu.getBoundingClientRect();
+		// No overflow = space a bit under button
+		if(fitsWidth && fitsHeight) {
+			menu.style.top = `${btnRect.bottom+btnMenuMargin}px`;
 		}
-		else {
-			// Try to remove height limiter
-			menu.style.height = "unset";
-			menu.style.overflowY = "unset";
+		// Overflows width+height = put at button's top+left
+		else if(!fitsWidth && !fitsHeight) {
+			menu.style.right = `${window.innerWidth - btnRect.left + btnMenuMargin}px`;
+			menu.style.bottom = `${window.innerHeight - btnRect.bottom}px`;
+			
+			// Check if it doesn't overflow on top
 			menuRect = menu.getBoundingClientRect();
-
-			// If height is too high, put back limitation
-			if(menuRect.height > window.innerHeight * 0.8) {
-				menu.style.height = `${window.innerHeight * 0.8}px`;
-				menu.style.overflowY = "scroll";
-				menuRect = menu.getBoundingClientRect();
+			if(menuRect.top - borderMargin < 0) {
+				menu.style.bottom = `${borderMargin}px`;
+				menu.style.top = `${btnRect.top}px`;
+				menu.style.overflowY = "auto";
 			}
 		}
-
-		const overflowRight = btnRect.left + menuRect.width > window.innerWidth;
-		const overflowBottom = btnRect.bottom + menuRect.height > window.innerHeight;
-		const overflowTop = btnRect.top - menuRect.height < 0;
-
-		if(overflowRight && overflowBottom && overflowTop) {
-			menu.style.top = smallWidth ? "0px" : `${btnRect.height + 5}px`;
-			menu.style.bottom = null;
-			menu.style.right = `${btnRect.width + 5}px`;
-			menu.style.left = null;
+		// Overflows height = limit height
+		else if(!fitsHeight) {
+			menu.style.bottom = `${borderMargin}px`;
+			menu.style.top = `${btnRect.bottom+btnMenuMargin}px`;
+			menu.style.overflowY = "auto";
 		}
-		else if(overflowRight && overflowBottom) {
-			menu.style.top = null;
-			menu.style.bottom = "0px";
-			menu.style.right = `${btnRect.width + 5}px`;
-			menu.style.left = null;
-		}
-		else if(overflowRight) {
-			menu.style.top = smallWidth ? "0px" : `${btnRect.height + 5}px`;
-			menu.style.bottom = null;
-			menu.style.right = smallWidth ? `${btnRect.width + 5}px` : "0px";
-			menu.style.left = null;
-		}
-		else if(overflowBottom && !overflowTop) {
-			menu.style.top = null;
-			menu.style.bottom = "0px";
-			menu.style.left = `${btnRect.width + 5}px`;
-		}
-		else {
-			menu.style.top = `${btnRect.height + 5}px`;
-			menu.style.right = null;
-			menu.style.left = "0px";
-			menu.style.bottom = null;
+		// Overflows width = move to left
+		else if(!fitsWidth) {
+			menu.style.top = `${btnRect.bottom+btnMenuMargin}px`;
+			menu.style.right = `${window.innerWidth - btnRect.right}px`;
 		}
 	}
 
 	/** @private */
 	render() {
+		const panelClasses = {
+			"pnx-panel": true,
+			"pnx-panel-fixed": true,
+			"pnx-hidden": !this._opened,
+			"pnx-padded": this.padded !== "false",
+		};
+
 		return html`<div class="container">
 			<slot name="button" @slotchange=${this.handleButtonSlotChange}></slot>
-			<div class="pnx-panel ${this._opened ? "" : "pnx-hidden"} ${this.padded == "false" ? "" : "pnx-padded"}">
+			<div class=${classMap(panelClasses)} part="menu">
 				<slot></slot>
 			</div>
 		</div>`;

package/src/components/ui/index.js

@@ -8,6 +8,7 @@ export {default as Button} from "./Button";
 export {default as CopyButton} from "./CopyButton";
 export {default as Grade} from "./Grade";
 export {default as LinkButton} from "./LinkButton";
+export {default as ListGroup} from "./ListGroup";
 export {default as Loader} from "./Loader";
 export {default as Map} from "./Map";
 export {default as MapMore} from "./MapMore";

package/src/components/ui/widgets/Legend.js

@@ -3,6 +3,7 @@ import { panel } from "../../styles";
 import { fa } from "../../../utils/widgets";
 import { faInfoCircle } from "@fortawesome/free-solid-svg-icons/faInfoCircle";
 import PanoramaxImg from "../../../img/panoramax.svg";
+import { classMap } from "lit/directives/class-map.js";
 
 /**
  * Legend widget, handling switch between map and photo components.
@@ -10,25 +11,39 @@ import PanoramaxImg from "../../../img/panoramax.svg";
  * @class Panoramax.components.ui.widgets.Legend
  * @element pnx-widget-legend
  * @extends [lit.LitElement](https://lit.dev/docs/api/LitElement/)
+ * @slot `editors` External links to map editors, or any tool that may be helpful. Defaults to OSM tools (iD & JOSM).
  * @example
  * ```html
+ * <!-- Default legend -->
  * <pnx-widget-legend
  *   _parent=${viewer}
  *   focus="map"
  *   picture="PICTURE-ID-IF-ANY"
  * />
+ * 
+ * <!-- With custom editor links -->
+ * <pnx-widget-legend
+ *   _parent=${viewer}
+ *   focus="map"
+ *   picture="PICTURE-ID-IF-ANY"
+ * >
+ *   <div slot="editors"><a href="http://my.own.tool">Edit in my own tool</a></div>
+ * </pnx-widget-legend>
  * ```
  */
 export default class Legend extends LitElement {
 	/** @private */
 	static styles = [panel, css`
-		.pnx-panel.pnx-padded {
+		.pnx-panel[part="panel"] {
 			border-radius: 10px;
-			padding: 10px;
 			position: relative;
+			max-width: 80vw;
+			z-index: 121; /* To appear above mini component */
+			min-width: unset;
+		}
+		.pnx-panel[part="panel"].pnx-padded {
+			padding: 10px;
 			width: 250px;
-			max-width: 80vh;
-			z-index: 120;
 		}
 		.presentation {
 			font-size: 0.9em;
@@ -54,7 +69,12 @@ export default class Legend extends LitElement {
 	};
 
 	render() {
-		return html`<div class="pnx-panel pnx-padded" part="panel">
+		const classes = {
+			"pnx-panel": true,
+			"pnx-padded": this.focus == "map",
+		};
+
+		return html`<div class=${classMap(classes)} part="panel">
 			<div
 				class="presentation"
 				style=${this.focus != "map" && this.picture ? "display: none": ""}
@@ -70,7 +90,10 @@ export default class Legend extends LitElement {
 			<pnx-picture-legend
 				._parent=${this._parent}
 				style=${this.focus == "map" ? "display: none": ""}
-			></pnx-picture-legend>
+				collapsable
+			>
+				<slot slot="editors" name="editors"></slot>
+			</pnx-picture-legend>
 			<pnx-map-legend
 				._parent=${this._parent}
 				style=${this.focus != "map" ? "display: none": ""}

package/src/components/ui/widgets/OSMEditors.js

@@ -0,0 +1,153 @@
+import { LitElement, html, nothing, css } from "lit";
+import { fa } from "../../../utils/widgets";
+import { josmBboxParameters } from "../../../utils/utils";
+import { faLocationDot } from "@fortawesome/free-solid-svg-icons/faLocationDot";
+import { faSatelliteDish } from "@fortawesome/free-solid-svg-icons/faSatelliteDish";
+import { faExternalLinkAlt } from "@fortawesome/free-solid-svg-icons/faExternalLinkAlt";
+
+const JOSM_REMOTE_URL = "http://127.0.0.1:8111";
+const ID_URL = "https://www.openstreetmap.org/edit?editor=id";
+
+/**
+ * OSM Editors component offers direct links to OpenStreetMap's iD and JOSM editors.
+ * @class Panoramax.components.ui.widgets.OSMEditors
+ * @element pnx-widget-osmeditors
+ * @extends [lit.LitElement](https://lit.dev/docs/api/LitElement/)
+ * @example
+ * ```html
+ * <pnx-widget-osmeditors _parent=${viewer} />
+ * ```
+ */
+export default class OSMEditors extends LitElement {
+	/** @private */
+	static properties = {
+		_pic: {state: true},
+		_josm: {state: true},
+	};
+
+	/** @private */
+	static styles = css`
+		:host { display: inline-flex; gap: 5px; }
+		:host > * { flex: 1; }
+		pnx-link-button::part(btn) { height: auto; }
+	`;
+
+	constructor() {
+		super();
+		this._josm = false;
+	}
+
+	/** @private */
+	connectedCallback() {
+		super.connectedCallback();
+		this._parent?.onceReady().then(() => {
+			this._parent.onceFirstPicLoaded().then(this._onPictureLoad.bind(this));
+			this._parent.psv.addEventListener("picture-loaded", this._onPictureLoad.bind(this));
+		});
+	}
+
+	/** @private */
+	_onPictureLoad() {
+		this._pic = this._parent?.psv?.getPictureMetadata();
+	}
+
+	/**
+	 * Enable or disable JOSM live editing using [Remote](https://josm.openstreetmap.de/wiki/Help/RemoteControlCommands)
+	 * @private
+	 */
+	_toggleJOSMLive() {
+		this._josm = !this._josm;
+
+		if(this._josm) {
+			// Check if JOSM remote is enabled
+			fetch(JOSM_REMOTE_URL+"/version")
+				.then(() => {
+					// First loading : download + zoom
+					const p1 = josmBboxParameters(this._parent?.psv?.getPictureMetadata?.());
+					if(p1) {
+						const url = `${JOSM_REMOTE_URL}/load_and_zoom?${p1}`;
+						fetch(url).catch(e => {
+							console.warn(e);
+							this._toggleJOSMLive();
+						});
+					}
+
+					// Enable event listening
+					this._josmListener = () => {
+						const p2 = josmBboxParameters(this._parent?.psv?.getPictureMetadata?.());
+						if(p2) {
+							// Next loadings : just zoom
+							//   This avoids desktop focus to go on JOSM instead of
+							//   staying on web browser
+							const url = `${JOSM_REMOTE_URL}/zoom?${p2}`;
+							fetch(url).catch(e => {
+								console.warn(e);
+								this._toggleJOSMLive();
+							});
+						}
+					};
+					this._parent?.psv?.addEventListener?.("picture-loaded", this._josmListener);
+					this._parent?.psv?.addEventListener?.("picture-loading", this._josmListener);
+				})
+				.catch(e => {
+					console.warn(e);
+					alert(this._parent?._t.pnx.error_josm);
+					this._toggleJOSMLive();
+				});
+		}
+		else {
+			if(this._josmListener) {
+				this._parent?.psv?.removeEventListener?.("picture-loading", this._josmListener);
+				this._parent?.psv?.removeEventListener?.("picture-loaded", this._josmListener);
+				delete this._josmListener;
+			}
+		}
+	}
+
+	/** @private */
+	render() {
+		// Mobile -> Geo URI
+		if(this._parent?.isWidthSmall()) {
+			return html`
+				<pnx-link-button
+					size="sm"
+					href="geo:${this._pic.gps[1]},${this._pic.gps[0]};u=3"
+				>
+					${fa(faExternalLinkAlt)} ${this._parent?._t.pnx.geo_uri}
+				</pnx-link-button>
+			`;
+		}
+		else {
+			const idOpts = this._pic && {
+				"map": `19/${this._pic.gps[1]}/${this._pic.gps[0]}`,
+				"source": "Panoramax",
+				"photo_overlay": "panoramax",
+				"photo": `panoramax/${this._pic.id}`,
+			};
+			const idUrl = idOpts && `${ID_URL}#${new URLSearchParams(idOpts).toString()}`;
+
+			return html`
+				<pnx-link-button
+					size="sm"
+					href=${idUrl}
+					target="_blank"
+					title="${this._parent?._t.pnx.contribute_id}"
+				>
+					${fa(faLocationDot)} ${this._parent?._t.pnx.id}
+				</pnx-link-button>
+
+				<pnx-button
+					id="pnx-edit-josm"
+					size="sm"
+					active=${this._josm ? "" : nothing}
+					@click=${this._toggleJOSMLive}
+					title="${this._parent?._t.pnx.josm_live}"
+				>
+					${fa(faSatelliteDish)} ${this._parent?._t.pnx.josm}
+				</pnx-button>
+			`;
+		}
+	}
+}
+
+customElements.define("pnx-widget-osmeditors", OSMEditors);

package/src/components/ui/widgets/PictureLegendActions.js

@@ -0,0 +1,131 @@
+import { LitElement, html, nothing, css } from "lit";
+import { fa } from "../../../utils/widgets";
+import { faEllipsisV } from "@fortawesome/free-solid-svg-icons/faEllipsisV";
+import { noprint } from "../../styles";
+
+/**
+ * Picture Legend Actions is a menu showing up complementary actions for picture legend.
+ * @class Panoramax.components.ui.widgets.PictureLegendActions
+ * @element pnx-picture-legend-actions
+ * @extends [lit.LitElement](https://lit.dev/docs/api/LitElement/)
+ * @example
+ * ```html
+ * <pnx-picture-legend-actions _parent=${viewer} />
+ * ```
+ */
+export default class PictureLegendActions extends LitElement {
+	/** @private */
+	static styles = [ noprint, css`
+		pnx-togglable-group::part(menu) {
+			border-radius: 5px;
+			min-width: unset;
+		}
+	`];
+
+	/**
+	 * Component properties.
+	 * @memberof Panoramax.components.ui.widgets.PictureLegendActions#
+	 * @type {Object}
+	 * @property {boolean} [full=false] Show advanced actions
+	 */
+	static properties = {
+		full: { type: Boolean },
+		_baseUrl: {state: true},
+		_meta: { state: true },
+	};
+
+	constructor() {
+		super();
+		this.full = false;
+		this._onUrlChange();
+	}
+
+	/** @private */
+	connectedCallback() {
+		super.connectedCallback();
+
+		this._parent?.onceReady().then(() => {
+			this._onUrlChange();
+			this._meta = this._parent.psv.getPictureMetadata();
+			this._parent.urlHandler.addEventListener("url-changed", this._onUrlChange.bind(this));
+			this._parent.psv.addEventListener("picture-loaded", () => {
+				this._meta = this._parent.psv.getPictureMetadata();
+			});
+		});
+	}
+
+	/** @private */
+	_onUrlChange() {
+		this._baseUrl = window.location.href.replace(/\/$/, "");
+	}
+
+	/** @private */
+	_onPrint() {
+		this._closeGroup();
+		window.print();
+	}
+
+	/** @private */
+	_closeGroup() {
+		this.renderRoot.querySelector("pnx-togglable-group").close();
+	}
+
+	/** @private */
+	_onShareClick() {
+		this._closeGroup();
+		this._parent._showShareOptions();
+	}
+
+	/** @private */
+	_onReportClick() {
+		this._closeGroup();
+		this._parent._showReportForm();
+	}
+
+	/** @private */
+	render() {
+		const shareUrl = this._parent?.urlHandler?.nextShortLink(this._baseUrl) || this._baseUrl;
+
+		return html`<pnx-togglable-group padded="false" id="pic-legend-headline-menu" ._parent=${this._parent}>
+			<pnx-button slot="button" kind="inline">${fa(faEllipsisV)}</pnx-button>
+			<pnx-list-group class="pnx-print-hidden" @click=${this._closeMenu}>
+				${this.full ? html`
+					<a
+						download
+						target="_blank"
+						href=${this._meta?.panorama?.hdUrl}
+						@click=${this._closeGroup}
+					>${this._parent?._t.pnx.share_image}</a>
+					<pnx-copy-button ._t=${this._parent?._t} text=${shareUrl} unstyled>
+						${this._parent?._t.pnx.share_page}
+					</pnx-copy-button>
+					${this._parent.isWidthSmall() ? nothing : html`<button @click=${this._onPrint}>
+						${this._parent?._t.pnx.share_print}
+					</button>`}
+					${this._parent?.api?.getRSSURL() && html`
+						<a
+							target="_blank"
+							href=${this._parent?.api.getRSSURL(this._parent?.map?.getBounds?.())}
+							title=${this._parent?._t.pnx.share_rss_title}
+							@click=${this._closeGroup}
+						>
+							${this._parent?._t.pnx.share_rss}
+						</a>
+					`}
+				` : html`
+					<button @click=${this._onReportClick}>
+						${this._parent?._t.pnx.report}
+					</button>
+					<button @click=${this._onShareClick}>
+						${this._parent?._t.pnx.share}
+					</button>
+					${this._meta ? html`<pnx-copy-button ._t=${this._parent?._t} text=${this._meta.id} unstyled>
+						${this._parent?._t.pnx.metadata_general_copy_picid}
+					</pnx-copy-button>` : nothing}
+				` }
+			</pnx-list-group>
+		</pnx-togglable-group>`;
+	}
+}
+
+customElements.define("pnx-picture-legend-actions", PictureLegendActions);

package/src/components/ui/widgets/index.js

@@ -3,10 +3,11 @@
  * @module Panoramax:components:ui:widgets
  */
 
-export {default as Zoom} from "./Zoom";
-export {default as Player} from "./Player";
-export {default as Share} from "./Share";
 export {default as GeoSearch} from "./GeoSearch";
+export {default as Legend} from "./Legend";
 export {default as MapFiltersButton} from "./MapFiltersButton";
 export {default as MapLayersButton} from "./MapLayersButton";
-export {default as Legend} from "./Legend";
+export {default as OSMEditors} from "./OSMEditors";
+export {default as PictureLegendActions} from "./PictureLegendActions";
+export {default as Player} from "./Player";
+export {default as Zoom} from "./Zoom";

package/src/translations/en.json

@@ -52,8 +52,9 @@
         "sequence_speed": "Player speed",
         "legend_license": "License: {l}",
         "legend_title": "Show details of picture",
-        "edit_osm": "Edit OSM",
         "id": "iD",
+        "contribute_id": "Contribute to OpenStreetMap with iD editor",
+        "geo_uri": "External app",
         "josm": "JOSM",
         "josm_live": "Enable JOSM automatic sync on picture loading",
         "loading_labels_serious": [
@@ -102,6 +103,8 @@
         "filter_zoom_in": "Zoom-in to see this filter",
         "picture_flat": "Classic",
         "picture_360": "360°",
+        "picture_flat_long": "Classic picture",
+        "picture_360_long": "Panoramic picture",
         "filter_qualityscore": "Quality score",
         "filter_qualityscore_help": "Click to enable or disable",
         "qualityscore_title": "About the quality score",
@@ -123,8 +126,11 @@
         "map_theme_score": "Quality score",
         "contrast": "Enable higher image contrast",
         "metadata": "Picture metadata",
-        "metadata_general_picid": "Picture identifier",
-        "metadata_general_seqid": "Sequence identifier",
+        "metadata_summary": "Summary",
+        "metadata_general_copy_id": "Copy ID",
+        "metadata_general_copy_picid": "Copy picture ID",
+        "metadata_general_picid": "Picture",
+        "metadata_general_seqid": "Sequence",
         "metadata_general_picid_link": "Go to JSON description of the picture",
         "metadata_general_seqid_link": "Go to JSON description of the sequence",
         "metadata_general_author": "Author",
@@ -137,21 +143,21 @@
         "metadata_camera_type": "Type",
         "metadata_camera_resolution": "Resolution",
         "metadata_camera_focal_length": "Focal length",
-        "metadata_location": "Location",
+        "metadata_location": "Position",
         "metadata_location_longitude": "Longitude",
         "metadata_location_latitude": "Latitude",
-        "metadata_location_orientation": "Capture direction",
+        "metadata_location_orientation": "Direction",
         "metadata_location_precision": "Positioning precision",
-        "metadata_quality": "Quality score",
+        "metadata_quality": "Quality",
         "metadata_quality_help": "Know more about Quality Score",
         "metadata_quality_score": "Global score",
         "metadata_quality_gps_score": "Positioning score",
         "metadata_quality_resolution_score": "Resolution score",
         "metadata_quality_missing": "no value set in picture",
-        "metadata_exif": "EXIF / XMP",
+        "metadata_exif": "EXIF",
         "metadata_exif_name": "Tag",
         "metadata_exif_value": "Value",
-        "report": "Report picture",
+        "report": "Report",
         "report_auth": "This report will be sent using your account \"{a}\"",
         "report_nature_label": "Nature of the issue",
         "report_nature": {

package/src/translations/fr.json

@@ -52,8 +52,9 @@
         "sequence_speed": "Vitesse de lecture",
         "legend_license": "Licence : {l}",
         "legend_title": "Afficher les détails de l'image",
-        "edit_osm": "Contribuer sur OSM",
         "id": "iD",
+        "contribute_id": "Contribuez à OpenStreetMap avec l'éditeur iD",
+        "geo_uri": "App externe",
         "josm": "JOSM",
         "josm_live": "Active la synchronisation automatique de JOSM lors du chargement d'une photo",
         "loading_labels_serious": [
@@ -101,6 +102,8 @@
         "filter_picture": "Type d'image",
         "picture_flat": "Classique",
         "picture_360": "360°",
+        "picture_flat_long": "Photo classique",
+        "picture_360_long": "Photo panoramique",
         "filter_qualityscore": "Score de qualité",
         "filter_qualityscore_help": "Cliquez pour activer ou désactiver",
         "qualityscore_title": "À propos du score qualité",
@@ -123,8 +126,11 @@
         "map_theme_score": "Score de qualité",
         "contrast": "Augmenter le contraste de l'image",
         "metadata": "Métadonnées de la photo",
-        "metadata_general_picid": "Identifiant de photo",
-        "metadata_general_seqid": "Identifiant de séquence",
+        "metadata_summary": "Résumé",
+        "metadata_general_copy_id": "Copier l'ID",
+        "metadata_general_copy_picid": "Copier l'ID de photo",
+        "metadata_general_picid": "Photo",
+        "metadata_general_seqid": "Séquence",
         "metadata_general_picid_link": "Aller au descriptif JSON de la photo",
         "metadata_general_seqid_link": "Aller au descriptif JSON de la séquence",
         "metadata_general_author": "Auteur",
@@ -137,21 +143,21 @@
         "metadata_camera_type": "Type",
         "metadata_camera_resolution": "Résolution",
         "metadata_camera_focal_length": "Longueur focale",
-        "metadata_location": "Localisation",
+        "metadata_location": "Position",
         "metadata_location_longitude": "Longitude",
         "metadata_location_latitude": "Latitude",
-        "metadata_location_orientation": "Direction de prise de vue",
+        "metadata_location_orientation": "Direction",
         "metadata_location_precision": "Précision du positionnement",
-        "metadata_quality": "Score de qualité",
+        "metadata_quality": "Qualité",
         "metadata_quality_help": "En savoir plus sur le score de qualité",
         "metadata_quality_score": "Note globale",
         "metadata_quality_gps_score": "Note du positionnement",
         "metadata_quality_resolution_score": "Note de la résolution",
         "metadata_quality_missing": "pas d'info dans l'image",
-        "metadata_exif": "EXIF / XMP",
+        "metadata_exif": "EXIF",
         "metadata_exif_name": "Balise",
         "metadata_exif_value": "Valeur",
-        "report": "Signaler la photo",
+        "report": "Signaler",
         "report_auth": "Ce signalement sera envoyé en utilisant votre compte \"{a}\"",
         "report_nature_label": "Nature du problème",
         "report_nature": {

package/src/utils/InitParameters.js

@@ -376,7 +376,8 @@ export function alterViewerState(viewer, params) {
 	// Restore selected picture
 	let pic = params.picture || params.pic;
 	if(pic && params.focus && params.focus == "meta") {
-		viewer.psv.addEventListener("picture-loaded", () => viewer._showPictureMetadata(), { once: true });
+		// TODO open expanded legend
+		//viewer.psv.addEventListener("picture-loaded", () => viewer._showPictureMetadata(), { once: true });
 	}
 
 	// Change focus

package/src/utils/geocoder.js

@@ -57,7 +57,9 @@ function nominatimAddressToPlaceName(addr) {
 			// Zone Indus-like
 			"farm", "farmyard", "industrial", "commercial", "retail", "city_block", "residential",
 			// Quarter-like
-			"neighbourhood", "allotments", "quarter"
+			"neighbourhood", "allotments", "quarter",
+			// Fallback to road if nothing else found
+			"road"
 		];
 		for(let pn of potentialNames) {
 			if(addr[pn]) {