fix: rename continent variables to area for consistency.

Author: Nde-Code

online/meteorites-map.html

@@ -268,7 +268,7 @@
 
                 <p class="modalbox-description"><i class="fa-solid fa-square" style="color: #4690F2; font-size: 14px;"></i> Les données sur les météorites tombées sur Terre proviennent de la <a href="https://data.nasa.gov/dataset/meteorite-landings" style="color: #4690F2;"> [NASA]</a>. </p>
 
-                <p class="modalbox-description"><i class="fa-solid fa-square" style="color: #4690F2; font-size: 14px;"></i> Le but de ce projet est de réaliser des statistiques basées sur l'aléatoire (générale ou par continent), des météorites tombées sur Terre. Pour des projets plus ambitieux demandant un recherche avec plusieurs filtres pour plus de précision, une documentation relative à l'API sera prochainement disponible. </p>
+                <p class="modalbox-description"><i class="fa-solid fa-square" style="color: #4690F2; font-size: 14px;"></i> Le but de ce projet est de réaliser des statistiques basées sur l'aléatoire (générale ou par zone/continent), des météorites tombées sur Terre. Pour des projets plus ambitieux demandant un recherche avec plusieurs filtres pour plus de précision, une documentation relative à l'API sera prochainement disponible. </p>
 
                 <p class="modalbox-description"><i class="fa-solid fa-square" style="color: #4690F2; font-size: 14px;"></i> Les données sont hébergées dans une base de données Google (Firebase) et récupérées via une API (programmée par mes soins), hébergée sur Deno Deploy. </p>
 
@@ -314,7 +314,7 @@
 
             ranking: 8,
 
-            CONTINENT_COORDS: [
+            AREAS_COORDS: [
 
                 { name: "Europe", center_lat: 54, center_long: 15, radius: 2500 },
 
@@ -332,7 +332,7 @@
 
             ],
 
-            continent_index: 0,
+            area_index: 0,
 
             starting_width: $(document).width()
 
@@ -618,11 +618,11 @@ <h2>Top ${extendedData.ranking} des classes de météorites:</h2>
 
             let reset = (message) => {
 
-                let iconClass = (targetId === 'random-continent-html') ? 'fa-solid fa-earth-europe animation' : 'fa-solid fa-plus animation';
+                let iconClass = (targetId === 'random-areas-html') ? 'fa-solid fa-earth-europe animation' : 'fa-solid fa-plus animation';
 
                 $icon.removeClass().addClass(iconClass);
 
-                if (targetId === 'random-continent-html') $label.html($label.data('default') || "Ajouter des météorites d'un continent séquentiellement");
+                if (targetId === 'random-areas-html') $label.html($label.data('default') || "Ajouter des météorites d'une zone séquentiellement");
 
                 else $label.text($label.data('default') || "Réajouter aléatoirement des météorites");
 
@@ -704,17 +704,17 @@ <h2>Top ${extendedData.ranking} des classes de météorites:</h2>
 
         }
 
-        function initContinentHTML() {
+        function initAreaHTML() {
 
-            let index = extendedData.continent_index || 0;
+            let index = extendedData.area_index || 0;
 
-            let continent = extendedData.CONTINENT_COORDS[index];
+            let area = extendedData.AREAS_COORDS[index];
 
-            let $span = $('#random-continent-html');
+            let $span = $('#random-areas-html');
 
             if ($span.length) {
 
-                $span.html(`Ajouter des météorites sur la zone: <strong>${continent.name}</strong>`);
+                $span.html(`Ajouter des météorites sur la zone: <strong>${area.name}</strong>`);
 
                 $span.data('default', $span.html());
 
@@ -754,45 +754,45 @@ <h2>Top ${extendedData.ranking} des classes de météorites:</h2>
 
                     {
 
-                        text: `<span id="random-continent-html"> Ajouter des météorites d'un continent séquentiellement </span>`,
+                        text: `<span id="random-areas-html"> Ajouter des météorites d'une zone séquentiellement </span>`,
 
                         icon: 'fa-solid fa-globe-europe animation',
 
                         color: '#28A745',
 
                         action: async () => {
 
-                            let $span = $('#random-continent-html');
+                            let $span = $('#random-areas-html');
 
-                            let $li = $('#random-continent-html').closest('li');
+                            let $li = $('#random-areas-html').closest('li');
 
                             if ($li.hasClass('loading')) return;
 
-                            let index = extendedData.continent_index;
+                            let index = extendedData.area_index;
 
-                            let continent = extendedData.CONTINENT_COORDS[index];
+                            let area = extendedData.AREAS_COORDS[index];
 
-                            let nextIndex = (index + 1) % extendedData.CONTINENT_COORDS.length;
+                            let nextIndex = (index + 1) % extendedData.AREAS_COORDS.length;
 
-                            $span.html(`Ajouter des météorites sur la zone: <strong>${extendedData.CONTINENT_COORDS[nextIndex].name}</strong>`);
+                            $span.html(`Ajouter des météorites sur la zone: <strong>${extendedData.AREAS_COORDS[nextIndex].name}</strong>`);
 
                             $span.data('default', $span.html());
 
                             let params = {
 
-                                center_lat: continent.center_lat.toString(),
+                                center_lat: area.center_lat.toString(),
 
-                                center_long: continent.center_long.toString(),
+                                center_long: area.center_long.toString(),
 
-                                radius: continent.radius.toString()
+                                radius: area.radius.toString()
 
                             };
 
-                            getRandomMeteoriteFromDB('/search', params, 'random-continent-html');
+                            getRandomMeteoriteFromDB('/search', params, 'random-areas-html');
 
-                            extendedData.map.setView([continent.center_lat, continent.center_long], 4);
+                            extendedData.map.setView([area.center_lat, area.center_long], 4);
 
-                            extendedData.continent_index = nextIndex;
+                            extendedData.area_index = nextIndex;
 
                         }
 
@@ -898,7 +898,7 @@ <h2>Top ${extendedData.ranking} des classes de météorites:</h2>
 
         extendedData.map.addControl(new L.Control.DropdownControl({ position: 'topright' }));
 
-        initContinentHTML();
+        initAreaHTML();
 
         extendedData.marker_group = L.layerGroup().addTo(extendedData.map);