Source: buttons.js

/**
 * On-click Actions to show spectrum graph and invoke downloads and other button actions
 */
function buttons(){
	//	Invocation on click of Mono M/z at the table
	$("#show_ms2_spectrum" ).click(function() {
		 
		 if($.trim($(this).text()) === 'Show Spectrum')
		 {
			 showSpectrun(this);
		 }
		 else
		 {
			hideSpectrum();
		 }
	});
	
	// Coordinates at which a pop window to be launched to give name for the image to be downloaded
	// All the actions for different image buttons on different spectrums
	let x,y;
	d3.select("#download_popupms2_png").on("click",function(){
		x = d3.event.pageX;
		y = d3.event.pageY;
		// function inside prsmtohtml.js to pop up a window
		popupnamewindow("png", "popup_ms2_spectrum",x,y)
	})
	d3.select("#download_popupms2_svg").on("click",function(){
		x = d3.event.pageX;
		y = d3.event.pageY;
		popupnamewindow("svg", "popup_ms2_spectrum",x,y)
	})
	d3.select("#download_popup_png").on("click",function(){
		x = d3.event.pageX;
		y = d3.event.pageY;
		popupnamewindow("png", "popupspectrum",x,y)
	})
	d3.select("#download_popup_svg").on("click",function(){
		x = d3.event.pageX;
		y = d3.event.pageY;
		popupnamewindow("svg", "popupspectrum",x,y)
	})

	$("#precursormz").click(function(){
		let prec_mz = $("#precursormz").html();
		$("#spectrumpop").draggable({
			appendTo: "body"
		});
	});
	// On click of help button, allow it to be dragged
	$("#spectrum_help").click(function(){
		$("#spectrumHelp").draggable({
		appendTo: "body"
		});
	});
}
/**
 * Show spectrum graphs on click of Show Spectrum
 */
function showSpectrun(){
	$("#show_ms2_spectrum").text('Hide Spectrum');
	document.getElementById("spectrum_help").style.display = "block";
	document.getElementById("graph_download").style.display = "block";
	document.getElementById("ms2svg_div").style.display = "block";
	document.getElementById("monoMassGraph").style.display = "block";
}
/**
 * Hide spectrum graphs on click of hide spectrum
 */
function hideSpectrum(){
	$("#show_ms2_spectrum").text('Show Spectrum'); 
	document.getElementById("spectrum_help").style.display = "none";
	document.getElementById("graph_download").style.display = "none";
	document.getElementById("ms2svg_div").style.display = "none";
	document.getElementById("monoMassGraph").style.display = "none";
}