parent
aa9ef4b251
commit
85303188a9
1 changed files with 169 additions and 188 deletions
@ -1,201 +1,182 @@ |
|||||||
{% load static %} |
{% load static %} |
||||||
{% load i18n %} |
{% load i18n %} |
||||||
{% load template_filters %} |
{% load template_filters %} |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="ep-sect eps-opened"> |
<div class="ep-sect eps-opened"> |
||||||
<div class="ep-sect-title"><a class="eps-open" href="#">{% trans 'визуализация' %}</a></div> |
<div class="ep-sect-title"><a class="eps-open" href="#">{% trans 'визуализация' %}</a></div> |
||||||
<div class="ep-sect-body calenadar-body"> |
<div class="ep-sect-body calenadar-body"> |
||||||
<header> |
<header> |
||||||
<div class="pc-month-wrap"> |
<div class="pc-month-wrap"> |
||||||
<a class="pcm-prev" href="/profile/calendar/?year={{ days.15|add_month:'-1'|date:'Y' }}&month={{ days.15|add_month:'-1'|date:'m' }}"><</a> |
<a class="pcm-prev" href="/profile/calendar/?year={{ days.15|add_month:'-1'|date:'Y' }}&month={{ days.15|add_month:'-1'|date:'m' }}"><</a> |
||||||
<div class="pc-month">{{ days.15|date:"F"}}’{{ days.15|date:"y"}}</div> |
<div class="pc-month">{{ days.15|date:"F"}}’{{ days.15|date:"y"}}</div> |
||||||
<a class="pcm-next" href="/profile/calendar/?year={{ days.15|add_month:'1'|date:'Y' }}&month={{ days.15|add_month:'1'|date:'m' }}">></a> |
<a class="pcm-next" href="/profile/calendar/?year={{ days.15|add_month:'1'|date:'Y' }}&month={{ days.15|add_month:'1'|date:'m' }}">></a> |
||||||
</div> |
</div> |
||||||
</header> |
</header> |
||||||
<div class="cal-wrap"> |
<div class="cal-wrap"> |
||||||
<div class="calendar-container" > |
<div class="calendar-container" > |
||||||
<div class="scroll-content" id="calendar-scroll-box"> |
<div class="scroll-content" id="calendar-scroll-box"> |
||||||
{% with events=events %} |
{% with events=events %} |
||||||
<table id="calendar-table"> |
<table id="calendar-table"> |
||||||
<tbody class="cal-days"> |
<tbody class="cal-days"> |
||||||
<tr> |
<tr> |
||||||
{% for day in days %} |
{% for day in days %} |
||||||
{% ifnotequal day current_day %} |
{% ifnotequal day current_day %} |
||||||
<td><div><b>{{ day|date:"d" }}</b>/<i>{% if LANGUAGE_CODE == 'ru' %}{{ day|get_rus_day }}{% else %}{{ day|date:"D" }}{% endif %}</i></div></td> |
<td><div><b>{{ day|date:"d" }}</b>/<i>{% if LANGUAGE_CODE == 'ru' %}{{ day|get_rus_day }}{% else %}{{ day|date:"D" }}{% endif %}</i></div></td> |
||||||
{% else %} |
{% else %} |
||||||
<td class="c-cur"> |
<td class="c-cur"> |
||||||
<div> |
<div> |
||||||
<div class="cur-mark">{% trans 'Сегодня' %}</div> |
<div class="cur-mark">{% trans 'Сегодня' %}</div> |
||||||
<b>{{ day|date:"d" }}</b>/<i>{% if LANGUAGE_CODE == 'ru' %}{{ day|get_rus_day }}{% else %}{{ day|date:"D" }}{% endif %}</i> |
<b>{{ day|date:"d" }}</b>/<i>{% if LANGUAGE_CODE == 'ru' %}{{ day|get_rus_day }}{% else %}{{ day|date:"D" }}{% endif %}</i> |
||||||
</div> |
</div> |
||||||
</td> |
</td> |
||||||
{% endifnotequal %} |
{% endifnotequal %} |
||||||
{% endfor %} |
{% endfor %} |
||||||
</tr> |
</tr> |
||||||
</tbody> |
</tbody> |
||||||
|
|
||||||
<tbody class="cal-body"> |
<tbody class="cal-body"> |
||||||
{# первый ряд с отображениями дней где нет событий #} |
{# первый ряд с отображениями дней где нет событий #} |
||||||
<tr> |
<tr> |
||||||
{% for day in days %} |
{% for day in days %} |
||||||
|
{% if day_colspan|get_item:day|get_item:'event' %} |
||||||
{% if day_colspan|get_item:day|get_item:'event' %} |
{% ifnotequal day current_day %} |
||||||
{% ifnotequal day current_day %} |
<td></td> |
||||||
<td></td> |
{% else %} |
||||||
{% else %} |
<td class="c-cur"></td> |
||||||
<td class="c-cur"></td> |
{% endifnotequal %} |
||||||
{% endifnotequal %} |
{% else %} |
||||||
|
{% if day_colspan|get_item:day|get_item:'counter' %} |
||||||
{% else %} |
{# здесь ячейка с днями без событий #} |
||||||
{% if day_colspan|get_item:day|get_item:'counter' %} |
<td class="c-cur no-events" colspan="{{ day_colspan|get_item:day|get_item:'counter' }}"> |
||||||
{# здесь ячейка с днями без событий #} |
<div class="c-event"> |
||||||
<td class="c-cur no-events" colspan="{{ day_colspan|get_item:day|get_item:'counter' }}"> |
<div class="ce-wrap"><div class="message">{% trans "Нет отмеченых событий" %}</div></div> |
||||||
<div class="c-event"> |
</div> |
||||||
<div class="ce-wrap"><div class="message">{% trans "Нет отмеченых событий" %}</div></div> |
</td> |
||||||
</div> |
{% endif %} |
||||||
</td> |
{% endif %} |
||||||
|
{% endfor %} |
||||||
{% endif %} |
</tr> |
||||||
|
<tr class="c-sep"> |
||||||
{% endif %} |
{% for day in days %} |
||||||
|
{% ifnotequal day current_day %} |
||||||
|
<td></td> |
||||||
{% endfor %} |
{% else %} |
||||||
</tr> |
<td class="c-cur"></td> |
||||||
<tr class="c-sep"> |
{% endifnotequal %} |
||||||
{% for day in days %} |
{% endfor %} |
||||||
{% ifnotequal day current_day %} |
</tr> |
||||||
<td></td> |
{% for event in events %} |
||||||
{% else %} |
<tr> |
||||||
<td class="c-cur"></td> |
{% for day in days %} |
||||||
{% endifnotequal %} |
{% if event|in_event:day %} |
||||||
{% endfor %} |
{% if day.month == event.data_begin.month %} |
||||||
|
{% if day.day == event.data_begin.day %} |
||||||
|
<td class="c-cur" colspan="{{ event|duration }}"> |
||||||
</tr> |
|
||||||
{% for event in events %} |
|
||||||
<tr> |
|
||||||
{% for day in days %} |
|
||||||
|
|
||||||
{% if event|in_event:day %} |
|
||||||
{% if day.month == event.data_begin.month %} |
|
||||||
{% if day.day == event.data_begin.day %} |
|
||||||
<td class="c-cur" colspan="{{ event|duration }}"> |
|
||||||
{% comment %} |
{% comment %} |
||||||
<div class="c-event active-event {% if day.month != event.data_end.month %}cont-next{% endif %}"> |
<div class="c-event active-event {% if day.month != event.data_end.month %}cont-next{% endif %}"> |
||||||
{% endcomment %} |
{% endcomment %} |
||||||
<div class="c-event active-event"> |
<div class="c-event active-event"> |
||||||
|
|
||||||
<div class="ce-wrap"> |
<div class="ce-wrap"> |
||||||
<h3><a href="{{ event.get_permanent_url }}">{{ event.name|safe }}</a></h3> |
<h3><a href="{{ event.get_permanent_url }}">{{ event.name|safe }}</a></h3> |
||||||
|
<div class="ce-info"> |
||||||
<div class="ce-info"> |
<div class="cei-icons"> |
||||||
<div class="cei-icons"> |
{% if request.user in event.users.all %} |
||||||
{% if request.user in event.users.all %} |
<span class="ce-ico icon-check"></span> |
||||||
<span class="ce-ico icon-check"></span> |
{% endif %} |
||||||
{% endif %} |
<span class="ce-ico icon-fav"></span> |
||||||
<span class="ce-ico icon-fav"></span> |
</div> |
||||||
</div> |
<div class="cei-place">{{ event.country }}, {{ event.city }} |
||||||
<div class="cei-place">{{ event.country }}, {{ event.city }} |
{% if event.place %} |
||||||
{% if event.place %} |
, {{ event.place.address.address }} |
||||||
, {{ event.place.address.address }} |
{% endif %} |
||||||
{% endif %} |
</div> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
</div> |
</div> |
||||||
</div> |
</td> |
||||||
</td> |
{% endif %} |
||||||
{% endif %} |
{% else %} |
||||||
{% else %} |
{% comment %} |
||||||
{% comment %} |
{% if day.day == event.data_end.day %} |
||||||
{% if day.day == event.data_end.day %} |
<td class="c-cur" colspan="{{ event|duration:day.month }}"> |
||||||
<td class="c-cur" colspan="{{ event|duration:day.month }}"> |
<div class="c-event cont-prev"> |
||||||
<div class="c-event cont-prev"> |
<div class="ce-wrap"> |
||||||
<div class="ce-wrap"> |
|
||||||
|
|
||||||
<h3><a href="{{ event.get_permanent_url }}">{{ event.name|safe }}</a></h3> |
|
||||||
|
|
||||||
<div class="ce-info"> |
|
||||||
<div class="cei-icons"> |
|
||||||
{% if request.user in event.users.all %} |
|
||||||
<span class="ce-ico icon-check"></span> |
|
||||||
{% endif %} |
|
||||||
<span class="ce-ico icon-fav"></span> |
|
||||||
</div> |
|
||||||
<div class="cei-place">{{ event.country }}, {{ event.city }} |
|
||||||
{% if event.place %} |
|
||||||
, {{ event.place.address.address }} |
|
||||||
{% endif %} |
|
||||||
</div> |
|
||||||
</div> |
|
||||||
|
|
||||||
|
|
||||||
</div> |
|
||||||
</div> |
|
||||||
</td> |
|
||||||
{% endif %} |
|
||||||
{% endcomment %} |
|
||||||
|
|
||||||
{% endif %} |
|
||||||
{% else %} |
|
||||||
{% ifnotequal day current_day %} |
|
||||||
<td></td> |
|
||||||
{% else %} |
|
||||||
<td class="c-cur"></td> |
|
||||||
{% endifnotequal %} |
|
||||||
|
|
||||||
{% endif %} |
|
||||||
{% endfor %} |
|
||||||
|
|
||||||
</tr> |
|
||||||
<tr class="c-sep"> |
|
||||||
{% for day in days %} |
|
||||||
{% ifnotequal day current_day %} |
|
||||||
<td></td> |
|
||||||
{% else %} |
|
||||||
<td class="c-cur"></td> |
|
||||||
{% endifnotequal %} |
|
||||||
{% endfor %} |
|
||||||
|
|
||||||
|
|
||||||
</tr> |
|
||||||
{% endfor %} |
|
||||||
</tbody> |
|
||||||
|
|
||||||
</table> |
|
||||||
{% endwith %} |
|
||||||
</div> |
|
||||||
|
|
||||||
</div> |
<h3><a href="{{ event.get_permanent_url }}">{{ event.name|safe }}</a></h3> |
||||||
</div> |
|
||||||
</div> |
<div class="ce-info"> |
||||||
<div class="cal-scroll-button to-left" id="cal-scroll-left"><span class="sprite"> </span></div> |
<div class="cei-icons"> |
||||||
<div class="cal-scroll-button to-right" id="cal-scroll-right"><span class="sprite"> </span></div> |
{% if request.user in event.users.all %} |
||||||
|
<span class="ce-ico icon-check"></span> |
||||||
|
{% endif %} |
||||||
|
<span class="ce-ico icon-fav"></span> |
||||||
|
</div> |
||||||
|
<div class="cei-place">{{ event.country }}, {{ event.city }} |
||||||
|
{% if event.place %} |
||||||
|
, {{ event.place.address.address }} |
||||||
|
{% endif %} |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
|
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</td> |
||||||
|
{% endif %} |
||||||
|
{% endcomment %} |
||||||
|
|
||||||
|
{% endif %} |
||||||
|
{% else %} |
||||||
|
{% ifnotequal day current_day %} |
||||||
|
<td></td> |
||||||
|
{% else %} |
||||||
|
<td class="c-cur"></td> |
||||||
|
{% endifnotequal %} |
||||||
|
|
||||||
|
{% endif %} |
||||||
|
{% endfor %} |
||||||
|
</tr> |
||||||
|
<tr class="c-sep"> |
||||||
|
{% for day in days %} |
||||||
|
{% ifnotequal day current_day %} |
||||||
|
<td></td> |
||||||
|
{% else %} |
||||||
|
<td class="c-cur"></td> |
||||||
|
{% endifnotequal %} |
||||||
|
{% endfor %} |
||||||
|
</tr> |
||||||
|
{% endfor %} |
||||||
|
</tbody> |
||||||
|
</table> |
||||||
|
{% endwith %} |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
<div class="cal-scroll-button to-left" id="cal-scroll-left"><span class="sprite"> </span></div> |
||||||
|
<div class="cal-scroll-button to-right" id="cal-scroll-right"><span class="sprite"> </span></div> |
||||||
</div> |
</div> |
||||||
{% block scripts %} |
{% block scripts %} |
||||||
<!--todo: вернуть минифицированную версию--> |
{% if request.GET.debug == '1' %} |
||||||
<!--<script src="{% static 'client/js' %}{% if debug %}/{% else %}_min/{% endif %}_modules/page.profile.calendar{% if debug %}{% else %}.min{% endif %}.js"></script>--> |
<script src="{% static 'client/js/_modules/page.profile.calendar.js' %}"></script> |
||||||
<script src="{% static 'client/js/_modules/page.profile.calendar.js' %}"></script> |
{% else %} |
||||||
|
<script src="{% static 'client/js_min/_modules/page.profile.calendar.min.js' %}"></script> |
||||||
|
{% endif %} |
||||||
<script> |
<script> |
||||||
EXPO.profile.calendar.init({ |
EXPO.profile.calendar.init({ |
||||||
calenadrId:'calendar-table', |
calenadrId:'calendar-table', |
||||||
scrollBoxId: 'calendar-scroll-box', |
scrollBoxId: 'calendar-scroll-box', |
||||||
currentDayClass:'c-cur', |
currentDayClass:'c-cur', |
||||||
daysClass:'cal-days', |
daysClass:'cal-days', |
||||||
bodyClass: 'cal-body', |
bodyClass: 'cal-body', |
||||||
scrollLeftId: 'cal-scroll-left', |
scrollLeftId: 'cal-scroll-left', |
||||||
scrollRightId: 'cal-scroll-right', |
scrollRightId: 'cal-scroll-right', |
||||||
calendarToggleClass:'eps-open', |
calendarToggleClass:'eps-open', |
||||||
noEventsClass:'no-events', |
noEventsClass:'no-events', |
||||||
eventsClass:'active-event', |
eventsClass:'active-event', |
||||||
eventWrapClass:'ce-wrap', |
eventWrapClass:'ce-wrap', |
||||||
cellWidth: 137, |
cellWidth: 137, |
||||||
cellsToScroll:7 |
cellsToScroll:7 |
||||||
|
|
||||||
}); |
}); |
||||||
</script> |
</script> |
||||||
|
{% endblock %} |
||||||
{% endblock %} |
|
||||||
|
|
||||||
Loading…
Reference in new issue