/****************************************************/
/* SHARE BUTTON */
/****************************************************/
function ChartShare(lang, style) {
var self = this;
self.lang = lang;
self.style = style;
self.getContext = function () {
return {
url: location.href,
language: self.languageChooser.value
}
};
self.generateUrl = function () {
var c = self.getContext();
var u = c.url.split("?")[0];
u = u + '?lang=' + c.language;
return u;
};
self.setShareSnippet = function () {
self.urlField.innerText = '';
};
self.modal = document.getElementById('share-modal');
self.btn = document.getElementById("share-text");
self.closeButton = document.getElementsByClassName("close")[0];
self.languageChooser = document.getElementById("language-chooser");
self.urlField = document.getElementById("url-copy-field");
// When the user clicks the button, open the modal
self.btn.onclick = function () {
self.modal.style.display = "block";
};
// When the user clicks on (x), close the modal
self.closeButton.onclick = function (e) {
e.preventDefault();
self.modal.style.display = "none";
};
// When the user clicks anywhere outside of the modal, close it
window.onclick = function (event) {
if (event.target == self.modal) {
self.modal.style.display = "none";
}
};
self.languageChooser.value = self.lang;
self.languageChooser.onchange = self.setShareSnippet;
self.setShareSnippet();
}