Source: public/javascript/olqv.js

  1. import { velocity2Redshift, redshift2Velocity, getRadiusInDegrees } from "./modules/utils.js";
  3. import { withSAMP, dataPaths, URL_ROOT, header, default_lut_index } from './modules/init.js';
  4. import { SpectroscopyUI, SpectroscopyQuery, SpectroscopyFormatter } from './modules/olqv_spectro.js';
  5. import { FITS_HEADER } from './modules/fitsheader.js';
  6. import { DEFAULT_INTENSITY, DEFAULT_EUP, SPECTRO_COLLECTIONS } from "./modules/constants.js";
  7. //import { DisplayVotable } from "./modules/samp_utils.js";
  8. import { FITSHeaderTable, LicensePanel } from "./modules/page_overlay.js";
  9. import { getViewLinker } from "./modules/olqv_linkedviews.js";
  10. import { CubeSmoother } from "./modules/olqv_smooth.js";
  11. import { SourceTable } from "./modules/olqv_ned.js";
  12. import { MarkerList } from "./modules/olqv_markers.js";
  13. import { getVelocityField, getRedshiftField, showLoaderAction } from "./modules/domelements.js";
  15. let viewLinker;
  17. // list of sources downloaded from NED catalog
  18. let sourceTable;
  20. // samp connection buttons container
  21. let publishSpectrumDiv = $("#publish-spectrum");
  24. // get user input from spectroscopy form
  25. let spectroUI = new SpectroscopyUI();
  26. // perform spectroscopy requests
  27. let spectroq = new SpectroscopyQuery();
  30. // when switching modal display mode
  31. $('#ned-modal').on('show.bs.modal', function(event) {
  32.     let selectRadius = document.getElementById("ned-search-radius");
  33.     let radius = getRadiusInDegrees(selectRadius.options[selectRadius.selectedIndex].value, FITS_HEADER);
  34.     let Hnot = parseFloat(document.getElementById("lines-hnot").value);
  35.     let OmegaM = parseFloat(document.getElementById("lines-omegam").value);
  36.     sourceTable.getSources(header["CRVAL1"], header["CRVAL2"], radius, Hnot, OmegaM);
  37. });
  39. // synchronizes velocity and redshift values when user changes it manually
  40. getVelocityField().addEventListener("keyup", function() {
  41.     const v = getVelocityField().value;
  42.     if (v.trim() !== "") {
  43.         spectroUI.setVelocity(v);
  44.         spectroUI.setRedshift(velocity2Redshift(v));
  45.     } else {
  46.         spectroUI.setVelocity("");
  47.         spectroUI.setRedshift("");
  48.     }
  49. });
  51. getRedshiftField().addEventListener("keyup", function() {
  52.     const z = getRedshiftField().value;
  53.     if (z.trim() !== "") {
  54.         spectroUI.setRedshift(z);
  55.         spectroUI.setVelocity(redshift2Velocity(z));
  56.     } else {
  57.         spectroUI.setRedshift("");
  58.         spectroUI.setVelocity("");
  59.     }
  61. });
  63. /* opens 3D visualization page, deactivated for now
  64. document.getElementById("show-3d-model").addEventListener("click", () => {
  65.     window.open("getYtObj?relFITSFilePath=" + dataPaths.relFITSFilePath +
  66.         "&iRA0=" + viewLinker.summedSlicesImage.ROI.iRA0 + "&iRA1=" + viewLinker.summedSlicesImage.ROI.iRA1 +
  67.         "&iDEC0=" + viewLinker.summedSlicesImage.ROI.iDEC0 + "&iDEC1=" + viewLinker.summedSlicesImage.ROI.iDEC1 +
  68.         "&iFREQ0=" + viewLinker.summedSlicesImage.ROI.iFREQ0 + "&iFREQ1=" + viewLinker.summedSlicesImage.ROI.iFREQ1);
  69.     return false;
  70. });
  71. */
  73. /**
  74.  *  Removes the selected box on the summedslice viewer when user push X key on keyboard
  75.  *
  76.  * @param {Event} evt
  77.  */
  78. var deleteFeature = function(evt) {
  79.     console.log("var deleteFeature = function(evt){ : entering");
  80.     if (evt.keyCode == 88) {
  81.         viewLinker.forgetSelectedBox();
  82.     }
  83.     console.log("var deleteFeature = function(evt){ : exiting");
  84. };
  87. function changeDatabase(spectroq, spectroUI, dbname) {
  88.     spectroq.getMetadata(function(metadata) { spectroUI.initSpeciesSelection(dbname, metadata) });
  89.     document.getElementById("intensity").value = DEFAULT_INTENSITY;
  90.     document.getElementById("intensityrange").value = DEFAULT_INTENSITY;
  91. }
  93. /**
  94.  * Changes list of spectral lines displayed in table next to the spectrum.
  95.  * Only a few lines are displayed at a time to avoid list becoming too long.
  96.  *
  97.  * @param {int} newGroupIndex index of displayed lines group
  98.  */
  99. function changeLinesGroup(newGroupIndex) {
  100.     spectroUI.changeGroupAction(newGroupIndex, () => {
  101.         viewLinker.summedPixelsSpectrumViewer.linePlotter.plotTransitionGroup(newGroupIndex);
  102.         spectroUI.showEnergyGroupLines(viewLinker.summedPixelsSpectrumViewer.linePlotter.transitionGroups[newGroupIndex]);
  103.     });
  104. }
  107. $(document).ready(function() {
  108.     console.log("$( document ).ready(function() {: entering");
  110.     // Set up everything required to fill and display the FITS header.
  111.     let FITSHDR = new FITSHeaderTable(document.getElementById("fitshdr"), header);
  112.     //Software licenses
  113.     let Licences = new LicensePanel(document.getElementById("licences"));
  115.     // local db is selected by default for spectroscopy
  116.     spectroUI.setDefaultDatabase();
  117.     // fill species autocomplete accordingly
  118.     spectroq.getMetadata(function(metadata) { spectroUI.initSpeciesSelection("local", metadata) });
  119.     spectroUI.disable();
  120.     // by default spectro UI checkbox is hidden
  121.     spectroUI.hideToggler();
  122.     // check that there are lines in spectro db
  123.     // UI remains hidden if nothing is found
  124.     spectroq.getStatuses(spectroUI.toggleDatabaseSelector);
  126.     // remove box selection in slice viewer
  127.     document.addEventListener('keydown', deleteFeature, false);
  128.     $('#LUT-selector').prop('selectedIndex', default_lut_index);
  130.     // set default values for z and spectroscopy
  131.     spectroUI.clearRedshift();
  132.     spectroUI.clearVelocity();
  133.     spectroUI.setIntensity(DEFAULT_INTENSITY);
  134.     spectroUI.setEnergyUp(DEFAULT_EUP);
  136.     showLoaderAction(true);
  138.     $("#spectroscopy-menu").className = "hidden";
  139.     $("#toggle-lines-search").checked = false;
  141.     // hide/show spectroscopy search form
  142.     $("#toggle-lines-search").on("click", function() {
  143.         if (document.getElementById("toggle-lines-search").checked) {
  144.             spectroUI.showSpectroscopyMenu();
  145.         } else {
  146.             spectroUI.hideSpectroscopyMenu();
  147.         }
  148.     });
  150.     // buttons to navigate list of spectral lines
  151.     $("#goto-previous-group").on("click", () => {
  152.         changeLinesGroup(spectroUI.currentGroup - 1);
  153.     });
  155.     $("#goto-next-group").on("click", () => {
  156.         changeLinesGroup(spectroUI.currentGroup + 1);
  157.     });
  159.     $("#goto-last-group").on("click", () => {
  160.         changeLinesGroup(viewLinker.summedPixelsSpectrumViewer.linePlotter.transitionGroups.length - 1);
  161.     });
  163.     $("#goto-first-group").on("click", () => {
  164.         changeLinesGroup(0);
  165.     });
  167.     // user select a datasource
  168.     $("#localdatasource").on("click", function() {
  169.         spectroUI.disable();
  170.         spectroq.getMetadata(function(metadata) { spectroUI.initSpeciesSelection("local", metadata) });
  171.         changeDatabase(spectroq, spectroUI, SPECTRO_COLLECTIONS.local);
  172.     });
  174.     $("#ismdatasource").on("click", function() {
  175.         spectroUI.enable();
  176.         changeDatabase(spectroq, spectroUI, SPECTRO_COLLECTIONS.ism);
  177.     });
  179.     $("#ismcsmdatasource").on("click", function() {
  180.         spectroUI.enable();
  181.         changeDatabase(spectroq, spectroUI, SPECTRO_COLLECTIONS.ismcsm);
  182.     });
  184.     $("#jpldatasource").on("click", function() {
  185.         spectroUI.enable();
  186.         changeDatabase(spectroq, spectroUI, SPECTRO_COLLECTIONS.jpl);
  187.     });
  189.     $("#cdmsdatasource").on("click", function() {
  190.         spectroUI.enable();
  191.         changeDatabase(spectroq, spectroUI, SPECTRO_COLLECTIONS.cdms);
  192.     });
  194.     // user wants to display all lines for a dataset
  195.     document.getElementById("selectedspecies").addEventListener("getdataset", (event) => {
  196.         spectroq.getDataset(event.detail.db, event.detail.dataset, (result) => {
  198.             const obsFreqMin = viewLinker.summedPixelsSpectrumViewer.summedPixelsSpectrumChart.obsFreqMin;
  199.             const obsFreqMax = viewLinker.summedPixelsSpectrumViewer.summedPixelsSpectrumChart.obsFreqMax;
  201.             if (event.detail.db !== SPECTRO_COLLECTIONS.local) {
  202.                 let shift = spectroUI.getShift();
  203.                 const formatter = new SpectroscopyFormatter();
  204.                 const content = formatter.linesTofile(result, shift["shiftValue"], shift["shiftType"], obsFreqMin, obsFreqMax);
  205.                 document.getElementById("spetro-modal-lines").innerText = content;
  206.                 $('#spectro-modal').modal('show');
  207.             } else {
  208.                 alert("Not available for local database");
  209.             }
  211.         })
  212.     });
  215.     $("#spectrum-info-title").html(FITS_HEADER.getSpectrumTitle());
  216.     $("#cube-infos").html(FITS_HEADER.getFitsSummary());
  218.     $('#show-fits-header').click(function() {
  219.         FITSHDR.show()
  220.     });
  222.     $('#show-license').click(function() {
  223.         Licences.show()
  224.     });
  226.     // zoom buttons for both spectra
  227.     $("#zoom-in").on('click', function() {
  228.         let factor = Math.abs((viewLinker.spectrumViewer.spectrumChart.xAxis[0].min - viewLinker.spectrumViewer.spectrumChart.xAxis[0].max) * 0.2);
  229.         let minVal = viewLinker.spectrumViewer.spectrumChart.xAxis[0].min + factor;
  230.         let maxVal = viewLinker.spectrumViewer.spectrumChart.xAxis[0].max - factor;
  231.         viewLinker.spectrumViewer.spectrumChart.xAxis[0].setExtremes(minVal, maxVal);
  232.     });
  234.     $("#zoom-out").on('click', function() {
  235.         let factor = Math.abs((viewLinker.spectrumViewer.spectrumChart.xAxis[0].min - viewLinker.spectrumViewer.spectrumChart.xAxis[0].max) * 0.2);
  236.         let minVal = viewLinker.spectrumViewer.spectrumChart.xAxis[0].min - factor;
  237.         let maxVal = viewLinker.spectrumViewer.spectrumChart.xAxis[0].max + factor;
  238.         viewLinker.spectrumViewer.spectrumChart.xAxis[0].setExtremes(minVal, maxVal);
  239.     });
  241.     $("#zoom-reset").on('click', () => {
  242.         viewLinker.spectrumViewer.spectrumChart.xAxis[0].setExtremes(undefined, undefined);
  243.     });
  245.     // checks conformity of number of channels to smooth
  246.     $("#get-nbox").keyup(function() {
  247.         var nbox = $(this).val();
  248.         if (nbox !== "" && isNaN(parseInt(nbox)))
  249.             alert("nbox must be a number");
  250.     });
  252.     $("#get-smooth-cube").on('click', function() {
  253.         showLoaderAction(true);
  254.         let cubeSmoother = new CubeSmoother(viewLinker, dataPaths.relFITSFilePath);
  255.         $.when(cubeSmoother.createSmoothedCube(parseInt($("#get-nbox").val()))).done(function() {
  256.             var url = URL_ROOT + cubeSmoother.getSmoothedCubePath();
  257.             showLoaderAction(false);
  258.             window.open(url, '_blank');
  259.         });
  260.     });
  261.     $("#view-smooth-cube").on('click', function() {
  262.         showLoaderAction(true);
  263.         let cubeSmoother = new CubeSmoother(viewLinker, dataPaths.relFITSFilePath);
  264.         $.when(cubeSmoother.createSmoothedCube(parseInt($("#get-nbox").val()))).done(function() {
  265.             var url = URL_ROOT + "/visit/?relFITSFilePath=//SMOOTH" + cubeSmoother.getSmoothedCubePath();
  266.             showLoaderAction(false);
  267.             window.open(url);
  268.         });
  269.     });
  271.     $("#slice").on('mouseenter', function() {
  272.         viewLinker.singleSliceImage._map_controls.forEach(function(ctrl) {
  273.             viewLinker.singleSliceImage._map.addControl(ctrl);
  274.         });
  275.     });
  277.     $("#slice").on('mouseleave', function() {
  278.         viewLinker.singleSliceImage._map_controls.forEach(function(ctrl) {
  279.             viewLinker.singleSliceImage._map.removeControl(ctrl);
  280.         });
  281.     });
  283.     $("#summed-slices").on("mouseenter", function() {
  284.         viewLinker.summedSlicesImage._map_controls.forEach(function(ctrl) {
  285.             viewLinker.summedSlicesImage._map.addControl(ctrl);
  286.         });
  287.     });
  289.     $("#summed-slices").on("mouseleave", function() {
  290.         viewLinker.summedSlicesImage._map_controls.forEach(function(ctrl) {
  291.             viewLinker.summedSlicesImage._map.removeControl(ctrl);
  292.         });
  293.     });
  296.     // Shows SAMP connector logo if SAMP is activated
  297.     if (!withSAMP) {
  298.         $(publishSpectrumDiv).css("display", "none");
  299.         $('#samp-img').css("display", "none");
  300.     }
  302.     /**
  303.         Get RA/DEC ranges corresponding to opened fits file
  304.         response format is a pair of pairs of float values `[[ra0, dec0], [ra1, dec1], [ra2, dec2]]`
  305.         expressing angles in decimal degrees where :
  307.         * `ra0` corresponds to the index 0 along the RA axis.
  308.         * `ra1` corresponds to the index NAXIS1-1 along the RA axis.
  309.         * `dec0` corresponds to the index 0 along the DEC axis.
  310.         * `dec1` corresponds to the index NAXIS2-1 along the DEC axis.
  311.         * `ra2` corresponds to the index max(NAXIS1, NAXIS2)-1 along the RA axis.
  312.         * `dec2` corresponds to the index max(NAXIS1, NAXIS2)-1 along the DEC axis.
  313.     */
  314.     $.post("", {
  315.         "method": "RADECRangeInDegrees",
  316.         "relFITSFilePath": dataPaths.relFITSFilePath,
  317.         "sessionID": 0
  318.     }).done(function(resp) {
  319.         console.log('$.post("", {"method": "RADECRangeInDegrees", "relFITSFilePath": dataPaths.relFITSFilePath}).done(function (resp) { : entering');
  321.         let markerList = new MarkerList("input-markers", "show-markers", "clear-markers");
  322.         //ned data selection
  323.         sourceTable = new SourceTable('ned-data', 'ned-modal-title', spectroUI);
  324.         sourceTable.addListener(markerList);
  325.         viewLinker = getViewLinker(resp.data["result"], spectroUI, sourceTable, markerList);
  326.         $('#rccap').click(function() {
  327.             viewLinker.refresh()
  328.         });
  329.         console.log('$.post("", {"method": "RADECRangeInDegrees", "relFITSFilePath": dataPaths.relFITSFilePath}).done(function(resp) {: exiting');
  330.     });
  331.     console.log("$( document ).ready(function() {: exiting");
  332. });