81 lines
3.1 KiB
HTML
81 lines
3.1 KiB
HTML
{% extends "index.html" %}
|
|
{% block title %}Panel prowadzącego{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="container header__container">
|
|
<div class="row">
|
|
<div class="col s12">
|
|
<div class="card color--primary white-text">
|
|
<span class="card-title">Panel prowadzącego</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container body__container">
|
|
<div class="row">
|
|
<div class="col s12">
|
|
<div class="card color--primary white-text">
|
|
<div class="card-content">
|
|
<span id="card-title__lecturer" class="card-title card-title__body">Proszę zaznaczyć pytanie i wybrać akcję</span>
|
|
<div class="upper-row">
|
|
<div>
|
|
<span class="col s12 question-text">Pytanie 1</span>
|
|
<span class="col s12 small-font">12 głosów</span>
|
|
</div>
|
|
<div>
|
|
<span class="col s12 question-text">Pytanie 2</span>
|
|
<span class="col s12 small-font">169 głosów</span>
|
|
</div>
|
|
</div>
|
|
<div class="bottom-row">
|
|
<div>
|
|
<span class="col s12 question-text">Pytanie 3</span>
|
|
<span class="col s12 small-font">75 głosów</span>
|
|
</div>
|
|
<div>
|
|
<span class="col s12 question-text">Pytanie 4</span>
|
|
<span class="col s12 small-font">39 głosów</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container footer__container">
|
|
<div class="row">
|
|
<div class="col s12">
|
|
<div class="card color--primary white-text">
|
|
<div class="card-content footer__container--content footer__container__lecturer--content">
|
|
<div class="col s3 question--mark">Oznacz, jako szczególnie ważne pytanie</div>
|
|
<div class="col s3 question--respond">Odpowiedz na pytanie</div>
|
|
<div class="col s3 question--add">Odpowiedz i dodaj do wykładu</div>
|
|
<div class="col s3 question--remove">Usuń pytanie</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{% endblock %}
|
|
|
|
{%block script%}
|
|
<script>
|
|
$(document).ready(() => {
|
|
$('.modal').modal();
|
|
});
|
|
|
|
$('.question--mark').on('click', () => {
|
|
alertify.notify('Pytanie oznaczone, jako szczególnie ważne.', 'success', 3);
|
|
});
|
|
$('.question--respond').on('click', () => {
|
|
alertify.notify('Odpowiedź została udzielona.', 'success', 3);
|
|
});
|
|
$('.question--add').on('click', () => {
|
|
alertify.notify('Odpowiedź została udzielona. Pytanie zostało dodane do wykładu.', 'success', 3);
|
|
});
|
|
$('.question--remove').on('click', () => {
|
|
alertify.notify('Pytanie zostało usunięte', 'error', 3);
|
|
});
|
|
</script>
|
|
{%endblock%} |