Hide answers for quizz training
// ==UserScript==
// @name Hide responses udemy
// @namespace ludoo
// @version 0.2
// @description Hide answers for quizz training
// @author LudoO
// @match https://*.udemy.com/course/*/learn/quiz/*
// @grant none
// @license MIT
// ==/UserScript==
const styleSheet = `
.gm-simple {
div > span[data-purpose="answer-result-header-user-label"]{display:none}
div.answer-result-pane--answer-correct--PLOEU, div.answer-result-pane--answer-incorrect--vFyOv{
background: #fff !important;
border: 1px solid #d1d2e0 !important;
color: #595c73 !important;
}
span[data-purpose="answer-result-body-selection-icon"]{display:none}
}
`;
(function () {
const labelHideAnswers = "Hide answers";
const labelShowAnswers = "Show answers";
function first(css, apply){
var el = document.querySelectorAll(css)[0];
if (el){
apply(el)
}
}
function forAll(css, apply){
document.querySelectorAll(css).forEach(apply)
}
function toggleAnswers() {
var button = document.getElementById("answers-button");
if (button.innerHTML === labelShowAnswers) {
button.innerHTML = labelHideAnswers;
document.body.classList.remove('gm-simple')
} else {
button.innerHTML = labelShowAnswers;
document.body.classList.add('gm-simple')
}
}
function addButton() {
var button = document.createElement("button");
button.setAttribute("id", "answers-button");
button.innerHTML = labelHideAnswers;
button.onclick = toggleAnswers;
button.style.backgroundColor = "#29303b";
button.style.color = "#f5c647";
button.style.borderWidth = "1px";
button.style.borderStyle = "solid";
button.style.borderColor = "#f5c647";
button.style.padding = "6px 10px";
button.style.alignSelf = "center";
first('[class^="header--vertical-divider"]', function(el){
el.appendChild(button);
el.style.height = "auto";
});
}
const s = document.createElement('style');
s.type = "text/css";
s.innerHTML = styleSheet;
(document.head || document.documentElement).appendChild(s);
setTimeout(function () {
addButton();
}, 4000);
})();