@panoramax/web-viewer 4.0.3-develop-03accd6d → 4.0.3-develop-d48b09a7

package/package.json

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

package/src/components/menus/PictureMetadata.js

@@ -15,6 +15,7 @@ import { faTags } from "@fortawesome/free-solid-svg-icons/faTags";
 import { faSvg, titles, textarea, hidden } from "../styles";
 import { createWebComp } from "../../utils/widgets";
 import { getGPSPrecision } from "../../utils/picture";
+import { PanoramaxMetaCatalogURL } from "../../utils/services";
 import {
 	getGrade, QUALITYSCORE_GPS_VALUES, QUALITYSCORE_RES_360_VALUES,
 	QUALITYSCORE_RES_FLAT_VALUES, QUALITYSCORE_POND_GPS, QUALITYSCORE_POND_RES
@@ -377,11 +378,21 @@ export default class PictureMetadata extends LitElement {
 			},
 			this._meta?.origInstance && {
 				title: this._parent?._t.pnx.metadata_general_instance,
-				content: html`<strong><a href=${this._meta.origInstance.href+window.location.search} target="_blank">
-					${this._meta.origInstance.instance_name || this._meta.origInstance.href.replace(/^http.?:\/\//, "")}
-				</a></strong>`
+				content: html`<strong>
+					<a href=${this._meta.origInstance.href+window.location.search} target="_blank" style="text-decoration: none">
+						<img
+							src=${PanoramaxMetaCatalogURL()+"/api/instances/"+this._meta.origInstance.instance_name+"/logo"}
+							style="height: 30px; max-width: 150px; vertical-align: middle"
+							alt=""
+						/>
+						<span style="text-decoration: underline">
+							${this._meta.origInstance.instance_name || this._meta.origInstance.href.replace(/^http.?:\/\//, "")}
+						</span>
+					</a>
+				</strong>`
 			}
 		];
+		console.log("instance", this._meta.origInstance);
 
 		return html`<pnx-tabs>
 			${this._toTab( // General

package/src/utils/services.js

@@ -12,6 +12,14 @@ export function PanoramaxPresetsURL() {
 	return "https://presets.panoramax.fr";
 }
 
+/**
+ * Panoramax meta-catalog URL
+ * @returns {string} The metacatalog URL
+ */
+export function PanoramaxMetaCatalogURL() {
+	return "https://explore.panoramax.fr";
+}
+
 /**
  * Temaki icons URL
  * @param {string} [iconName] The icon name to insert in URL