{% extends "global/Page.html" %}
{% load otree %}

{% block title %}
    Quick Survey
{% endblock %}

{% block content %}

    <p>
        Before proceeding with the third part of the study, please answering the following questions.
    </p>

    {% formfields %}

    <button name="Next" value="True" class="btn btn-primary btn-large">Next</button>

{% endblock %}

{# ****************************************************************************************************************** #}
{# *** SCRIPTS *** #}
{# ****************************************************************************************************************** #}
{% block scripts %}

{# ********************************************************* #}
{# *** Disable mouse and keyboard scrolling for input variables *** #}
{# ********************************************************* #}
<script>
$('form').on('focus', 'input[type=number]', function (e) {
  $(this).on('wheel.disableScroll', function (e) {
    e.preventDefault()
  })
})
$('form').on('blur', 'input[type=number]', function (e) {
  $(this).off('wheel.disableScroll')
})

$(document).ready(function() {
$("input[type=number]").on("focus", function() {
    $(this).on("keydown", function(event) {
        if (event.keyCode === 38 || event.keyCode === 40) {
            event.preventDefault();
        }
     });
   });
});
</script>

{% endblock %}