@panoramax/web-viewer 3.2.3-develop-7e5ca4d2 → 3.2.3-develop-efc61aeb

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@panoramax/web-viewer",
-  "version": "3.2.3-develop-7e5ca4d2",
+  "version": "3.2.3-develop-efc61aeb",
   "description": "Panoramax web viewer for geolocated pictures",
   "main": "build/index.js",
   "author": "Panoramax team",

package/src/components/menus/PictureMetadata.js

@@ -127,8 +127,18 @@ export default class PictureMetadata extends LitElement {
 			this._meta?.caption?.date && {
 				title: this._parent?._t.pnx.metadata_general_date,
 				content: html`
-					<strong>${new Intl.DateTimeFormat(undefined, {dateStyle: "short"}).format(this._meta.caption.date)}</strong>
-					<br />${new Intl.DateTimeFormat(undefined, {hour: "numeric", minute: "numeric", second: "numeric", fractionalSecondDigits: 3, timeZoneName: "longOffset"}).format(this._meta.caption.date)}
+					<strong>${new Intl.DateTimeFormat(undefined, {
+						timeZone: this._meta.caption.tz,
+						dateStyle: "short"
+					}).format(this._meta.caption.date)}</strong>
+					<br />${new Intl.DateTimeFormat(undefined, {
+						timeZone: this._meta.caption.tz,
+						hour: "numeric",
+						minute: "numeric",
+						second: "numeric",
+						fractionalSecondDigits: 3,
+						timeZoneName: "longOffset"
+					}).format(this._meta.caption.date)}
 				`
 			}
 		];
@@ -216,8 +226,8 @@ export default class PictureMetadata extends LitElement {
 			this._meta?.caption?.date && {
 				title: this._parent?._t.pnx.metadata_general_date,
 				content: html`
-					<strong>${new Intl.DateTimeFormat(undefined, {dateStyle: "long"}).format(this._meta.caption.date)}</strong>
-					<br />${new Intl.DateTimeFormat(undefined, {hour: "numeric",minute:"numeric"}).format(this._meta.caption.date)}
+					<strong>${new Intl.DateTimeFormat(undefined, {timeZone: this._meta.caption.tz, dateStyle: "long"}).format(this._meta.caption.date)}</strong>
+					<br />${new Intl.DateTimeFormat(undefined, {timeZone: this._meta.caption.tz, hour: "numeric",minute:"numeric"}).format(this._meta.caption.date)}
 				`
 			},
 			// Camera

package/src/utils/picture.js

@@ -235,6 +235,14 @@ export function getNodeCaption(metadata, t) {
 	// Timestamp
 	if(metadata?.properties?.datetimetz) {
 		caption.date = new Date(metadata.properties.datetimetz);
+		const timeZoneMatch = metadata.properties.datetimetz.match(/([+-]\d{2}):(\d{2})$|Z$/);
+		if (timeZoneMatch) {
+			if (timeZoneMatch[0] === "Z") {
+				caption.tz = "UTC";
+			} else {
+				caption.tz = timeZoneMatch[0];
+			}
+		}
 	}
 	else if(metadata?.properties?.datetime) {
 		caption.date = new Date(metadata.properties.datetime);

package/tests/utils/__snapshots__/picture.test.js.snap

@@ -8,6 +8,7 @@ Object {
     "producer": Array [
       "Hopen111",
     ],
+    "tz": "+00:00",
   },
   "gps": Array [
     -92.70188245,
@@ -297,6 +298,7 @@ Object {
   "date": Object {
     "toLocaleDateString": [Function],
   },
+  "tz": "-03:00",
 }
 `;