2016-06-12 12:23:10 -04:00
|
|
|
<div class="generic-page-wrapper">
|
|
|
|
{{$tabs}}
|
|
|
|
{{include file="section_title.tpl" title=$title}}
|
2016-06-17 04:33:12 -04:00
|
|
|
|
2016-06-17 08:27:33 -04:00
|
|
|
{{* The link to create a new event *}}
|
2016-06-12 12:23:10 -04:00
|
|
|
<div id="new-event-link"><a onclick="addToModal('{{$new_event.0}}')" >{{$new_event.1}}</a></div>
|
|
|
|
|
2016-06-17 08:27:33 -04:00
|
|
|
{{* We create our own fullcallendar header (with title & calendar view *}}
|
2016-06-12 12:23:10 -04:00
|
|
|
<div id="fc-header">
|
|
|
|
<div id="fc-header-right" class="pull-right">
|
2016-06-17 08:27:33 -04:00
|
|
|
{{* The dropdown to change the callendar view *}}
|
2016-06-12 12:23:10 -04:00
|
|
|
<ul class="nav nav-pills">
|
|
|
|
<li class="dropdown pull-right">
|
|
|
|
<a class="btn btn-link btn-sm dropdown-toggle" type="button" id="event-calendar-views" data-toggle="dropdown" aria-expanded="true">
|
2016-06-17 08:09:18 -04:00
|
|
|
<i class="fa fa-angle-down"></i> {{$view}}
|
2016-06-12 12:23:10 -04:00
|
|
|
</a>
|
|
|
|
<ul class="dropdown-menu pull-right" role="menu" aria-labelledby="event-calendar-views">
|
|
|
|
<li role="menuitem">
|
2016-10-16 10:04:53 -04:00
|
|
|
<a onclick="changeView('changeView', 'month');$('#events-calendar').fullCalendar('option', {contentHeight: '', aspectRatio: 1});">{{$month}}</a>
|
2016-06-12 12:23:10 -04:00
|
|
|
</li>
|
|
|
|
<li role="menuitem">
|
2016-10-16 10:04:53 -04:00
|
|
|
<a onclick="changeView('changeView', 'agendaWeek');$('#events-calendar').fullCalendar('option', 'contentHeight', 'auto');">{{$week}}</a>
|
2016-06-12 12:23:10 -04:00
|
|
|
</li>
|
|
|
|
<li role="menuitem">
|
2016-10-16 10:04:53 -04:00
|
|
|
<a onclick="changeView('changeView', 'agendaDay');$('#events-calendar').fullCalendar('option', 'contentHeight', 'auto');">{{$day}}</a>
|
|
|
|
</li>
|
|
|
|
<li role="menuitem">
|
|
|
|
<a onclick="changeView('changeView', 'listMonth');$('#events-calendar').fullCalendar('option', 'contentHeight', 'auto');">{{$list}}</a>
|
2016-06-12 12:23:10 -04:00
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
2016-06-17 08:27:33 -04:00
|
|
|
|
|
|
|
{{* The buttons to change the month/weeks/days *}}
|
2016-06-12 12:23:10 -04:00
|
|
|
<div id="fc-fc-header-left" class="btn-group">
|
2017-01-20 07:24:53 -05:00
|
|
|
<button class="btn btn-eventnav" onclick="changeView('prev', false);" title="{{$previous.1}}"><i class="fa fa-angle-up" aria-hidden="true"></i></i></button>
|
|
|
|
<button class="btn btn-eventnav btn-separator" onclick="changeView('next', false);" title="{{$next.1}}"><i class="fa fa-angle-down" aria-hidden="true"></i></i></button>
|
2016-06-12 12:23:10 -04:00
|
|
|
<button class="btn btn-eventnav btn-separator" onclick="changeView('today', false);" title="{{$today}}"><i class="fa fa-bullseye"></i></button>
|
|
|
|
</div>
|
|
|
|
|
2016-06-17 08:27:33 -04:00
|
|
|
{{* The title (e.g. name of the mont/week/day) *}}
|
2016-06-12 12:23:10 -04:00
|
|
|
<div id="event-calendar-title"><h4 id="fc-title"></h4></div>
|
|
|
|
|
|
|
|
</div>
|
2016-06-17 08:27:33 -04:00
|
|
|
|
|
|
|
{{* This is the container where the fullCalendar is inserted through js *}}
|
2016-06-12 12:23:10 -04:00
|
|
|
<div id="events-calendar"></div>
|
|
|
|
</div>
|