@panoramax/web-viewer 4.4.0-develop-0a8e1733 → 4.4.0-develop-b3d8cc82

package/docs/reference/components/core/CoverageMap.md

@@ -65,6 +65,7 @@ Component properties.
 | [map-style] | <code>string</code> \| <code>object</code> | The map's MapLibre style. This can be an a JSON object conforming to the schema described in the [MapLibre Style Specification](https://maplibre.org/maplibre-style-spec/), or a URL string pointing to one. Defaults to OSM vector tiles. |
 | [lang] | <code>string</code> | To override language used for labels. Defaults to using user's preferred languages. |
 | [map-options] | <code>object</code> | [Any map option available in Map class](../ui/Map.md/#Panoramax.components.ui.Map).<br />Example: `map-options='{"bounds": [[-73.9876, 40.7661], [-73.9397, 40.8002]]}'` |
+| [user] | <code>string</code> | To filter on a specific user UUID |
 
 <a name="Panoramax.components.core.Basic+onceReady"></a>
 

package/docs/tutorials/migrate_v5.md

@@ -26,15 +26,17 @@ On [Viewer](../reference/components/core/Viewer.md), pictures and sequences from
 - `metacatalog="false"` to only display your API data (previous behaviour)
 - `metacatalog="https://another-metacatalog.org"` to use another server than public metacatalog
 
-#### `users` ➡️ `endpoint-to-use`
+#### `users` ➡️ `endpoint-to-use` / `user`
 
-The `users` parameter has been removed from all core components. Instead, for _Viewer_, you can select by default which Panoramax _endpoint_ should be used. It's either your local API, metacatalog, or a single user from or another server. This is done using `endpoint-to-use` parameter:
+The `users` parameter has been removed from all core components. Instead, for __Viewer__, you can select by default which Panoramax _endpoint_ should be used. It's either your local API, metacatalog, or a single user from or another server. This is done using `endpoint-to-use` parameter:
 
 - `endpoint-to-use="default"` for your local API
 - `endpoint-to-use="metacatalog"` for metacatalog (if not set to `metacatalog="false"`)
 - `endpoint-to-use="890b6268-7716-4e34-ada9-69985e6c1657"` for any specific user UUID (from your local API)
 - `endpoint-to-use="metacatalog_890b6268-7716-4e34-ada9-69985e6c1657"` for any specific user UUID from metacatalog
 
+For __CoverageMap__, `users` parameter is replaced by `user`, and only can take a single user UUID at a time.
+
 ### 👂 Events
 
 Various events have been changed in favor of _MapStyleComposer_ ones:

package/package.json

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

package/src/components/core/CoverageMap.js

@@ -43,10 +43,12 @@ export default class CoverageMap extends Basic {
 	 * @property {string|object} [map-style] The map's MapLibre style. This can be an a JSON object conforming to the schema described in the [MapLibre Style Specification](https://maplibre.org/maplibre-style-spec/), or a URL string pointing to one. Defaults to OSM vector tiles.
 	 * @property {string} [lang] To override language used for labels. Defaults to using user's preferred languages.
 	 * @property {object} [map-options] [Any map option available in Map class](#Panoramax.components.ui.Map).<br />Example: `map-options='{"bounds": [[-73.9876, 40.7661], [-73.9397, 40.8002]]}'`
+	 * @property {string} [user] To filter on a specific user UUID
 	 */
 	static properties = {
 		"map-options": {converter: Basic.GetJSONConverter()},
 		"map-style": {type: String},
+		user: {type: String},
 		...Basic.properties
 	};
 
@@ -68,11 +70,29 @@ export default class CoverageMap extends Basic {
 		this.onceAPIReady().then(() => {
 			this.loader.setAttribute("value", 30);
 			this._initParams = new InitParameters(InitParameters.GetComponentProperties(CoverageMap, this));
-			this.mapStyleComposer._createPanoramaxEndpointFromAPI("default", this.api, true);
+			const singleUser = this.user && this.user != "";
+			this.mapStyleComposer._createPanoramaxEndpointFromAPI("default", this.api, !singleUser);
+			if(singleUser) {
+				this.mapStyleComposer._createPanoramaxEndpointForUser(this.user);
+			}
 			this._initMap();
 		});
 	}
 
+	/** @private */
+	attributeChangedCallback(name, _old, value) {
+		super.attributeChangedCallback(name, _old, value);
+
+		if(name === "user" && this.api?._isReady === 1) {
+			if(value && value != "") {
+				this.mapStyleComposer._createPanoramaxEndpointForUser(value);
+			}
+			else {
+				this.mapStyleComposer.switchPanoramaxEndpoint("default");
+			}
+		}
+	}
+
 	/** @private */
 	disconnectedCallback() {
 		super.disconnectedCallback();