vcp-elearning/tkupek_elearning/elearning/templates/elearning.html

53 lines
No EOL
1.6 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
{% load staticfiles %}
<link rel="stylesheet" href="{% static 'css/style.css' %}">
<link href="{% static 'images/favicon.ico' %}" rel="shortcut icon">
<title>{{ settings.title }}</title>
</head>
<body>
<div class="container">
<img src="{{ settings.logo }}" class="mainLogo">
<h1>{{ settings.title }}</h1>
<p>{{ settings.message_welcome_user }}</p>
<hr/>
<div class="margin50" ></div>
{% for question, options in questions_options.items %}
<h2>{{ question.id }}: {{ question.title }}</h2>
<p>{{ question.text }}</p>
<p id="enable-{{ question.id }}" data-value="{{ question.enable }}" data-questionId= "{{ question.id }}" class="message_already_answered hide">
{{ settings.message_already_answered }}
</p>
<form action="#">
{% for option in options %}
<label>
<input name="checkbox_{{ question.id }}" type="checkbox" value="{{ option.id }}">
{{ option.text }}
</label>
{% endfor %}
<button class="margin10" type="button" id="showSolution_{{ question.id }}" onmousedown="get_answer({{ question.id }})">{{ settings.button_solution }}</button>
</form>
<p id="explanation_{{ question.id }}" class="hide">{{ question.explanation }}</p>
<div class="margin25"></div>
{% endfor %}
<div class="margin50" ></div>
<hr/>
{{ settings.footer }}
</div>
<script type="text/javascript" src="{% static 'js/elearning.js' %}"></script>
</body>
</html>