From 17c2f1fc3ff5320ce2aac61b8ef6436192e18b87 Mon Sep 17 00:00:00 2001
From: Joey Chatelain <jchate6@gmail.com>
Date: Thu, 5 Dec 2024 13:34:03 -0800
Subject: [PATCH] final touches

---
 .../templates/tom_targets/partials/aladin_skymap.html      | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/tom_targets/templates/tom_targets/partials/aladin_skymap.html b/tom_targets/templates/tom_targets/partials/aladin_skymap.html
index 0ce2e3e7..cd1fad15 100644
--- a/tom_targets/templates/tom_targets/partials/aladin_skymap.html
+++ b/tom_targets/templates/tom_targets/partials/aladin_skymap.html
@@ -25,15 +25,16 @@
         name: 'Targets',
         color: 'blue',
         sourceSize: 16};
-    var targetCatalog = A.catalog(catalogOptions);
 
     // add targets to the catalog
     for (var i = 0; i < targets.length; i++) {
         var target = targets[i];
+        var targetCatalog = A.catalog({name: target.name , color: 'blue', sourceSize: 16});
+        aladin.addCatalog(targetCatalog);
         popupInfo = ['RA: '.concat(target.ra, '<br>',  'Dec: ', target.dec)];
         targetCatalog.addSources([A.marker(target.ra, target.dec, {popupTitle: target.name, popupDesc: popupInfo})]);
     }
-    aladin.addCatalog(targetCatalog);
+
 
     // extract Moon information from the context
     const moonRaDeg = {{ moon_ra|safe }};
@@ -66,7 +67,7 @@
     };
 
     // create a catalog for the moon
-    const moonImage = A.catalog({shape: drawMoon});
+    const moonImage = A.catalog({shape: drawMoon, color: 'gray', name: 'Moon'});
 
     const popupMoonDescription = `Illumination: ${moonIllumination} <br> RA: ${moonRaDeg.toFixed(4)} <br> Dec: ${moonDecDeg.toFixed(4)}`;