uccser/cs-field-guide

{% extends interactive_mode_template %}

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

{% block interactive_html %}
  <div id="interactive-available-menu-items" class="container-fluid my-2">
    <div class="row justify-content-center">
      <div class="dropdown">
        <button class="btn btn-secondary dropdown-toggle" type="button" id="interactive-available-menu-items-button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
          {% trans "Available Menu Items" %}
        </button>
        <div class="dropdown-menu" aria-labelledby="interactive-available-menu-items-button">
          <a class="dropdown-item" data-feedback="{% trans 'Error: Answers unavailable!' %}">
            {% trans "Download answers" %}
          </a>
          <a class="dropdown-item" data-feedback="{% trans 'Error: YouTube unavailable!' %}">
            {% trans "Watch YouTube videos" %}
          </a>
          <a class="dropdown-item" data-feedback="{% trans 'Error: Facebook unavailable!' %}">
            {% trans "Open Facebook" %}
          </a>
          <a class="dropdown-item" data-feedback="{% trans 'Error: Games unavailable!' %}">
            {% trans "Play games" %}
          </a>
        </div>
      </div>
    </div>
  </div>
{% endblock interactive_html %}

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