uccser/cs-field-guide

{% extends interactive_mode_template %}

{% load i18n %}
{% load static %}

{% block interactive_html %}
  <div id="interactive-delayed-checkbox" class="containter-fluid text-center">
    <div class="row justify-content-center">
      <div class="col-12">
        <h4>{% trans "Tick the checkbox" %}</h4>
      </div>
      <div class="col-12">
        <input id="interactive-delayed-checkbox-box" type="checkbox" value="">
          <div id="interactive-delayed-checkbox-feedback">
            {% trans 'Clicked <span id="interactive-delayed-checkbox-counter">0</span> times' %}
          </div>
        </input>
      </div>
    </div>
  </div>
{% endblock interactive_html %}

{% block interactive_css %}
  <link rel="stylesheet" href="{% static 'interactives/delayed-checkbox/css/delayed-checkbox.css' %}">
{% endblock interactive_css %}

{% block interactive_js %}
  <script type="text/javascript" src="{% static 'interactives/delayed-checkbox/js/delayed-checkbox.js' %}"></script>
{% endblock interactive_js %}