Produits Entr'ouvert » Chrono

.dayview table, .monthview table {

.monthview table {

	width: 100%;

	th.hour {

		width: 5%;

	}

	th.weekday {

		width: 12.5%;

		&.previous-month, &.next-month {

			a {

				opacity: 0.5;

			}

		}

	}

	td {

		position: relative;

	}

	span.desk {

		display: block;

		padding: 2px;

	}

}

.monthview tbody tr:nth-child(2n+1) th,

.dayview tbody tr:nth-child(2n+1) td,

.monthview tbody tr:nth-child(2n+1) td {

	background-clip: padding-box;

.dayview tbody td, .monthview tbody td {

.monthview tbody td {

	border-left: 1px solid #d0d0d0;

	border-right: 1px solid #d0d0d0;

}

.dayview tbody td div, .monthview tbody td div {

		position: absolute;

.monthview tbody td div.booking {

	padding: 0;

	transition: width 100ms ease-in, left 100ms ease-in, color 200ms ease-in;

	text-indent: -9999px;

	&:hover {

		text-indent: 0;

		color: inherit;

		left: 0% !important;

		width: 100% !important

	}

}

<a href="{% url 'chrono-manager-agenda-month-view' pk=agenda.id year=view.date|date:"Y" month=view.date|date:"n" %}">{% trans 'Month view' %}</a>

{% extends "chrono/manager_agenda_view.html" %}

{% load i18n %}

{% block bodyargs %}class="monthview"{% endblock %}

{% block breadcrumb %}

{{ block.super }}

<a>{{ view.date|date:"F Y" }}</a>

{% endblock %}

{% block appbar %}

<h2>

  <a href="{{ view.get_previous_month_url }}">←</a>

  <span class="date-title">{{ view.date|date:"F Y" }}</span>

  {% with selected_month=view.date|date:"n" selected_year=view.date|date:"Y" %}

    <div class="date-picker" style="display: none">

    <select name="month">{% for month, month_label in view.get_months %}<option value="{{ month }}" {% if selected_month == month %}selected{% endif %}>{{ month_label }}</option>{% endfor %}</select>

    <select name="year">{% for year in view.get_years %}<option value="{{ year }}" {% if selected_year == year %}selected{% endif %}>{{year}}</option>{% endfor %}</select>

    <button>{% trans 'Set Date' %}</button>

    </div>

  {% endwith %}

  <a href="{{ view.get_next_month_url }}">→</a>

</h2>

{% if user_can_manage %}

  <a href="{% url 'chrono-manager-agenda-settings' pk=agenda.id %}">{% trans 'Settings' %}</a>

{% endif %}

<a href="" onclick="window.print()">{% trans 'Print' %}</a>

<a href="{% url 'chrono-manager-agenda-day-view' pk=agenda.id year=view.date|date:"Y" month=view.date|date:"m" day=view.date|date:"d" %}">{% trans 'Day view' %}</a>

{% endblock %}

{% block content %}

{% for week_days in view.get_timetable_infos %}

{% if forloop.first %}

<table>

  <tbody>

{% endif %}

  <tr>

    <th></th>

    {% for day in week_days.days %}

    <th class="weekday {% if day.date.month < view.date.month %}previous-month{% elif day.date.month > view.date.month %}next-month{% endif %}"><a href="{% url 'chrono-manager-agenda-day-view' pk=agenda.id year=day.date|date:"Y" month=day.date|date:"m" day=day.date|date:"d" %}">{{ day.date|date:"l d" }}</a></th>

    {% endfor %}

  </tr>

  {% for hour in week_days.periods %}

  <tr>

    <th class="hour">{{ hour|date:"TIME_FORMAT" }}</th>

    {% for day in week_days.days %}

    <td>

      {% if forloop.parentloop.first %}

      {% for slot in day.infos.opening_hours %}

      <div class="opening-hours" style="height:{{ slot.css_height|stringformat:".1f" }}%;top:{{ slot.css_top|stringformat:".1f" }}%;width:{{ slot.css_width|stringformat:".1f" }}%;left:{{ slot.css_left|stringformat:".1f" }}%;"></div>

      {% endfor %}

      {% for slot in day.infos.booked_slots %}

      <div class="booking" style="left:{{ slot.css_left|stringformat:".1f" }}%;height:{{ slot.css_height|stringformat:".1f" }}%;top:{{ slot.css_top|stringformat:".1f" }}%;width:{{ slot.css_width|stringformat:".1f" }}%">

        <span class="start-time">{{slot.booking.event.start_datetime|date:"TIME_FORMAT"}}</span>

        <a {% if slot.booking.backoffice_url %}href="{{slot.booking.backoffice_url}}"{% endif %}

           >{% if slot.booking.label or slot.booking.user_name %}

          {{slot.booking.label}}{% if slot.booking.label and slot.booking.user_name %} - {% endif %} {{slot.booking.user_name}}

          {% else %}{% trans "booked" %}{% endif %}</a>

        <span class="desk">{{ slot.desk }}</span>

        </div>

      {% endfor %}

      {% endif %}

    </td>

    {% endfor %}

  </tr>

  {% endfor %}

{% if forloop.last %}

  </tbody>

</table>

{% endif %}

{% empty %}

<div class="closed-for-the-day">

  <p>{% trans "No opening hours this month." %}</p>

</div>

{% endfor %}

{% endblock %}

        url(r'^agendas/(?P<pk>\w+)/(?P<year>[0-9]{4})/(?P<month>[0-9]+)/$', views.agenda_monthly_view,

            name='chrono-manager-agenda-month-view'),

        ListView, DeleteView, FormView, TemplateView, DayArchiveView,

        MonthArchiveView)

class AgendaMonthView(AgendaDateView, MonthArchiveView):

    template_name = 'chrono/manager_agenda_month_view.html'

    def get_previous_month_url(self):

        previous_month = self.get_previous_month(self.date.date())

        return reverse('chrono-manager-agenda-month-view',

                kwargs={'pk': self.agenda.id,

                        'year': previous_month.year,

                        'month': previous_month.month})

    def get_next_month_url(self):

        next_month = self.get_next_month(self.date.date())

        return reverse('chrono-manager-agenda-month-view',

                kwargs={'pk': self.agenda.id,

                        'year': next_month.year,

                        'month': next_month.month})

    def get_day(self):

        return 1

    def get_day_timetable_infos(self, day):

        period = current_date = day.replace(hour=self.min_timeperiod.hour, minute=0)

        timetable = {'date': current_date,

                     'infos': {'opening_hours': [], 'booked_slots': []}}

        desks = self.agenda.desk_set.all()

        desks_len = len(desks)

        max_date = day.replace(hour=self.max_timeperiod.hour, minute=0)

        while period <= max_date:

            period_end = period + self.interval

            for desk_index, desk in enumerate(desks):

                for event in [x for x in self.object_list if x.desk_id == desk.id and

                              x.start_datetime >= period and x.start_datetime < period_end]:

                    # don't consider cancelled bookings

                    bookings = [x for x in event.booking_set.all() if not x.cancellation_datetime]

                    if not bookings:

                        continue

                    booking = {'css_top': 100 * (event.start_datetime - current_date).seconds // 3600,

                               'css_height': 100 * event.meeting_type.duration // 60,

                               'css_width': 100.0 / desks_len,

                               'css_left': 100.0 * desk_index / desks_len,

                               'desk': desk,

                               'booking': bookings[0]

                    }

                    timetable['infos']['booked_slots'].append(booking)

                # get desks opening hours on last period iteration

                if period == max_date:

                    for hour in desk.get_opening_hours(current_date):

                        timetable['infos']['opening_hours'].append({

                            'css_top': 100 * (hour.begin - current_date).seconds // 3600,

                            'css_height': 100 * (hour.end - hour.begin).seconds // 3600,

                            'css_width': 100.0 / desks_len,

                            'css_left': 100.0 * desk_index / desks_len

                        })

            period += self.interval

        return timetable

    def get_week_timetable_infos(self, i, timeperiods):

        date = self.date + datetime.timedelta(i*7)

        year, week_number, dow = date.isocalendar()

        start_date = date - datetime.timedelta(dow)

        self.min_timeperiod = min([x.start_time for x in timeperiods])

        self.max_timeperiod = max([x.end_time for x in timeperiods])

        self.interval = datetime.timedelta(minutes=60)

        period = self.date.replace(hour=self.min_timeperiod.hour, minute=0)

        max_date = self.date.replace(hour=self.max_timeperiod.hour, minute=0)

        periods = []

        while period < max_date:

            periods.append(period)

            period = period + self.interval

        return {'days': [self.get_day_timetable_infos(start_date + datetime.timedelta(i)) for i in range(1, 8)],

                'periods': periods}

    def get_timetable_infos(self):

        timeperiods = TimePeriod.objects.filter(desk__agenda=self.agenda)

        if not timeperiods:

            return

        first_week_number = self.date.isocalendar()[1]

        last_month_day = self.get_next_month(self.date.date()) - datetime.timedelta(days=1)

        last_week_number = last_month_day.isocalendar()[1]

        for i, week_number in enumerate(range(first_week_number, last_week_number + 1)):

            yield self.get_week_timetable_infos(i, timeperiods)

agenda_monthly_view = AgendaMonthView.as_view()

def test_agenda_month_view(app, admin_user, manager_user, api_user):

    agenda = Agenda.objects.create(label='Passeports', kind='meetings')

    desk = Desk.objects.create(agenda=agenda, label='Desk A')

    meetingtype = MeetingType(agenda=agenda, label='passeport', duration=20)

    meetingtype.save()

    login(app)

    resp = app.get('/manage/agendas/%s/' % agenda.id, status=302)

    resp = resp.follow()

    assert 'Month view' in resp.text

    resp = resp.click('Month view')

    today = datetime.date.today()

    assert resp.request.url.endswith('%s/%s/' % (today.year, today.month))

    assert 'Day view' in resp.text # date view link should be present

    assert 'No opening hours this month.' in resp.text

    timeperiod = TimePeriod(desk=desk, weekday=today.weekday(),

            start_time=datetime.time(10, 0),

            end_time=datetime.time(18, 0))

    timeperiod.save()

    resp = app.get('/manage/agendas/%s/%s/%s/' % (agenda.id, today.year, today.month))

    assert not 'No opening hours this month.' in resp.text

    assert not '<div class="booking' in resp.text

    start_week_number = today.replace(day=1).isocalendar()[1]

    end_week_number = (today.replace(day=1, month=today.month+1) - datetime.timedelta(days=1)).isocalendar()[1]

    weeks_number = end_week_number - start_week_number + 1

    assert resp.text.count('<tr') == 9 * weeks_number

    # check opening hours cells

    assert '<div class="opening-hours"' in resp.text

    assert 'style="height:800.0%;top:0.0%;width:100.0%;left:0.0%' in resp.text

    # book some slots

    app.reset()

    app.authorization = ('Basic', ('john.doe', 'password'))

    resp = app.get('/api/agenda/%s/meetings/%s/datetimes/' % (agenda.slug, meetingtype.slug))

    booking_url = resp.json['data'][0]['api']['fillslot_url']

    booking_url2 = resp.json['data'][2]['api']['fillslot_url']

    resp = app.post(booking_url)

    resp = app.post_json(booking_url2,

            params={'label': 'foo', 'user': 'bar', 'url': 'http://baz/'})

    app.reset()

    login(app)

    date = Booking.objects.all()[0].event.start_datetime

    resp = app.get('/manage/agendas/%s/%d/%d/' % (

        agenda.id, date.year, date.month))

    assert resp.text.count('<div class="booking" style="left:0.0%;height:33.0%;') == 2 # booking cells

    desk = Desk.objects.create(agenda=agenda, label='Desk B')

    timeperiod = TimePeriod(desk=desk, weekday=today.weekday(),

            start_time=datetime.time(10, 0),

            end_time=datetime.time(18, 0))

    timeperiod.save()

    app.reset()

    resp = app.post(booking_url)

    login(app)

    resp = app.get('/manage/agendas/%s/%s/%s/' % (agenda.id, today.year, today.month))

    assert resp.text.count('<div class="opening-hours"') == 2 * weeks_number

    assert resp.text.count('<div class="booking" style="left:0.0%;height:33.0%;') == 2

    assert resp.text.count('<div class="booking" style="left:50.0%;height:33.0%;') == 1

  pytz