calendar-social/calsocial/templates/month-view.html

134 lines
3.3 KiB
HTML
Raw Normal View History

2018-06-25 07:01:13 +00:00
<style>
table.calendar > * {
font-family: sans;
}
table.calendar {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
2018-06-25 07:01:13 +00:00
}
tr.month > td {
text-align: center;
font-weight: bold;
border-bottom: 2px solid black;
padding-bottom: .5em;
}
tr.month > td > a {
font-weight: normal;
color: black;
}
tr.month > td.month-name > a {
font-weight: bold;
}
2018-06-25 07:01:13 +00:00
tr.days > td {
text-align: center;
border-bottom: 2px solid black;
}
tr.week > td {
height: 3em;
}
tr.week > td > span.day-num {
font-weight: bold;
}
tr.week > td.other-month > span.day-num {
font-weight: normal;
color: #909090;
}
tr.week > td.today {
background-color: #d8d8d8;
}
2018-07-03 12:22:03 +00:00
tr.week > td > a.event {
display: block;
color: black;
text-decoration: none;
2018-06-25 07:01:13 +00:00
border: 1px solid green;
background-color: white;
border-radius: 2px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
tr.sizer > td {
width: 14.2857%;
height: 0;
2018-06-25 07:01:13 +00:00
}
</style>
<table class="calendar">
<thead>
<tr class="sizer">
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
2018-06-25 07:01:13 +00:00
<tr class="month">
<td>
<a href="{{ url_for('hello', date=calendar.prev_year) }}">« {{ calendar.prev_year_year }}</a>
</td>
<td>
<a href="{{ url_for('hello', date=calendar.prev_month) }}"> {{ calendar.prev_month_name }}</a>
</td>
<td colspan="3" class="month-name">
{% if not calendar.has_today %}
<a href="{{ url_for('hello', date=now_ts) }}">
{% endif %}
{{ calendar.month }}
{% if not calendar.has_today %}
</a>
{% endif %}
</td>
<td>
<a href="{{ url_for('hello', date=calendar.next_month) }}">{{ calendar.next_month_name }} </a>
</td>
<td>
<a href="{{ url_for('hello', date=calendar.next_year) }}">{{ calendar.next_year_year }} »</a>
</td>
2018-06-25 07:01:13 +00:00
</tr>
<tr class="days">
{% for day in calendar.day_names %}
<td>
{{ day }}
</td>
{% endfor %}
</tr>
</thead>
<tbody>
{% set markers = namespace() -%}
{% set markers.first = true -%}
{% for day in calendar.days -%}
{% if loop.index0 % (calendar.day_names) | length == 0 -%}
{% if not markers.first %}
</tr>
{%- else %}
{%- set markers.first = false %}
{%- endif %}
<tr class="week">
{%- endif %}
<td class="{% if day.month != calendar.timestamp.month %} other-month{% endif %}{% if day.date() == now.date() %} today{% endif %}">
2018-06-25 07:01:13 +00:00
<span class="day-num">{{ day.day }}</span>
2018-06-29 14:14:35 +00:00
{% for event in calendar.day_events(day, user=current_user) %}
<a href="{{ url_for('event_details', event_uuid=event.event_uuid) }}" class="event">
{{ event.start_time_for_user(current_user).strftime('%H:%M') }}{{ event.end_time_for_user(current_user).strftime('%H:%M') }}
2018-06-29 14:14:35 +00:00
{{ event.title }}
2018-07-03 12:22:03 +00:00
</a>
2018-06-29 14:14:35 +00:00
{% endfor %}
2018-06-25 07:01:13 +00:00
</td>
{% endfor %}
</tr>
</tbody>
</table>