update db

proj/map/asset/js/main.js

@@ -80,9 +80,10 @@ let vm = new Vue({
   el: '#root',
   data: {
     currentLang: 'fr',
-    db : {},
+    fdata: {},
     dburl : "https://ed.brz9.dev/proj/map/asset/json/db.json",
-    db : {
+    db : {},
+    db2 : {
       restaurants : {
         id : "resto",
         type : "list",
@@ -197,12 +198,21 @@ let vm = new Vue({
   created: function(){
     console.log("about to call getJDB")
 //    this.getJDB();
+    fetch("http://localhost:3000/db")
+      .then(res => res.json())
+      .then(data => this.db = data)
+      .catch(err => console.log(err.message))
     console.log("after getJDB call")
+    this.setlang('fr');
   },
   mounted: function() {
     console.log("mounting");
     this.setlang('fr');
     console.log("mounted");
+    this.setlang('fr');
+  },
+  updated: function() {
+    this.setlang('fr');
   }
 
 })

proj/map/asset/js/map.js

@@ -1,3 +1,5 @@
+console.log("hello from map.js")
+
 var maxZoomLevel = 6
 var tileSize = 256
 

proj/map/asset/json/db.json

@@ -2,29 +2,75 @@
 "db" : {
       "restaurants" : {
         "id" : "resto",
-      "nameFR" : "Restaurants",
+        "type" : "list",
-      "nameEN" : "Restaurants",
+        "nameFR" : "Restaurant",
+        "nameEN" : "Restaurant",
         "nameIT" : "Ristoranti",
         "sub" : {
           "italiens" : {
             "id": "restoital",
+            "type" : "list",
             "nameFR" : "Italien",
             "nameEN" : "Italian",
             "nameIT" : "Italiano",
+            "sub" : {
               "SanTelmo" : {
-            "name": "San Telmo"
+                "id": "santelmo",
+                "type" : "item",
+                "name": "Sant Elmo",
+                "img": "https://ed.brz9.dev/proj/map/asset/img/santelmo.jpg",
+                "txtFR": "Français Adipisicing live-edge fam velit. Messenger bag poke laboris aesthetic viral do semiotics authentic est selfies.",
+                "txtEN": "English Adipisicing live-edge fam velit. Messenger bag poke laboris aesthetic viral do semiotics authentic est selfies.",
+                "txtIT": "Italiano Adipisicing live-edge fam velit. Messenger bag poke laboris aesthetic viral do semiotics authentic est selfies.",
+                "card" : {
+                  "tabs" : {
+                    "menu" : {
+                      "priceRange" : "18-32€",
+                      "dishes" : {
+                        "divola" : {
+                          "name" : "Pizza Divola"
+                        },
+                        "regina" : {
+                          "name" : "Pizza Regina"
+                        }
+                      }
+                    },
+                    "time" : {
+                      "monAM" : "11h30-14h00",
+                      "monPM" : "18h30-22h00"
+
+                    }
+                  }
+                }
               },
               "Salsamenteria" : {
-            "name": "Salsamenteria di Parma"
+                "id" : "salsamenteria",
+                "type"  : "item",
+                "name" : "Salsamenteria di Parma",
+                "img" : "https://ed.brz9.dev/proj/map/asset/img/salsamentiera.jpg",
+                "txtFR" : "Français Adipisicing live-edge fam velit. Messenger bag poke laboris aesthetic viral do semiotics authentic est selfies.",
+                "txtEN" : "English Adipisicing live-edge fam velit. Messenger bag poke laboris aesthetic viral do semiotics authentic est selfies.",
+                "txtIT" : "Italiano Adipisicing live-edge fam velit. Messenger bag poke laboris aesthetic viral do semiotics authentic est selfies."
+              }
             }
           },
           "vege" : {
             "id" : "restovege",
+            "type" : "list",
             "nameFR" : "Végétarien",
             "nameEN" : "Vegan",
             "nameIT" : "Vegetariano",
+            "sub" : {
               "SanTelmo" : {
+                "id": "santelmo",
+                "type" : "item",
                 "name": "San Telmo"
+              },
+              "Salsamenteria" : {
+                "id": "salsamenteria",
+                "type" : "item",
+                "name" : "Salsamenteria di Parma"
+              }
             }
           }
         }
@@ -32,3 +78,4 @@
     }
 }
 
+

proj/map/index.html

@@ -28,22 +28,23 @@
 <main>
 <div id="list">
 
-  <Accordeon v-bind:list="db.restaurants"></Accordeon>
+  <Accordeon v-bind:list="db.db.restaurants"></Accordeon>
 
-  <section class="void"></section>
 </div>
 
+
 </main>
 
 </div>
 
 
-<script src="asset/leaflet/leaflet.js"></script>
-<script src="asset/js/vue.min.js"></script>
-
-<script src="asset/js/main.js"></script>
-<script src="asset/js/map.js"></script>
 
 </body>
+<script src="asset/js/vue.min.js"></script>
+<script src="asset/leaflet/leaflet.js"></script>
+<script src="./asset/vu-leaflet/node_modules/vue2-leaflet"></script>
+<script src="asset/js/main.js"></script>
+
+<script src="asset/js/map.js"></script>
 </html>