You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
253 lines
14 KiB
253 lines
14 KiB
{% extends 'base_index.html' %}
|
|
{% block title %}Кабинет преподавателя{% endblock %}
|
|
{% block head %}
|
|
<script>
|
|
window.hw_length = 0;
|
|
window.ex_length = 0;
|
|
</script>
|
|
{% endblock %}
|
|
{% block asside %}
|
|
<aside id="aside" class="app-aside hidden-xs bg-dark" style="background: #3a3f51;">
|
|
<div class="aside-wrap">
|
|
<div class="navi-wrap">
|
|
<!-- user -->
|
|
<div class="clearfix hidden-xs text-center" id="aside-user">
|
|
<div class="dropdown wrapper">
|
|
<a href="/teacher/profile/">
|
|
<span class="thumb-lg w-auto-folded avatar m-t-sm">
|
|
<img src="{{ request.user.get_image_url }}" class="img-full" style="width: 100%;" reloader_name="avatar">
|
|
</span>
|
|
</a>
|
|
<a href="#">
|
|
<span class="clear">
|
|
<span class="block m-t-sm">
|
|
<strong class="font-bold text-lt">{{ request.user.get_short_name }}</strong>
|
|
</span>
|
|
<span class="text-muted text-xs block">{{ request.user.get_role_display }}</span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<!-- / user -->
|
|
<a href="/teacher/history">
|
|
<div style=" padding: 10px 20px;
|
|
background: #f1f1f1;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
font-size: 16px;">
|
|
Архив работ
|
|
|
|
</div></a>
|
|
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
|
|
{% for i in courses %}
|
|
<div class="panel panel-default" style="border-radius: 0; border: 0; margin-bottom: 20px;">
|
|
<div class="panel-heading" role="tab" id="heading{{ i.id }}" style="padding: 15px;border-radius: 0;
|
|
background: #333; border-bottom: 3px solid #000;">
|
|
<span class="panel-title" style=" font-size: 16px;
|
|
font-weight: bold;
|
|
color: #fff;">
|
|
|
|
<a role="button" data-toggle="collapse" data-parent="#accordion"
|
|
href="#collapseOne_{{ i.id }}" aria-expanded="true" style="color: #fff;"
|
|
aria-controls="collapseOne">
|
|
{{ i.title }}
|
|
</a>
|
|
|
|
</span>
|
|
</div>
|
|
<div id="collapseOne_{{ i.id }}" class="panel-collapse collapse {% if course.id == i.id %}in{% endif %}" role="tabpanel" aria-labelledby="heading{{ i.id }}">
|
|
<div class="panel-body" style="padding: 0;border: 0;">
|
|
<ul class="nav" style="background: #3a3f51;">
|
|
<li {% if i.id == course.id and T == 'H' %}class="active"{% endif %}>
|
|
<a href="/teacher/homeworks/{{ i.id }}" class="auto prepod_nav_item">
|
|
<i class=" fa fa-check-square-o text-warning-dk pull-left"></i><b class="label bg-warning c-gray" style="margin-left: 5px;">{{ i.get_students_on_homework_length }}</b><Br>
|
|
Домашние задания
|
|
</a>
|
|
</li>
|
|
<li {% if i.id == course.id and T == 'E' %}class="active"{% endif %}>
|
|
<a href="/teacher/exams/{{ i.id }}" class="auto prepod_nav_item">
|
|
<i class=" fa fa-check-square-o text-warning-dk pull-left"></i>
|
|
<b class="label bg-warning c-gray" style="margin-left: 5px;">{{ i.get_active_exam_students_length }}</b><Br>
|
|
Сдача экзаменов
|
|
</a>
|
|
</li>
|
|
<!--
|
|
<li>
|
|
<a href="/teacher/comments/{{ i.id }}" class="auto prepod_nav_item">
|
|
<i class=" fa fa-comments-o text-warning-dk pull-left"></i><b class="label bg-warning c-gray" style="margin-left: 5px;">{{ i.get_no_saw_lessons_length }}</b><Br>
|
|
Комментарии к видео
|
|
</a>
|
|
</li>-->
|
|
<li {% if i.id == course.id and T == 'M' %}class="active"{% endif %}>
|
|
<a href="/teacher/materials/{{ i.id }}" class="prepod_nav_item">
|
|
<i class="icon-grid icon text-warning-dk pull-left"></i><Br>
|
|
Материалы курсы
|
|
</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
|
|
</div>
|
|
</div>
|
|
<!-- nav -->
|
|
</div>
|
|
</div>
|
|
</aside>
|
|
{% endblock %}
|
|
<!-- / aside -->
|
|
|
|
<!-- content -->
|
|
{% block content %}
|
|
<div class="col">
|
|
<!-- main header -->
|
|
<div class="wrapper-md">
|
|
<div class="row">
|
|
<div class="col-md-6 m-t-xs prepod_teammates">
|
|
<div class="panel no-border m-l-xs" style=" padding-bottom: 5px;">
|
|
<div class="panel-heading b-b b-light">
|
|
Материалы на проверку<b class="label bg-warning c-gray m-l-xs" name="hw_length"></b>
|
|
<span style="float: right;"><span style="font-size: 12px;margin-right: 10px;">Группировка:</span>
|
|
<span onclick="$('[name=all_group]').fadeOut('fast', function() {
|
|
$('[name=theme_group]').fadeIn('fast')
|
|
|
|
})" style="margin-right: 5px;font-size: 13px;cursor: pointer;color: #00bcff;padding-bottom: 2px;border-bottom: 1px dotted #00bcff;">По теме</span>
|
|
<span onclick="$('[name=theme_group]').fadeOut('fast', function() {
|
|
$('[name=all_group]').fadeIn('fast')
|
|
|
|
})" style="margin-right: 5px;font-size: 13px;cursor: pointer;color: #00bcff;padding-bottom: 2px;border-bottom: 1px dotted #00bcff;">Общий список</span>
|
|
</span>
|
|
</div>
|
|
<div class="list-group list-group-lg list-group-sp">
|
|
|
|
{% for key, value in active_themes.items %}
|
|
<script>
|
|
window.hw_length += {{ value|length }};
|
|
</script>
|
|
<div name="theme_group" class="panel-group" id="accordion" role="tablist" aria-multiselectable="true" style="margin: 5px;display: none;">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading" role="tab" id="heading{{ key.2 }}" style=" padding-bottom: 20px;">
|
|
<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapse{{ key.2 }}" aria-expanded="true" aria-controls="collapse{{ key.2 }}" style="border: 0;">
|
|
<h4 class="panel-title">
|
|
<p style="border-bottom: 1px dotted #ccc;padding-bottom: 10px;">
|
|
<small style=" background: #ccc;
|
|
padding: 2px 5px;
|
|
color: #fff;
|
|
font-weight: bold;
|
|
border-radius: 3px;">{{ key.0 }}</small>
|
|
<b class="label bg-warning c-gray m-l-xs" style="float: right;">{{ value|length }}</b>
|
|
</p>
|
|
<div style="margin-bottom: 0;padding-bottom: 10px;">
|
|
<div style="float: left;">
|
|
<img src="{{ key.4 }}" style="max-height: 48px;max-width: 48px;border-radius: 10px;">
|
|
</div>
|
|
<div style="float: left;
|
|
width: 80%;
|
|
padding-top: 5px;
|
|
padding-left: 10px;">
|
|
<span style="font-size: 13px;">Тема №{{ key.3 }}: </span><br>
|
|
<span style="font-size: 13px;border-bottom: 1px dotted #999;"><b> {{ key.1 }}</b></span>
|
|
</div>
|
|
</div>
|
|
<p style="clear: both;">
|
|
<span style="font-size: 13px;float: right;color: #999;">Развернуть</span>
|
|
</p>
|
|
</h4>
|
|
</a>
|
|
</div>
|
|
<div id="collapse{{ key.2 }}" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading{{ key.2 }}">
|
|
<div class="panel-body" style=" padding: 0;">
|
|
{% for i in value %}
|
|
<a href="{{ DOMAIN }}/teacher/workshop/homework/{{ i.parent.id }}?show_dialog_user_id={{ i.student.id }}&show_dialog=True" target="_blank" class="list-group-item clearfix" style="padding: 15px 10px;border-radius: 3px;">
|
|
<span class="pull-left thumb-sm avatar m-r">
|
|
<img src="{{ i.student.get_image_url }}" alt="...">
|
|
</span>
|
|
<span class="clear">
|
|
<div style="float: left;width: 50%;">
|
|
<span>{{ i.student.get_full_name }}</span>
|
|
<small class="text-muted clear text-ellipsis">Тема №{{ i.material.theme.sort }}<br>{{ i.material.theme.get_title }}</small>
|
|
</div>
|
|
<div style="float: right; padding-right: 5px;width: 50%;text-align: right;">
|
|
<span style="font-weight: bold;float: right;">Дата сдачи:<br> {{ i.date }}</span><br><br>
|
|
<span style="float: right;">{{ i.expired_for|safe }}</span>
|
|
</div>
|
|
</span>
|
|
</a>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
<div name="all_group">
|
|
{% for i in all_homeworks %}
|
|
<a href="{{ DOMAIN }}/teacher/workshop/homework/{{ i.parent.id }}?show_dialog_user_id={{ i.student.id }}&show_dialog=True" target="_blank" class="list-group-item clearfix" style="padding: 15px 10px;border-radius: 3px;">
|
|
<span class="pull-left thumb-sm avatar m-r">
|
|
<img src="{{ i.student.get_image_url }}" alt="...">
|
|
</span>
|
|
<span class="clear">
|
|
<div style="float: left;width: 50%;">
|
|
<span>{{ i.student.get_full_name }}</span>
|
|
<small class="text-muted clear text-ellipsis">Тема №{{ i.material.theme.sort }}<br>{{ i.material.theme.get_title }}</small>
|
|
</div>
|
|
<div style="float: right; padding-right: 5px;width: 50%;text-align: right;">
|
|
<span style="font-weight: bold;float: right;">Дата сдачи:<br> {{ i.date }}</span><br><br>
|
|
<span style="float: right;">{{ i.expired_for|safe }}</span>
|
|
</div>
|
|
</span>
|
|
</a>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6 m-t-xs prepod_teammates">
|
|
<div class="panel no-border m-l-xs">
|
|
<div class="panel-heading b-b b-light">
|
|
Не проверенные экзамены<b class="label bg-warning c-gray pull-right m-l-xs" name="ex_length"></b>
|
|
</div>
|
|
<div class="list-group list-group-lg list-group-sp">
|
|
{% for key, value in active_exams.items %}
|
|
<script>
|
|
window.ex_length += {{ value|length }};
|
|
</script>
|
|
{% for i in value %}
|
|
<a href="{{ DOMAIN }}/teacher/workshop/exam/{{ i.parent.id }}?show_dialog_user_id={{ i.student.id }}&show_dialog=True" target="_blank" class="list-group-item clearfix" style="padding: 15px 10px;border-radius: 3px;">
|
|
<span class="pull-left thumb-sm avatar m-r">
|
|
<img src="{{ i.student.get_image_url }}" alt="...">
|
|
</span>
|
|
<span class="clear">
|
|
<div style="float: left;width: 50%;">
|
|
<span>{{ i.student.get_full_name }}</span>
|
|
<small class="text-muted clear text-ellipsis">{{ key.0 }}<br>{{ i.material.theme.get_title }}</small>
|
|
</div>
|
|
<div style="float: right; padding-right: 5px;width: 50%;text-align: right;">
|
|
<span style="font-weight: bold;float: right;">Дата сдачи:<br> {{ i.date }}</span><br><br>
|
|
<span style="float: right;">{{ i.expired_for|safe }}</span>
|
|
</div>
|
|
</span>
|
|
</a>
|
|
{% endfor %}
|
|
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- / main header -->
|
|
|
|
</div>
|
|
<!-- / main -->
|
|
<!-- right col -->
|
|
{% include 'right_site.html' %}
|
|
<!-- / right col -->
|
|
{% endblock %}
|
|
{% block js %}
|
|
<script>
|
|
$('[name="hw_length"]').html(window.hw_length);
|
|
$('[name="ex_length"]').html(window.ex_length);
|
|
</script>
|
|
{% endblock %} |