Add school schedules print page

remotes/origin/hasaccess
Ivlev Denis 8 years ago
parent ad65269259
commit 6649704ebf
  1. 455
      apps/school/templates/blocks/schedule.html
  2. 103
      apps/school/templates/school/schedules_print.html
  3. 2
      apps/school/urls.py
  4. 9
      apps/school/views.py

@ -77,463 +77,10 @@
</div>
{% endwith %}
{% endfor %}
{% comment %}
<div class="timing__item js-timing-item">
<div class="timing__cell">
<div class="timing__info">
<div class="timing__day">вторник</div>
<div class="timing__date">3 апреля</div>
</div>
<div class="timing__buy">
<div class="timing__time">17:00 (МСК)</div>
<a class="timing__btn btn" href="#">купить</a>
</div>
</div>
<div class="timing__cell">
<div class="timing__preview">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</div>
</div>
<div class="timing__cell">
<div class="timing__title">Живопись,
<span class="bold">Олени</span>
</div>
<div class="timing__content">Однажды он затеял скандал на торговой площади ради леденца, вокруг собралась толпа, и полицейские попросили хозяина
лавки открыть её во время сиесты и подарить мальчику сладость.</div>
<div class="timing__more">
<div class="timing__head">Материалы</div>
<div class="timing__row">
<div class="timing__col">
<div class="timing__text">
<p>У него была сестра, Анна Мария Дали (исп. Anna Maria Dalí, 6 января 1908 — 16 мая 1989), и старший брат
(12 октября 1901 — 1 августа 1903), который умер от менингита.</p>
</div>
</div>
<div class="timing__col">
<div class="timing__text">
<ul>
<li>Кисть</li>
<li>Карандаш</li>
<li>Бумага акварекльная А4</li>
<li>Мелки</li>
</ul>
</div>
</div>
</div>
<div class="timing__head">Результаты прошлых уроков</div>
<div class="timing__works">
<a class="timing__work" href="#">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</a>
<a class="timing__work" href="#">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</a>
<a class="timing__work" href="#">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</a>
<a class="timing__work" href="#">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</a>
<a class="timing__work" href="#">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</a>
<a class="timing__work" href="#">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</a>
<a class="timing__work" href="#">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</a>
</div>
</div>
</div>
<div class="timing__cell">
<button class="timing__toggle js-timing-toggle">
<svg class="icon icon-arrow-down">
<use xlink:href="{% static 'img/sprite.svg' %}#icon-arrow-down"></use>
</svg>
</button>
</div>
</div>
<div class="timing__item js-timing-item">
<div class="timing__cell">
<div class="timing__info">
<div class="timing__day">среда</div>
<div class="timing__date">4 апреля</div>
</div>
<div class="timing__buy">
<div class="timing__time">17:00 (МСК)</div>
<a class="timing__btn btn" href="#">купить</a>
</div>
</div>
<div class="timing__cell">
<div class="timing__preview">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</div>
</div>
<div class="timing__cell">
<div class="timing__title">Пластелин,
<span class="bold">Лесные приключения Барри</span>
</div>
<div class="timing__content">Однажды он затеял скандал на торговой площади ради леденца</div>
<div class="timing__more">
<div class="timing__head">Материалы</div>
<div class="timing__row">
<div class="timing__col">
<div class="timing__text">
<p>У него была сестра, Анна Мария Дали (исп. Anna Maria Dalí, 6 января 1908 — 16 мая 1989), и старший брат
(12 октября 1901 — 1 августа 1903), который умер от менингита.</p>
</div>
</div>
<div class="timing__col">
<div class="timing__text">
<ul>
<li>Кисть</li>
<li>Карандаш</li>
<li>Бумага акварекльная А4</li>
<li>Мелки</li>
</ul>
</div>
</div>
</div>
<div class="timing__head">Результаты прошлых уроков</div>
<div class="timing__works">
<a class="timing__work" href="#">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</a>
<a class="timing__work" href="#">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</a>
<a class="timing__work" href="#">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</a>
<a class="timing__work" href="#">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</a>
<a class="timing__work" href="#">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</a>
<a class="timing__work" href="#">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</a>
<a class="timing__work" href="#">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</a>
</div>
</div>
</div>
<div class="timing__cell">
<button class="timing__toggle js-timing-toggle">
<svg class="icon icon-arrow-down">
<use xlink:href="{% static 'img/sprite.svg' %}#icon-arrow-down"></use>
</svg>
</button>
</div>
</div>
<div class="timing__item js-timing-item">
<div class="timing__cell">
<div class="timing__info">
<div class="timing__day">четверг</div>
<div class="timing__date">5 апреля</div>
</div>
<div class="timing__buy">
<div class="timing__time">17:00 (МСК)</div>
<a class="timing__btn btn" href="#">купить</a>
</div>
</div>
<div class="timing__cell">
<div class="timing__preview">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</div>
</div>
<div class="timing__cell">
<div class="timing__title">Моторика,
<span class="bold">Тема</span>
</div>
<div class="timing__content">Многочисленные комплексы[какие?] и фобии, например, страх перед</div>
<div class="timing__more">
<div class="timing__head">Материалы</div>
<div class="timing__row">
<div class="timing__col">
<div class="timing__text">
<p>У него была сестра, Анна Мария Дали (исп. Anna Maria Dalí, 6 января 1908 — 16 мая 1989), и старший брат
(12 октября 1901 — 1 августа 1903), который умер от менингита.</p>
</div>
</div>
<div class="timing__col">
<div class="timing__text">
<ul>
<li>Кисть</li>
<li>Карандаш</li>
<li>Бумага акварекльная А4</li>
<li>Мелки</li>
</ul>
</div>
</div>
</div>
<div class="timing__head">Результаты прошлых уроков</div>
<div class="timing__works">
<a class="timing__work" href="#">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</a>
<a class="timing__work" href="#">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</a>
<a class="timing__work" href="#">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</a>
<a class="timing__work" href="#">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</a>
<a class="timing__work" href="#">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</a>
<a class="timing__work" href="#">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</a>
<a class="timing__work" href="#">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</a>
</div>
</div>
</div>
<div class="timing__cell">
<button class="timing__toggle js-timing-toggle">
<svg class="icon icon-arrow-down">
<use xlink:href="{% static 'img/sprite.svg' %}#icon-arrow-down"></use>
</svg>
</button>
</div>
</div>
<div class="timing__item js-timing-item">
<div class="timing__cell">
<div class="timing__info">
<div class="timing__day">пятница</div>
<div class="timing__date">6 апреля</div>
</div>
<div class="timing__buy">
<div class="timing__time">17:00 (МСК)</div>
<a class="timing__btn btn" href="#">купить</a>
</div>
</div>
<div class="timing__cell">
<div class="timing__preview">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</div>
</div>
<div class="timing__cell">
<div class="timing__title">Акварель,
<span class="bold">Дикая сирень</span>
</div>
<div class="timing__content">Проигрывая в школьных азартных играх, он вёл себя так</div>
<div class="timing__more">
<div class="timing__head">Материалы</div>
<div class="timing__row">
<div class="timing__col">
<div class="timing__text">
<p>У него была сестра, Анна Мария Дали (исп. Anna Maria Dalí, 6 января 1908 — 16 мая 1989), и старший брат
(12 октября 1901 — 1 августа 1903), который умер от менингита.</p>
</div>
</div>
<div class="timing__col">
<div class="timing__text">
<ul>
<li>Кисть</li>
<li>Карандаш</li>
<li>Бумага акварекльная А4</li>
<li>Мелки</li>
</ul>
</div>
</div>
</div>
<div class="timing__head">Результаты прошлых уроков</div>
<div class="timing__works">
<a class="timing__work" href="#">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</a>
<a class="timing__work" href="#">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</a>
<a class="timing__work" href="#">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</a>
<a class="timing__work" href="#">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</a>
<a class="timing__work" href="#">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</a>
<a class="timing__work" href="#">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</a>
<a class="timing__work" href="#">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</a>
</div>
</div>
</div>
<div class="timing__cell">
<button class="timing__toggle js-timing-toggle">
<svg class="icon icon-arrow-down">
<use xlink:href="{% static 'img/sprite.svg' %}#icon-arrow-down"></use>
</svg>
</button>
</div>
</div>
<div class="timing__item timing__item_bg js-timing-item">
<div class="timing__cell">
<div class="timing__info">
<div class="timing__day">суббота</div>
<div class="timing__date">7 апреля</div>
</div>
<div class="timing__buy">
<div class="timing__time">17:00 (МСК)</div>
<a class="timing__btn btn" href="#">купить</a>
</div>
</div>
<div class="timing__cell">
<div class="timing__preview">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</div>
</div>
<div class="timing__cell">
<div class="timing__title">Акварель,
<span class="bold">Сырая техника</span>
</div>
<div class="timing__content">Проигрывая в школьных азартных играх, он вёл себя так</div>
<div class="timing__more">
<div class="timing__head">Материалы</div>
<div class="timing__row">
<div class="timing__col">
<div class="timing__text">
<p>У него была сестра, Анна Мария Дали (исп. Anna Maria Dalí, 6 января 1908 — 16 мая 1989), и старший брат
(12 октября 1901 — 1 августа 1903), который умер от менингита.</p>
</div>
</div>
<div class="timing__col">
<div class="timing__text">
<ul>
<li>Кисть</li>
<li>Карандаш</li>
<li>Бумага акварекльная А4</li>
<li>Мелки</li>
</ul>
</div>
</div>
</div>
<div class="timing__head">Результаты прошлых уроков</div>
<div class="timing__works">
<a class="timing__work" href="#">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</a>
<a class="timing__work" href="#">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</a>
<a class="timing__work" href="#">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</a>
<a class="timing__work" href="#">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</a>
<a class="timing__work" href="#">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</a>
<a class="timing__work" href="#">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</a>
<a class="timing__work" href="#">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</a>
</div>
</div>
</div>
<div class="timing__cell">
<button class="timing__toggle js-timing-toggle">
<svg class="icon icon-arrow-down">
<use xlink:href="{% static 'img/sprite.svg' %}#icon-arrow-down"></use>
</svg>
</button>
</div>
</div>
<div class="timing__item timing__item_bg js-timing-item">
<div class="timing__cell">
<div class="timing__info">
<div class="timing__day">воскресенье</div>
<div class="timing__date">8 апреля</div>
</div>
<div class="timing__buy">
<div class="timing__time">17:00 (МСК)</div>
<a class="timing__btn btn" href="#">купить</a>
</div>
</div>
<div class="timing__cell">
<div class="timing__preview">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</div>
</div>
<div class="timing__cell">
<div class="timing__title">Акварель,
<span class="bold">Трансформеры</span>
</div>
<div class="timing__content">Проигрывая в школьных азартных играх, он вёл себя так</div>
<div class="timing__more">
<div class="timing__head">Материалы</div>
<div class="timing__row">
<div class="timing__col">
<div class="timing__text">
<p>У него была сестра, Анна Мария Дали (исп. Anna Maria Dalí, 6 января 1908 — 16 мая 1989), и старший брат
(12 октября 1901 — 1 августа 1903), который умер от менингита.</p>
</div>
</div>
<div class="timing__col">
<div class="timing__text">
<ul>
<li>Кисть</li>
<li>Карандаш</li>
<li>Бумага акварекльная А4</li>
<li>Мелки</li>
</ul>
</div>
</div>
</div>
<div class="timing__head">Результаты прошлых уроков</div>
<div class="timing__works">
<a class="timing__work" href="#">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</a>
<a class="timing__work" href="#">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</a>
<a class="timing__work" href="#">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</a>
<a class="timing__work" href="#">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</a>
<a class="timing__work" href="#">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</a>
<a class="timing__work" href="#">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</a>
<a class="timing__work" href="#">
<img class="timing__pic" src="{% static 'img/user.jpg' %}">
</a>
</div>
</div>
</div>
<div class="timing__cell">
<button class="timing__toggle js-timing-toggle">
<svg class="icon icon-arrow-down">
<use xlink:href="{% static 'img/sprite.svg' %}#icon-arrow-down"></use>
</svg>
</button>
</div>
</div>
{% endcomment %}
</div>
<div class="timing__foot">
{% include './pay_btn.html' %}
<a class="timing__print" href="#">Распечатать расписание
<a target="_blank" class="timing__print" href="{% url 'school:school_schedules-print' %}">Распечатать расписание
<span class="bold">чтобы не забыть</span>
<svg class="icon icon-print">
<use xlink:href="{% static 'img/sprite.svg' %}#icon-print"></use>

@ -0,0 +1,103 @@
{% load static %} {% load thumbnail %} {% load static %}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>
{% block title %}Онлайн-курсы LilCity{% endblock title%}
</title>
<link rel="stylesheet" media="all" href={% static "app.css" %}>
</head>
<body onload="window.print()">
<div class="outer js-outer">
<div class="section" id="schedule">
<div class="section__center center center_md">
<div class="title title_center">Расписание</div>
<div class="timing js-timing">
<div class="timing__week">
{% for school_schedule in school_schedules %} {% with current_live_lesson=school_schedule.current_live_lesson %}
<div class="timing__item{% if not current_live_lesson %} timing__item_bg{% endif %} js-timing-item open">
<div class="timing__cell">
<div class="timing__info">
<div class="timing__day{% if school_schedule.is_online %} active{% endif %}">
{{ school_schedule }}
</div>
{% if current_live_lesson %}
<div class="timing__date">{{ current_live_lesson.date }}</div>
{% endif %}
</div>
<div class="timing__buy">
<div class="timing__time">{{ school_schedule.start_at }} (МСК)</div>
{% include 'blocks/pay_btn.html' %}
</div>
</div>
<div class="timing__cell">
<div class="timing__preview">
{% thumbnail current_live_lesson.cover.image "70x70" crop="center" as im %}
<img class="timing__pic" src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}" /> {% empty %}
<img class="timing__pic" src="{% static 'img/no_cover.png' %}" width="70px" height="70px" /> {% endthumbnail %}
</div>
</div>
<div class="timing__cell">
<div class="timing__title">{{ school_schedule.title }}{% if current_live_lesson %},
<span class="bold">{{ current_live_lesson.title }}</span>
{% endif %}
</div>
{% if current_live_lesson %}
<div class="timing__content">{{ current_live_lesson.short_description }}</div>
{% endif %}
<div class="timing__more">
<div class="timing__head">Материалы</div>
<div class="timing__row">
<div class="timing__col">
<div class="timing__text">
<p>{{ school_schedule.description }}</p>
</div>
</div>
<div class="timing__col">
<div class="timing__text">
{{ school_schedule.materials }}
</div>
</div>
</div>
{% if school_schedule.schoolschedule_images.exists %}
<div class="timing__head">Результаты прошлых уроков</div>
<div class="timing__works gallery">
{% for image in school_schedule.schoolschedule_images.all %} {% thumbnail image.img.image "48x48" crop="center" as im %}
<a class="timing__work" href="{{ image.img.image.url }}">
<img class="timing__pic" src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}" />
</a>
{% endthumbnail %} {% endfor %}
</div>
{% endif %}
</div>
</div>
<div class="timing__cell">
<button class="timing__toggle js-timing-toggle">
<svg class="icon icon-arrow-down">
<use xlink:href="{% static 'img/sprite.svg' %}#icon-arrow-down"></use>
</svg>
</button>
</div>
</div>
{% endwith %} {% endfor %}
</div>
<div class="timing__foot">
{% include 'blocks/pay_btn.html' %}
<a target="_blank" class="timing__print" href="{% url 'school:school_schedules-print' %}">Распечатать расписание
<span class="bold">чтобы не забыть</span>
<svg class="icon icon-print">
<use xlink:href="{% static 'img/sprite.svg' %}#icon-print"></use>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</body>
</html>

@ -3,10 +3,12 @@ from django.urls import path, include
from .views import (
LiveLessonsView, LiveLessonEditView,
LiveLessonsDetailView, SchoolView,
SchoolSchedulesPrintView,
)
urlpatterns = [
path('', SchoolView.as_view(), name='school'),
path('schedules/print', SchoolSchedulesPrintView.as_view(), name='school_schedules-print'),
path('lessons/', LiveLessonsView.as_view(), name='lessons'),
path('lessons/<int:pk>/edit', LiveLessonEditView.as_view(), name='lessons-edit'),
path('lessons/<int:pk>/', LiveLessonsDetailView.as_view(), name='lesson-detail'),

@ -89,3 +89,12 @@ class SchoolView(TemplateView):
'subscription_ends': school_payment.first().date_end if school_payment_exists else None,
})
return context
class SchoolSchedulesPrintView(TemplateView):
template_name = 'school/schedules_print.html'
def get_context_data(self):
context = super().get_context_data()
context['school_schedules'] = SchoolSchedule.objects.all()
return context

Loading…
Cancel
Save