tweak html and fix styling

TOMToolkit · Jul 10, 2024 · 6779830 · 6779830
1 parent 379f0be
commit 6779830
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 12 deletions.
diff --git a/tom_targets/templates/tom_targets/partials/aladin_skymap.html b/tom_targets/templates/tom_targets/partials/aladin_skymap.html
@@ -1,6 +1,6 @@
 <!-- insert this snippet where you want Aladin Lite viewer to appear -->
-<div id="aladin-lite-div" style="width:500px;height:400px;"></div>
-<script type="text/javascript" src="https://aladin.cds.unistra.fr/AladinLite/api/v3/3.2.0/aladin.js" charset="utf-8"></script>
+<div id="aladin-lite-div" style="width:auto; height:800px; margin:auto; margin-top: 10px;" ></div>
+<script type="text/javascript" src="https://aladin.cds.unistra.fr/AladinLite/api/v3/latest/aladin.js" charset="utf-8"></script>
 <script type="text/javascript">
 
 let aladin;
@@ -11,10 +11,11 @@
     fov:350, 
     projection:"MOL", 
     showReticle: false,
-    showCooGrid: false,
+    showCooGrid: true,
     showCooGridControl: true,
     });
 
+    aladin.setCooGrid({ color: 'red', labelSize: 10 });
 
     var targets = {{ targets|safe }}; //targets cannot be a queryset; here it is a list of dictionaries
 
@@ -24,7 +25,7 @@
          //console.log(target);
         var cat = A.catalog({name: 'Some markers', color: 'blue', sourceSize: 18});
         aladin.addCatalog(cat);
-        popup_info = ['RA: ', target.ra, '<br>' , 'Dec: ', target.dec];
+        popup_info = ['RA: '.concat(target.ra, '<br>',  'Dec: ', target.dec)];
         cat.addSources([A.marker(target.ra, target.dec, {popupTitle: target.name, popupDesc: popup_info})]);
 
     }
@@ -35,10 +36,3 @@
     });
 </script>
 
-
-{% for target in targets %}
-    {{target.name}}<br>
-    RA: {{target.ra}}<br>
-    Dec: {{target.dec}}<br>
-{% endfor %}
-
diff --git a/tom_targets/templates/tom_targets/target_list.html b/tom_targets/templates/tom_targets/target_list.html
@@ -23,7 +23,7 @@
       </div>
     </div>
     {% select_target_js %}
-    {% target_distribution filter.qs %}
+    <!-- {% target_distribution filter.qs %} -->
     {% aladin_skymap object_list %}
     {% bootstrap_pagination page_obj extra=request.GET.urlencode %}
     <label id="displaySelected"></label>