@panoramax/web-viewer 3.2.3-develop-a4cbf815 → 3.2.3-develop-d245268c

package/package.json

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

package/src/components/menus/MapFilters.js

@@ -262,18 +262,17 @@ export default class MapFilters extends LitElement {
 		this._onFormChange();
 	}
 
-	/**
-	 * Shortcut button click: change associated input value
-	 * @private
-	 */
-	_onShortcutClick(field, value) {
-		return () => {
-			const elem = this.shadowRoot.getElementById(field);
-			if(elem) {
-				if(elem.value !== value) { elem.value = value; }
-				else { elem.value = ""; }
-			}
-		};
+	/** @private */
+	_onDateShortcut(date) {
+		const dateFromField = this.shadowRoot.getElementById("pnx-filter-date-from");
+		const dateToField = this.shadowRoot.getElementById("pnx-filter-date-end");
+
+		if(dateFromField) {
+			if(dateFromField.value !== date) { dateFromField.value = date; }
+			else { dateFromField.value = ""; }
+		}
+
+		if(dateToField) { dateToField.value = ""; }
 	}
 	
 	/** @private */
@@ -290,13 +289,13 @@ export default class MapFilters extends LitElement {
 				<h4>${fa(faCalendar)} ${this._parent?._t.pnx.filter_date}</h4>
 				<div class="pnx-input-shortcuts">
 					<button
-						@click=${this._onShortcutClick("pnx-filter-date-from", new Date(new Date().setMonth(new Date().getMonth() - 1)).toISOString().split("T")[0])}
+						@click=${() => this._onDateShortcut(new Date(new Date().setMonth(new Date().getMonth() - 1)).toISOString().split("T")[0])}
 					>${this._parent?._t.pnx.filter_date_1month}</button>
 					<button
-						@click=${this._onShortcutClick("pnx-filter-date-from", new Date(new Date().setMonth(new Date().getMonth() - 6)).toISOString().split("T")[0])}
+						@click=${() => this._onDateShortcut(new Date(new Date().setMonth(new Date().getMonth() - 6)).toISOString().split("T")[0])}
 					>${this._parent?._t.pnx.filter_date_6months}</button>
 					<button
-						@click=${this._onShortcutClick("pnx-filter-date-from", new Date(new Date().setFullYear(new Date().getFullYear() - 1)).toISOString().split("T")[0])}
+						@click=${() => this._onDateShortcut(new Date(new Date().setFullYear(new Date().getFullYear() - 1)).toISOString().split("T")[0])}
 					>${this._parent?._t.pnx.filter_date_1year}</button>
 				</div>
 				<div class="pnx-input-group">