fix stage pin display

honk-fest-west · May 17, 2024 · 63da71f · 63da71f
1 parent df80fde
commit 63da71f
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 7 deletions.
diff --git a/src/assets/images/map/1_columbiacity-phone.jpg b/src/assets/images/map/1_columbiacity-phone.jpg
diff --git a/src/components/festival/Map.svelte b/src/components/festival/Map.svelte
@@ -4,6 +4,7 @@
   import FaInfo from 'svelte-icons/fa/FaInfo.svelte';
   import FaBriefcaseMedical from 'svelte-icons/fa/FaBriefcaseMedical.svelte';
   import FaRestroom from 'svelte-icons/fa/FaRestroom.svelte';
+  import { info } from 'node_modules/astro/dist/core/logger/core';
 
   export let stages: Stage[];
   export let coordinates: Coordinates;
@@ -72,6 +73,7 @@
 
       stage.pinEl && (stage.pinEl.style.left = `${left}px`);
       stage.pinEl && (stage.pinEl.style.top = `${top}px`);
+      stage.pinEl && (stage.pinEl.style.display = 'flex');
     });
 
     Object.entries(other).forEach(([key, [x, y]]) => {
@@ -84,15 +86,19 @@
       if (key === 'info') {
         infoPinEl && (infoPinEl.style.left = `${left}px`);
         infoPinEl && (infoPinEl.style.top = `${top}px`);
+        infoPinEl && (infoPinEl.style.display = 'flex');
       } else if (key === 'medic') {
         medicPinEl && (medicPinEl.style.left = `${left}px`);
         medicPinEl && (medicPinEl.style.top = `${top}px`);
+        medicPinEl && (medicPinEl.style.display = 'flex');
       } else if (key === 'potty') {
         pottyPinEl && (pottyPinEl.style.left = `${left}px`);
         pottyPinEl && (pottyPinEl.style.top = `${top}px`);
+        pottyPinEl && (pottyPinEl.style.display = 'flex');
       } else if (key === 'potty2') {
         potty2PinEl && (potty2PinEl.style.left = `${left}px`);
         potty2PinEl && (potty2PinEl.style.top = `${top}px`);
+        potty2PinEl && (potty2PinEl.style.display = 'flex');
       }
     });
   };
@@ -128,6 +134,7 @@
     {#if stage}
       <button
         class="absolute flex h-8 w-8 rounded shadow-lg"
+        style="display: none;"
         bind:this={stage.pinEl}
         on:click={() => selectStage(stage.key)}
       >
@@ -148,6 +155,7 @@
   <!-- Info Pin -->
   <span
     class="absolute flex h-6 w-6 justify-center items-center rounded-full overflow-hidden shadow-lg"
+    style="display: none;"
     bind:this={infoPinEl}
   >
     <span class="absolute inline-flex h-full w-full bg-green-500" />
@@ -160,6 +168,7 @@
   <!-- Medic Pin -->
   <span
     class="absolute flex h-6 w-6 justify-center items-center rounded-t-lg overflow-hidden shadow-lg"
+    style="display: none;"
     bind:this={medicPinEl}
   >
     <span class="absolute inline-flex h-full w-full bg-white" />
@@ -172,6 +181,7 @@
   <!-- Potty Pin -->
   <span
     class="absolute flex h-6 w-6 justify-center items-center rounded overflow-hidden shadow-lg"
+    style="display: none;"
     bind:this={pottyPinEl}
   >
     <span class="absolute inline-flex h-full w-full bg-blue-500" />
@@ -184,6 +194,7 @@
   <!-- Potty 2 Pin -->
   <span
     class="absolute flex h-6 w-6 justify-center items-center rounded overflow-hidden shadow-lg"
+    style="display: none;"
     bind:this={potty2PinEl}
   >
     <span class="absolute inline-flex h-full w-full bg-blue-500" />

diff --git a/src/data/schedule.toml b/src/data/schedule.toml
@@ -57,9 +57,9 @@
 "19:00" = [ "", 	"", 					"", 					"" ]
 "19:30" = [ "", 	"", 					"", 					"" ]
 [days.coordinates]
-"info" = [540.0,620.0]
-"medic" = [540.0,540.0]
-"potty" = [470.0,720.0]
+"info" = [480.0,1270.0]
+"medic" = [480.0,1180.0]
+"potty" = [410.0,1330.0]
 
 
 [[days]]
@@ -86,4 +86,4 @@
 [days.coordinates]
 "info" = [1200.0,420.0]
 "medic" = [1200.0,510.0]
-"potty" = [580.0, 1060.0]
+"potty" = [1200.0, 740.0]
diff --git a/src/data/stages.toml b/src/data/stages.toml
@@ -54,11 +54,10 @@ mapUrl = "https://goo.gl/maps/DxAg4xmBYWnQR88d9"
 
 [edmunds]
 name = "Edmunds Stage"
-x = 100.0
-y = 800.0
+x = 180.0
+y = 1380.0
 mapUrl = "https://maps.app.goo.gl/XLbUVWercZPEC9SU8"
 
-
 [pratt_hill]
 name = "North Hill Stage"
 x = 775.0