mirror of
https://git.selfprivacy.org/SelfPrivacy/selfprivacy.org.git
synced 2024-09-19 09:57:52 +00:00
60 lines
1.7 KiB
HTML
60 lines
1.7 KiB
HTML
<style>
|
|
.feedback--answer {
|
|
display: inline-block;
|
|
}
|
|
.feedback--answer-no {
|
|
margin-left: 1em;
|
|
}
|
|
.feedback--response {
|
|
display: none;
|
|
margin-top: 1em;
|
|
}
|
|
.feedback--response__visible {
|
|
display: block;
|
|
}
|
|
</style>
|
|
<div class="d-print-none">
|
|
<h2 class="feedback--title">Feedback</h2>
|
|
<p class="feedback--question">Was this page helpful?</p>
|
|
<button class="btn btn-primary mb-4 feedback--answer feedback--answer-yes">Yes</button>
|
|
<button class="btn btn-primary mb-4 feedback--answer feedback--answer-no">No</button>
|
|
<p class="feedback--response feedback--response-yes">
|
|
{{ .yes | safeHTML }}
|
|
</p>
|
|
<p class="feedback--response feedback--response-no">
|
|
{{ .no | safeHTML }}
|
|
</p>
|
|
</div>
|
|
<script>
|
|
const yesButton = document.querySelector('.feedback--answer-yes');
|
|
const noButton = document.querySelector('.feedback--answer-no');
|
|
const yesResponse = document.querySelector('.feedback--response-yes');
|
|
const noResponse = document.querySelector('.feedback--response-no');
|
|
const disableButtons = () => {
|
|
yesButton.disabled = true;
|
|
noButton.disabled = true;
|
|
};
|
|
const sendFeedback = (value) => {
|
|
if (typeof ga !== 'function') return;
|
|
const args = {
|
|
command: 'send',
|
|
hitType: 'event',
|
|
category: 'Helpful',
|
|
action: 'click',
|
|
label: window.location.pathname,
|
|
value: value
|
|
};
|
|
ga(args.command, args.hitType, args.category, args.action, args.label, args.value);
|
|
};
|
|
yesButton.addEventListener('click', () => {
|
|
yesResponse.classList.add('feedback--response__visible');
|
|
disableButtons();
|
|
sendFeedback(1);
|
|
});
|
|
noButton.addEventListener('click', () => {
|
|
noResponse.classList.add('feedback--response__visible');
|
|
disableButtons();
|
|
sendFeedback(0);
|
|
});
|
|
</script>
|