feat(myaccount): saved data now uses phone storage instead of preferences (#174)

Author: azarz

src/js/compare-landmark.js

@@ -133,7 +133,7 @@ class compareLandmark {
    */
   #generateGeoJson() {
     let id = -1;
-    if (this.compareLandmarkId !== null && this.compareLandmarkId >= 0) {
+    if (this.compareLandmarkId !== null && (this.compareLandmarkId >= 0 || typeof this.compareLandmarkId === "string")) {
       id = this.compareLandmarkId;
     }
     return {

src/js/compare-poi/compare-poi.js

@@ -128,7 +128,7 @@ class ComparePoi {
   setData(comparePoi) {
     this.dom.advancedBtn.classList.add("d-none");
     this.comparePoiId = -1;
-    if (comparePoi.id !== null && comparePoi.id >= 0) {
+    if (comparePoi.id !== null && (comparePoi.id >= 0 || typeof comparePoi.id === "string")) {
       this.comparePoiId = comparePoi.id;
     }
     this.compareConfig = {
@@ -207,6 +207,7 @@ class ComparePoi {
       const comparePoi = this.map.queryRenderedFeatures(e.point, {layers: layers})[0];
       comparePoi.properties.opacity = 0.6;
       comparePoi.properties.radiusRatio = 0;
+      comparePoi.id = comparePoi.properties.id;
       const source = this.map.getSource("selected-compare-poi");
       source.setData({
         "type": "FeatureCollection",

src/js/index.js

@@ -27,7 +27,6 @@ import { SafeAreaController } from "@aashu-dubey/capacitor-statusbar-safe-area";
 import { TextZoom } from "@capacitor/text-zoom";
 import { Device } from "@capacitor/device";
 import { App } from "@capacitor/app";
-import { Preferences } from "@capacitor/preferences";
 import { Toast } from "@capacitor/toast";
 
 import { Protocol } from "pmtiles";
@@ -46,35 +45,6 @@ defineCustomElements(window);
  * Fonction définissant l'application
  */
 function app() {
-  // REMOVEME : rétrocompatibilité des itinéraires / PR / PR comparer : migration du localStorage vers Preferences
-  if (localStorage.getItem("savedRoutes")) {
-    Preferences.set({
-      key: "savedRoutes",
-      value: localStorage.getItem("savedRoutes"),
-    }).then( () => {
-      localStorage.removeItem("savedRoutes");
-    });
-  }
-
-  if (localStorage.getItem("savedLandmarks")) {
-    Preferences.set({
-      key: "savedLandmarks",
-      value: localStorage.getItem("savedLandmarks"),
-    }).then( () => {
-      localStorage.removeItem("savedLandmarks");
-    });
-  }
-
-  if (localStorage.getItem("savedCompareLandmarks")) {
-    Preferences.set({
-      key: "savedCompareLandmarks",
-      value: localStorage.getItem("savedCompareLandmarks"),
-    }).then( () => {
-      localStorage.removeItem("savedCompareLandmarks");
-    });
-  }
-  // END REMOVEME
-
   // Ajout du protocole PM Tiles
   let protocol = new Protocol();
   maplibregl.addProtocol("pmtiles", protocol.tile);

src/js/landmark.js

@@ -130,7 +130,7 @@ class Landmark {
    */
   #generateGeoJson() {
     let id = -1;
-    if (this.landmarkId !== null && this.landmarkId >= 0) {
+    if (this.landmarkId !== null && (this.landmarkId >= 0 || typeof this.landmarkId === "string")) {
       id = this.landmarkId;
     }
     return {