@panoramax/web-viewer 4.0.3-develop-0c0d89e3 → 4.0.3-develop-ffa0bd32

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@panoramax/web-viewer",
-  "version": "4.0.3-develop-0c0d89e3",
+  "version": "4.0.3-develop-ffa0bd32",
   "description": "Panoramax web viewer for geolocated pictures",
   "main": "build/index.js",
   "author": "Panoramax team",

package/src/components/menus/MapLegend.js

@@ -14,19 +14,26 @@ export default class MapLegend extends LitElement {
 	/** @private */
 	static styles = css`
 		:host {
-			font-size: 0.9em;
+			font-size: 0.7em;
 		}
 		small {
 			font-size: 1em;
 		}
+		.maplibregl-ctrl-attrib-inner {
+			display: inline-block;
+		}
 	`;
 
 	/** @private */
 	render() {
+		/* eslint-disable indent */
 		const mapAttrib = this._parent?.map?._attribution?._innerContainer;
+		const mapLabelParts = this._parent?._t.map.map_data.split("{m}");
 
 		return html`
-			${mapAttrib && mapAttrib.innerHTML.length > 0 ? html`${this._parent?._t.map.map_data}<br />${mapAttrib}` : nothing}
+			${mapAttrib && mapAttrib.innerHTML.length > 0
+				? html`${mapLabelParts.shift()}${mapAttrib}${mapLabelParts.shift()}`
+				: nothing}
 		`;
 	}
 }

package/src/components/menus/PictureMetadata.js

@@ -101,6 +101,14 @@ export default class PictureMetadata extends LitElement {
 		}
 	}
 
+	/** @private */
+	_onCaptureDateClick() {
+		const qsTab = this.shadowRoot.querySelector("pnx-tabs");
+		if(qsTab) {
+			qsTab.setAttribute("activeTabIndex", 1);
+		}
+	}
+
 	/** @private */
 	_toTab(title, data) {
 		return html`
@@ -108,7 +116,7 @@ export default class PictureMetadata extends LitElement {
 			<div slot="content" class="data-blocks">
 				${data.filter(b => b).map(b => html`<div class="data-block" style=${b.style}>
 					<h5>${b.title}</h5>
-					<div style=${b.content_style}>${b.content}</div>
+					<div style=${b.content_style} @click=${b.click}>${b.content}</div>
 				</div>`)}
 			</div>
 		`;
@@ -313,9 +321,11 @@ export default class PictureMetadata extends LitElement {
 			// Capture date
 			this._meta?.caption?.date && {
 				title: this._parent?._t.pnx.metadata_general_date,
+				click: this._onCaptureDateClick,
+				content_style: "cursor: pointer",
 				content: html`
 					<strong>${new Intl.DateTimeFormat(lang, {timeZone: this._meta.caption.tz, dateStyle: "long"}).format(this._meta.caption.date)}</strong>
-					<br />${new Intl.DateTimeFormat(lang, {timeZone: this._meta.caption.tz, hour: "numeric",minute:"numeric"}).format(this._meta.caption.date)}
+					<br />${new Intl.DateTimeFormat(lang, {timeZone: this._meta.caption.tz, hour: "numeric",minute:"numeric", second: "numeric"}).format(this._meta.caption.date)}
 				`
 			},
 			// Camera
@@ -334,10 +344,10 @@ export default class PictureMetadata extends LitElement {
 			// Quality score
 			hasQualityScore && {
 				title: this._parent?._t.pnx.metadata_quality,
+				click: this._onQualityScoreClick,
 				content: html`<pnx-quality-score
 					grade=${generalGrade}
 					style="font-size: 14px; cursor: pointer"
-					@click=${this._onQualityScoreClick}
 				/>`
 			},
 			// Copy ID

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

@@ -46,7 +46,8 @@ export default class Legend extends LitElement {
 			width: 250px;
 		}
 		.presentation {
-			font-size: 0.9em;
+			font-size: 0.85em;
+			line-height: 1em;
 			display: flex;
 			gap: 5px;
 			align-items: center;
@@ -104,7 +105,7 @@ export default class Legend extends LitElement {
 			</pnx-picture-legend>
 			<pnx-map-legend
 				._parent=${this._parent}
-				style=${this.focus != "map" ? "display: none": ""}
+				style=${this.focus != "map" ? "display: none": "display: block; margin-top: 5px"}
 			></pnx-map-legend>
 		</div>`;
 	}

package/src/translations/da.json

@@ -199,7 +199,7 @@
         "thumbnail": "Miniature af billedet, der holdes",
         "not_public": "Ikke offentligt synlig",
         "slow_loading": "Kortet indlæses langsomt og kan virke defekt",
-        "map_data": "Kortdata:",
+        "map_data": "Kortdata: {m}",
         "more_panoramax": "Få mere at vide om Panoramax"
     }
 }

package/src/translations/de.json

@@ -225,7 +225,7 @@
         "not_public": "Nicht öffentlich sichtbar",
         "loading": "Laden…",
         "slow_loading": "Die Karte wird nur langsam geladen und könnte fehlerhaft erscheinen",
-        "map_data": "Kartendaten:",
+        "map_data": "Kartendaten: {m}",
         "more_panoramax": "Mehr Infos über Panoramax"
     },
     "maplibre": {

package/src/translations/en.json

@@ -225,7 +225,7 @@
         "thumbnail": "Thumbnail of hovered picture",
         "not_public": "Not publicly visible",
         "slow_loading": "Map is slow to load and could appear broken",
-        "map_data": "Map data:",
+        "map_data": "Map based on {m}",
         "more_panoramax": "Discover more about Panoramax"
     }
 }

package/src/translations/eo.json

@@ -211,6 +211,6 @@
         "thumbnail": "Miniaturo de la surflikta bildo",
         "not_public": "Ne publike videbla",
         "more_panoramax": "Malkovri pli pri Panoramax",
-        "map_data": "Kartaj datumoj :"
+        "map_data": "Kartaj datumoj : {m}"
     }
 }

package/src/translations/fr.json

@@ -223,7 +223,7 @@
         "thumbnail": "Miniature de la photo survolée",
         "not_public": "Masqué au public",
         "slow_loading": "La carte est longue à charger et pourrait apparaître cassée",
-        "map_data": "Données cartographiques :",
+        "map_data": "Carte basée sur {m}",
         "more_panoramax": "En savoir plus sur Panoramax"
     }
 }

package/src/translations/it.json

@@ -228,7 +228,7 @@
         "thumbnail": "Miniatura della foto passata con il mouse",
         "not_public": "Non pubblicamente visibile",
         "slow_loading": "La mappa impiega troppo tempo a caricarsi e potrebbe apparire a pezzi",
-        "map_data": "Dati cartografici:",
+        "map_data": "Dati cartografici: {m}",
         "more_panoramax": "Per saperne di più su Panoramax"
     }
 }

package/src/translations/nl.json

@@ -228,7 +228,7 @@
         "slow_loading": "De kaart laadt traag en kan er gebroken uitzien",
         "thumbnail": "Thumbnail van de aangeduide foto",
         "not_public": "Niet openbaar zichtbaar",
-        "map_data": "Kaartdata:",
+        "map_data": "Kaartdata: {m}",
         "more_panoramax": "Meer weten over Panoramax"
     }
 }

package/src/translations/zh_Hant.json

@@ -198,7 +198,7 @@
         "thumbnail": "遊標懸停相片的縮圖",
         "slow_loading": "地圖載入速度緩慢而且可能出現損壞",
         "more_panoramax": "深入了解 Panoramax",
-        "map_data": "地圖資料:"
+        "map_data": "地圖資料: {m}"
     },
     "psv": {
         "ctrlZoom": "使用 CTRL + 滑鼠滾輪縮放圖片",