]> git.mxchange.org Git - friendica.git/blobdiff - view/theme/frio/templates/events-js.tpl
Merge develop into 0308-Notifications-restructure
[friendica.git] / view / theme / frio / templates / events-js.tpl
index 8734d4ea8322f4ec179d4ec3f4b0fb8d52e95f07..9e46b5c48ad50ecb7468c069d4ca493fcfac9c80 100644 (file)
@@ -2,10 +2,13 @@
        {{$tabs}}
        {{include file="section_title.tpl" title=$title}}
 
+       {{* The link to create a new event *}}
        <div id="new-event-link"><a onclick="addToModal('{{$new_event.0}}')" >{{$new_event.1}}</a></div>
 
+       {{* We create our own fullcallendar header (with title & calendar view *}}
        <div id="fc-header">
                <div id="fc-header-right" class="pull-right">
+                       {{* The dropdown to change the callendar view *}}
                        <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">
                                </li>
                        </ul>
                </div>
+
+               {{* The buttons to change the month/weeks/days *}}
                <div id="fc-fc-header-left" class="btn-group">
                        <button class="btn btn-eventnav" onclick="changeView('prev', false);" title="{{$prev}}"><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}}"><i class="fa fa-angle-down" aria-hidden="true"></i></i></button>
                        <button class="btn btn-eventnav btn-separator" onclick="changeView('today', false);" title="{{$today}}"><i class="fa fa-bullseye"></i></button>
                </div>
 
+               {{* The title (e.g. name of the mont/week/day) *}}
                <div id="event-calendar-title"><h4 id="fc-title"></h4></div>
 
        </div>
+
+       {{* This is the container where the fullCalendar is inserted through js *}}
        <div id="events-calendar"></div>
 </div>