@@ -255,22 +279,55 @@
}
window.addEventListener('DOMContentLoaded', function() {
TranslatePage();
+ document.getElementById('qrCode').hidden = true;
+
document.getElementById('text-detail').hidden = true;
+ document.getElementById('download').hidden = true;
});
document.getElementById('more').addEventListener('click', function() {
if (this.dataset.clicked) {
this.style.color = 'white';
this.style.borderColor = 'white';
+
document.getElementById('text-detail').hidden = true;
delete this.dataset.clicked;
} else {
this.style.color = 'blue';
this.style.borderColor = 'blue';
this.dataset.clicked = 'true';
+
+ document.getElementById('download').style.borderColor = 'white';
+
+ document.getElementById('download').style.color = 'white';
+ delete document.getElementById('download').dataset.clicked;
+
+
document.getElementById('text-detail').hidden = false;
+ document.getElementById('qrCode').hidden = true;
+ }
+
+ });
+
+ document.getElementById('download').addEventListener('click', function() {
+ if (this.dataset.clicked) {
+ this.style.color = 'white';
+ this.style.borderColor = 'white';
+
+ document.getElementById('qrCode').hidden = true;
+ delete this.dataset.clicked;
+ } else {
+ this.style.color = 'blue';
+ this.style.borderColor = 'blue';
+ this.dataset.clicked = 'true';
+
+ document.getElementById('more').style.color = 'white';
+ document.getElementById('more').style.borderColor = 'white';
+ delete document.getElementById('more').dataset.clicked;
+
+
+ document.getElementById('text-detail').hidden = true;
+ document.getElementById('qrCode').hidden = false;
}
-
-
});