<commit_before>var quiz = [
    {
        question: "Wie is de coach op deze foto?",
        questionNr:1,
        answers: [
            {
                answer: "<NAME>",
                punten: false,
                rendered: false
            },
            {
                answer: "<NAME>",
                punten: false,
                rendered: false
            },
            {
                answer: "<NAME>",
                punten: false,
                rendered: false
            },
            {
                answer: "<NAME>",
                uitleg: '<NAME> werd bekend door zijn successen met Borussia Dortmund (2x de Bundesliga en een finaleplaats in de Champions League) en zijn opmerkelijke uitspraken.'+
                    '<br><br>Klopp is sinds een jaar trainer bij Liverpool FC in Engeland en heeft er de bijnaam: "the normal one". Niet te verwarren met "the special one", <NAME>.',
                punten: true,
                rendered: false
            }
        ],
        picture: "<img src='http://e1.365dm.com/16/02/16-9/20/jurgen-klopp-liverpool-thumbs-up_3412823.jpg?20160208152020' height='100%' width='100%'/>",
        enabled:true
    },
    {
        question: "Wat is de naam van de eerst volgende Star Wars film?",
        questionNr:2,
        answers: [
            {
                answer: "Star Wars: The Two Towers",
                punten: false,
                rendered: false
            },
            {
                answer: "Star Wars: The Deathly Hallows",
                punten: false,
                rendered: false
            },
            {
                answer: "Star Wars: The Force Awakens",
                punten: false,
                rendered: false
            },
            {
                answer: "Star Wars: Rogue One",
                uitleg: '<iframe src="https://www.youtube.com/embed/Wji-BZ0oCwg" frameborder="0" allowfullscreen></iframe>',
                punten: true,
                rendered: false
            }
        ],
        picture: "<img src='http://static.independent.co.uk/s3fs-public/thumbnails/image/2015/12/24/10/star-wars-rogue-one-cast.jpg' width='100%'/>",
        enabled:true
    },
    {
        question: "Wie is deze DJ?",
        questionNr:3,
        answers: [
            {
                answer: "<NAME>",
                punten: false,
                rendered: false
            },
            {
                answer: "<NAME>",
                punten: false,
                rendered: false
            },
            {
                answer: "<NAME>",
                punten: false,
                rendered: false
            },
            {
                answer: "Mental Theo",
                uitleg: "Theo Nabuurs ('s-Hertogenbosch, 14 februari 1965) is een Nederlandse videojockey en presentator die vooral bekend is als Mental Theo. Dit pseudoniem zou een bijnaam zijn die hij had gekregen vanwege zijn aparte manier van dansen in discotheken.",
                punten: true,
                rendered: false
            }
        ],
        picture: "<img src='http://www.janvis.nl/wp-content/uploads/2013/03/mental-theo.jpg' width='100%'/>",
        enabled:true
    }
];

var selectedAnswer;
var randomNr;
var selectedId;
var correct;

socket.on('render question', function(randomNum) {
    randomNr = randomNum;

    //Desktop
    angular.element(document).find('#question').html(quiz[randomNum].question);
    angular.element(document).find('#question-nr').html("vraag " + quiz[randomNum].questionNr + "/" + quiz.length);
    angular.element(document).find('#image').html(quiz[randomNum].picture);
    angular.element(document).find('#antwoord-titel').html(quiz[randomNum].answers[3].answer);
    angular.element(document).find('#antwoord-text').html(quiz[randomNum].answers[3].uitleg);

    //Mobile
    angular.element(document).find('#question-nr-mob').html("vraag " + quiz[randomNum].questionNr + "/" + quiz.length);

    var arr = [];

    while(arr.length < 4){
        var randomnumber = Math.floor(Math.random() * 4);
        var found = false;
        for(var i = 0; i < arr.length; i++) {
            if(arr[i] == randomnumber) {
                found=true;break
            }
        }
        if(!found) {
            arr[arr.length] = randomnumber;
        }
    }
    angular.element(document).find('#qstn1').html(quiz[randomNum].answers[arr[0]].answer);
    angular.element(document).find('#qstn2').html(quiz[randomNum].answers[arr[1]].answer);
    angular.element(document).find('#qstn3').html(quiz[randomNum].answers[arr[2]].answer);
    angular.element(document).find('#qstn4').html(quiz[randomNum].answers[arr[3]].answer);

    angular.element(document).find('#vraag-intro').addClass('animate');
    angular.element(document).find('#vraag-intro-mob').addClass('animate');
    angular.element(document).find('#vraag-intro-mob').addClass('hidden');
    angular.element(document).find('#antwoord-uitleg').addClass('hidden');
    angular.element(document).find('#vraag-uitslag-mob').addClass('hidden');
    angular.element(document).find('#vraag-uitslag-fout-mob').addClass('hidden');
    angular.element(document).find('#antwoord-uitleg').removeClass('show');
    angular.element(document).find('#vraag-uitslag-mob').removeClass('show');
    angular.element(document).find('#vraag-uitslag-fout-mob').removeClass('show');
    startTimer();
});

socket.on('update quiz', function(serverQuiz) {
    quiz = serverQuiz;
});

function loadQuestion() {
    socket.emit('question request', quiz);
}

function startTimer() {
    // Iedere keer als er een vraag geladen wordt eerst #question leeg gooien.
    // Hiermee voorkomen we dat de laadbalk vol is bij de start van het aftellen.
    angular.element(document).find('#progress').html('');
    var line = new ProgressBar.Line('#progress', {
        color: '#f6325a',
        duration: 5000,
        text: {
            value: 20
        },
        step: function(state, bar) {
            var nummer = Math.abs(((20 * bar.value())-20).toFixed(0));
            bar.setText( nummer + " seconden");
            if (bar.value() == 1){
                bar.setText("De tijd is om!");
                angular.element(document).find('#antwoord-uitleg').addClass('show');
                checkAnswer();
            }
        }
    });
    line.animate(1);
}

function onoff(id){
    selectedId = "";
    selectedAnswer = angular.element(document).find('#' + id).val();
    selectedId = id;
}

function checkAnswer() {
    if (angular.element(document).find('#' + selectedId).html() == quiz[randomNr].answers[3].answer) {
        angular.element(document).find('#vraag-uitslag-mob').addClass('show');
        correct = true;
        printGifSucces();<commit_msg>Set timer back to 20 seconds.<commit_after>var quiz = [
    {
        question: "Wie is de coach op deze foto?",
        questionNr:1,
        answers: [
            {
                answer: "<NAME>",
                punten: false,
                rendered: false
            },
            {
                answer: "<NAME>",
                punten: false,
                rendered: false
            },
            {
                answer: "<NAME>",
                punten: false,
                rendered: false
            },
            {
                answer: "<NAME>",
                uitleg: '<NAME> werd bekend door zijn successen met Borussia Dortmund (2x de Bundesliga en een finaleplaats in de Champions League) en zijn opmerkelijke uitspraken.'+
                    '<br><br>Klopp is sinds een jaar trainer bij Liverpool FC in Engeland en heeft er de bijnaam: "the normal one". Niet te verwarren met "the special one", <NAME>.',
                punten: true,
                rendered: false
            }
        ],
        picture: "<img src='http://e1.365dm.com/16/02/16-9/20/jurgen-klopp-liverpool-thumbs-up_3412823.jpg?20160208152020' height='100%' width='100%'/>",
        enabled:true
    },
    {
        question: "Wat is de naam van de eerst volgende Star Wars film?",
        questionNr:2,
        answers: [
            {
                answer: "Star Wars: The Two Towers",
                punten: false,
                rendered: false
            },
            {
                answer: "Star Wars: The Deathly Hallows",
                punten: false,
                rendered: false
            },
            {
                answer: "Star Wars: The Force Awakens",
                punten: false,
                rendered: false
            },
            {
                answer: "Star Wars: Rogue One",
                uitleg: '<iframe src="https://www.youtube.com/embed/Wji-BZ0oCwg" frameborder="0" allowfullscreen></iframe>',
                punten: true,
                rendered: false
            }
        ],
        picture: "<img src='http://static.independent.co.uk/s3fs-public/thumbnails/image/2015/12/24/10/star-wars-rogue-one-cast.jpg' width='100%'/>",
        enabled:true
    },
    {
        question: "Wie is deze DJ?",
        questionNr:3,
        answers: [
            {
                answer: "<NAME>",
                punten: false,
                rendered: false
            },
            {
                answer: "<NAME>",
                punten: false,
                rendered: false
            },
            {
                answer: "<NAME>",
                punten: false,
                rendered: false
            },
            {
                answer: "Mental Theo",
                uitleg: "<NAME> ('s-Hertogenbosch, 14 februari 1965) is een Nederlandse videojockey en presentator die vooral bekend is als Mental Theo. Dit pseudoniem zou een bijnaam zijn die hij had gekregen vanwege zijn aparte manier van dansen in discotheken.",
                punten: true,
                rendered: false
            }
        ],
        picture: "<img src='http://www.janvis.nl/wp-content/uploads/2013/03/mental-theo.jpg' width='100%'/>",
        enabled:true
    }
];

var selectedAnswer;
var randomNr;
var selectedId;
var correct;

socket.on('render question', function(randomNum) {
    randomNr = randomNum;

    //Desktop
    angular.element(document).find('#question').html(quiz[randomNum].question);
    angular.element(document).find('#question-nr').html("vraag " + quiz[randomNum].questionNr + "/" + quiz.length);
    angular.element(document).find('#image').html(quiz[randomNum].picture);
    angular.element(document).find('#antwoord-titel').html(quiz[randomNum].answers[3].answer);
    angular.element(document).find('#antwoord-text').html(quiz[randomNum].answers[3].uitleg);

    //Mobile
    angular.element(document).find('#question-nr-mob').html("vraag " + quiz[randomNum].questionNr + "/" + quiz.length);

    var arr = [];

    while(arr.length < 4){
        var randomnumber = Math.floor(Math.random() * 4);
        var found = false;
        for(var i = 0; i < arr.length; i++) {
            if(arr[i] == randomnumber) {
                found=true;break
            }
        }
        if(!found) {
            arr[arr.length] = randomnumber;
        }
    }
    angular.element(document).find('#qstn1').html(quiz[randomNum].answers[arr[0]].answer);
    angular.element(document).find('#qstn2').html(quiz[randomNum].answers[arr[1]].answer);
    angular.element(document).find('#qstn3').html(quiz[randomNum].answers[arr[2]].answer);
    angular.element(document).find('#qstn4').html(quiz[randomNum].answers[arr[3]].answer);

    angular.element(document).find('#vraag-intro').addClass('animate');
    angular.element(document).find('#vraag-intro-mob').addClass('animate');
    angular.element(document).find('#vraag-intro-mob').addClass('hidden');
    angular.element(document).find('#antwoord-uitleg').addClass('hidden');
    angular.element(document).find('#vraag-uitslag-mob').addClass('hidden');
    angular.element(document).find('#vraag-uitslag-fout-mob').addClass('hidden');
    angular.element(document).find('#antwoord-uitleg').removeClass('show');
    angular.element(document).find('#vraag-uitslag-mob').removeClass('show');
    angular.element(document).find('#vraag-uitslag-fout-mob').removeClass('show');
    startTimer();
});

socket.on('update quiz', function(serverQuiz) {
    quiz = serverQuiz;
});

function loadQuestion() {
    socket.emit('question request', quiz);
}

function startTimer() {
    // Iedere keer als er een vraag geladen wordt eerst #question leeg gooien.
    // Hiermee voorkomen we dat de laadbalk vol is bij de start van het aftellen.
    angular.element(document).find('#progress').html('');
    var line = new ProgressBar.Line('#progress', {
        color: '#f6325a',
        duration: 20000,
        text: {
            value: 20
        },
        step: function(state, bar) {
            var nummer = Math.abs(((20 * bar.value())-20).toFixed(0));
            bar.setText( nummer + " seconden");
            if (bar.value() == 1){
                bar.setText("De tijd is om!");
                angular.element(document).find('#antwoord-uitleg').addClass('show');
                checkAnswer();
            }
        }
    });
    line.animate(1);
}

function onoff(id){
    selectedId = "";
    selectedAnswer = angular.element(document).find('#' + id).val();
    selectedId = id;
}

function checkAnswer() {
    if (angular.element(document).find('#' + selectedId).html() == quiz[randomNr].answers[3].answer) {
        angular.element(document).find('#vraag-uitslag-mob').addClass('show');
        correct = true;
        printGifSucces();
{'fraction_non_alphanumeric': 0.14726963718318184, 'fraction_numerical': 0.015887090815044705, 'mean_word_length': 2.0236818588025023, 'pattern_counts': {'":': 0, '<': 40, '<?xml version=': 0, '>': 36, 'https://': 2, 'lorem ipsum': 0, 'www.': 4, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '346967', 'n_tokens_mistral': 4193, 'n_tokens_neox': 3934, 'n_words': 765}