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.
237 lines
15 KiB
237 lines
15 KiB
{% extends 'base_index.html' %}
|
|
{% block head %}
|
|
<link rel="stylesheet" href="/static/css/aside.css" type="text/css" />
|
|
{% 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-thumbnail" 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 -->
|
|
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
|
|
<div class="panel panel-default" style="border-radius: 0; border: 0; margin-bottom: 20px;">
|
|
<div class="panel-heading" role="tab" id="headingOne" style="padding: 5px 10px;border-radius: 0;
|
|
background: #333;">
|
|
<span class="panel-title" style="font-size: 14px;">
|
|
{% for i in courses %}
|
|
<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne_{{ i.id }}" aria-expanded="true" aria-controls="collapseOne">
|
|
{{ i.title }}
|
|
</a>
|
|
{% endfor %}
|
|
</span>
|
|
</div>
|
|
{% for i in courses %}
|
|
<div id="collapseOne_{{ i.id }}" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
|
|
<div class="panel-body" style="padding: 0;border: 0;">
|
|
<ul class="nav" style="background: #3a3f51;">
|
|
<li>
|
|
<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>
|
|
<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 class="active">
|
|
<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>
|
|
<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 %}
|
|
<!-- content -->
|
|
{% block content %}
|
|
<div class="col w-lg lter b-r">
|
|
<ul class="p-l-none">
|
|
{% for i in course.get_themes %}
|
|
<a type="button" onclick="{% if i.lessons_length != 1 %}show_theme_materials({{ i.id }}){% else %}show_one_lesson_comments({{ i.get_one_lesson_id }});{% endif %}">
|
|
<li class="b-a list-group-item" name="theme_materials_button" id="{{ i.id }}" style="border-radius: 0px;">
|
|
<span>Тема №{{ i.sort }} <b class="label bg-warning c-gray">{{ i.get_type_display }}</b>
|
|
<b class="label bg-warning c-gray">{{ i.get_no_saw_lessons_length }}</b>
|
|
</span>
|
|
<p>{{ i.title }}</p>
|
|
</li>
|
|
</a>
|
|
{% endfor %}
|
|
{% for i in course.get_addition_themes %}
|
|
<a type="button" onclick="{% if i.lessons_length != 1 %}show_theme_materials({{ i.id }}){% else %}show_one_lesson_comments({{ i.get_one_lesson_id }});{% endif %}">
|
|
<li class="b-a list-group-item" name="theme_materials_button" id="{{ i.id }}" style="border-radius: 0px;">
|
|
<span><b class="label bg-warning c-gray">{{ i.get_type_display }}</b>
|
|
<b class="label bg-warning c-gray">{{ i.get_no_saw_lessons_length }}</b>
|
|
</span>
|
|
<p>{{ i.title }}</p>
|
|
</li>
|
|
</a>
|
|
{% endfor %}
|
|
{% for i in course.get_premium_themes %}
|
|
<a type="button" onclick="{% if i.lessons_length != 1 %}show_theme_materials({{ i.id }}){% else %}show_one_lesson_comments({{ i.get_one_lesson_id }});{% endif %}">
|
|
<li class="b-a list-group-item" name="theme_materials_button" id="{{ i.id }}" style="border-radius: 0px;">
|
|
<span>
|
|
<b class="label bg-warning c-gray">{{ i.get_type_display }}</b>
|
|
<b class="label bg-warning c-gray">{{ i.get_no_saw_lessons_length }}</b>
|
|
</span>
|
|
<p>{{ i.title }}</p>
|
|
</li>
|
|
</a>
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
<!-- /column -->
|
|
<!-- column -->
|
|
{% for i in course.get_themes %}
|
|
<div name="theme_listing" style="display: none;" id="{{ i.id }}" class="col w-lg lter b-r">
|
|
<ul class="p-l-none">
|
|
{% for n in i.get_lessons %}
|
|
<a type="button" onclick="show_lesson_comments({{ n.id }})"><li class="b-a list-group-item" name="lesson_materials_button" id="{{ n.id }}"><span class="pull-left thumb-xxs avatar m-r">Урок №{{ n.sort }}<b class="label bg-warning c-gray">{{ i.get_no_saw_lessons_length }}</b></span><br><p>{{ n.title }}</p></li></a>
|
|
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
{% endfor %}
|
|
|
|
{% for i in course.get_addition_themes %}
|
|
<div name="theme_listing" style="display: none;" id="{{ i.id }}" class="col w-lg lter b-r">
|
|
<ul class="p-l-none">
|
|
{% for n in i.get_lessons %}
|
|
<a type="button" onclick="show_lesson_comments({{ n.id }})"><li class="b-a list-group-item" name="lesson_materials_button" id="{{ n.id }}"><span class="pull-left thumb-xxs avatar m-r">Урок №{{ n.sort }}<b class="label bg-warning c-gray">{{ i.get_no_saw_lessons_length }}</b></span><br><p>{{ n.title }}</p></li></a>
|
|
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
{% endfor %}
|
|
|
|
{% for i in course.get_premium_themes %}
|
|
<div name="theme_listing" style="display: none;" id="{{ i.id }}" class="col w-lg lter b-r">
|
|
<ul class="p-l-none">
|
|
{% for n in i.get_lessons %}
|
|
<a type="button" onclick="show_lesson_comments({{ n.id }})"><li class="b-a list-group-item" name="lesson_materials_button" id="{{ n.id }}"><span class="pull-left thumb-xxs avatar m-r">Урок №{{ n.sort }}<b class="label bg-warning c-gray">{{ i.get_no_saw_lessons_length }}</b></span><br><p>{{ n.title }}</p></li></a>
|
|
{% endfor %}
|
|
</ul>
|
|
</div>
|
|
{% endfor %}
|
|
<!-- /column -->
|
|
|
|
<!-- column -->
|
|
<div class="row" style="padding: 20px;display: none;" name="big_lesson_block">
|
|
<a name="comment_list_place"></a>
|
|
<div class="col-lg-12">
|
|
<!-- .comment-list -->
|
|
<div class="m-b b-l m-l-md streamline" name="lesson_comments_block" lesson_id=""></div>
|
|
<div name="lesson_comments_empty" style="display: none;">
|
|
<h3 style="text-align: center;
|
|
background-color: #ffc;
|
|
padding: 10px 5px;
|
|
margin: 0;">Напишите свой комментарий</h3>
|
|
</div>
|
|
<div class="progress" name="lesson_comments_load" style="height: 40px;">
|
|
<div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"
|
|
style="width: 100%; font-weight: bold; font-size: 15px;padding: 10px;">
|
|
ЗАГРУЗКА ДИАЛОГА
|
|
</div>
|
|
</div>
|
|
{% if request.user.is_authenticated %}
|
|
<div class="progress" name="sent_comment_progress" style="height: 40px;display: none;">
|
|
<div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100"
|
|
style="width: 100%; font-weight: bold; font-size: 15px;padding: 10px;">
|
|
ОТПРАВКА СООБЩЕНИЯ
|
|
</div>
|
|
</div>
|
|
<a name="comment_send_form_place"></a>
|
|
<form name="comment_send_form" onsubmit="return false" method="POST">
|
|
<h3 style="margin-bottom: 15px;margin-left: 20px;font-weight: bold;border-top: 1px dotted #ccc;padding-top: 10px;"><i class="glyphicon glyphicon-comment"></i> ОСТАВИТЬ СООБЩЕНИЕ <span name="reply_info"></span>: </h3>
|
|
<div>
|
|
|
|
</div>
|
|
<div class="clearfix" style="margin-bottom:10px;">
|
|
<div class="form-group">
|
|
<div class="col-sm-12 p-r-none">
|
|
<input type="text" name="comment_for_lesson_id" readonly value="" style="display: none;">
|
|
<input type="text" name="reply_for_comment_id" readonly value="0" style="display: none;">
|
|
<textarea style="overflow:scroll;height:200px;max-height:200px;width: 100%;border-radius:3px;font-weight: bold;padding: 15px 20px;" name="comment_sent_text" class="form-control"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<div class="col-xs-12 col-sm-12 col-md-9 p-r-none m-b-md" name="files_sketches">
|
|
|
|
</div>
|
|
<div class="col-xs-12 col-sm-12 col-md-3 p-r-none m-b-md">
|
|
<button class="btn btn-lg btn-info m-t-xs pull-right" style="min-width: 240px;width: 100%;border-radius: 3px;" onclick="send_comment('comment_send_form', 'form_file_load')">Отправить сообщение</button>
|
|
</div>
|
|
|
|
</div>
|
|
</form>
|
|
<form enctype='multipart/form-data'
|
|
action='/storage/upload_file/'
|
|
method='post'
|
|
name='load_file'
|
|
id="form_file_load_form"
|
|
target='hidden_frame'
|
|
class="load_file" style="text-align: right; clear: right; margin-bottom: 20px;">
|
|
<input type='hidden' name='MAX_FILE_SIZE' value='64000'>
|
|
<input id="form_file_load" name='file_load' type='file' data-icon="false" data-classbutton="btn btn-default" data-classinput="form-control inline v-middle input-s" tabindex="-1"
|
|
style="outline: 0;background: #ffc; padding: 5px 10px;border-radius: 5px;margin: auto;position: absolute; clip: rect(0px, 0px, 0px, 0px);" sketch_place="files_sketches">
|
|
<button class="btn btn-default" onclick="return false;" style="display: none;" name="form_file_load_progress">
|
|
<img src="/static/img/ui-anim_basic_16x16.gif">
|
|
</button>
|
|
<div class="bootstrap-filestyle input-group" name="form_file_load_button">
|
|
<span tabindex="0" class="group-span-filestyle input-group-btn" style="text-align: right;">
|
|
<label for="form_file_load" class="btn btn-default ">
|
|
<span><span class="glyphicon glyphicon-save-file"></span> Добавить файл</span>
|
|
</label>
|
|
</span>
|
|
</div>
|
|
<input type="text" name="clip_file_id" readonly value="0" style="display: none;">
|
|
</form>
|
|
{% else %}
|
|
<p>Для отправки сообщений, авторизуйтесь.</p>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
<input name="LESSON_ID" value="" style="display: none;">
|
|
<input name="REQUEST_USER_ID" value="{{ request.user.id }}" style="display: none;">
|
|
{% endblock %}
|
|
{% block js %}
|
|
<script src="/static/js/apis/teacher_lesson_comments.js"></script>
|
|
<script src="/static/js/apis/teacher.js"></script>
|
|
{% endblock %}
|
|
|