Make frio more consistent by replacing textual links with icons everywhere. (#5415)

[friendica.git] / view / theme / frio / templates / events_js.tpl

diff --git a/view/theme/frio/templates/events_js.tpl b/view/theme/frio/templates/events_js.tpl
index 80b08a1d36db5f4145348b012204b494f1d0b908..cdf1636fe391a687e41b9116006acaf1838bd48d 100644 (file)
--- a/view/theme/frio/templates/events_js.tpl
+++ b/view/theme/frio/templates/events_js.tpl
@@ -1,31 +1,35 @@
 <div class="generic-page-wrapper">
        {{$tabs}}
-       {{include file="section_title.tpl" title=$title}}
+       {{include file="section_title.tpl" title=$title pullright=1}}
 
        {{* The link to create a new event *}}
-       <div id="new-event-link"><a onclick="addToModal('{{$new_event.0}}')" >{{$new_event.1}}</a></div>
+       <div class="pull-right" id="new-event-link">
+               <button type="button" class="btn-link" onclick="addToModal('{{$new_event.0}}')" title="{{$new_event.1}}" data-toggle="tooltip">
+                       <i class="faded-icon fa fa-plus"></i>
+               </button>
+       </div>
 
        {{* We create our own fullcallendar header (with title & calendar view *}}
-       <div id="fc-header">
+       <div id="fc-header" class="clear">
                <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">
-                                               <i class="fa fa-angle-down"></i> {{$view}}
-                                       </a>
+                                       <button class="btn btn-link btn-sm dropdown-toggle" type="button" id="event-calendar-views" data-toggle="dropdown" aria-expanded="false">
+                                               <i class="fa fa-angle-down" aria-hidden="true"></i> {{$view}}
+                                       </button>
                                        <ul class="dropdown-menu pull-right" role="menu" aria-labelledby="event-calendar-views">
-                                               <li role="menuitem">
-                                                       <a onclick="changeView('changeView', 'month');$('#events-calendar').fullCalendar('option', {contentHeight: '', aspectRatio: 1});">{{$month}}</a>
+                                               <li role="presentation">
+                                                       <button role="menuitem" type="button" class="btn-link" onclick="changeView('changeView', 'month');$('#events-calendar').fullCalendar('option', {contentHeight: '', aspectRatio: 1});">{{$month}}</button>
                                                </li>
-                                               <li role="menuitem">
-                                                       <a onclick="changeView('changeView', 'agendaWeek');$('#events-calendar').fullCalendar('option', 'contentHeight', 'auto');">{{$week}}</a>
+                                               <li role="presentation">
+                                                       <button role="menuitem" type="button" class="btn-link" onclick="changeView('changeView', 'agendaWeek');$('#events-calendar').fullCalendar('option', 'contentHeight', 'auto');">{{$week}}</button>
                                                </li>
-                                               <li role="menuitem">
-                                                       <a onclick="changeView('changeView', 'agendaDay');$('#events-calendar').fullCalendar('option', 'contentHeight', 'auto');">{{$day}}</a>
+                                               <li role="presentation">
+                                                       <button role="menuitem" type="button" class="btn-link" onclick="changeView('changeView', 'agendaDay');$('#events-calendar').fullCalendar('option', 'contentHeight', 'auto');">{{$day}}</button>
                                                </li>
-                                               <li role="menuitem">
-                                                       <a onclick="changeView('changeView', 'listMonth');$('#events-calendar').fullCalendar('option', 'contentHeight', 'auto');">{{$list}}</a>
+                                               <li role="presentation">
+                                                       <button role="menuitem" type="button" class="btn-link" onclick="changeView('changeView', 'listMonth');$('#events-calendar').fullCalendar('option', 'contentHeight', 'auto');">{{$list}}</button>
                                                </li>
                                        </ul>
                                </li>
@@ -34,9 +38,9 @@
 
                {{* 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>
+                       <button class="btn btn-eventnav" onclick="changeView('prev', false);" title="{{$previous.1}}"><i class="fa fa-angle-up" aria-hidden="true"></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></button>
+                       <button class="btn btn-eventnav btn-separator" onclick="changeView('today', false);" title="{{$today}}"><i class="fa fa-bullseye" aria-hidden="true"></i></button>
                </div>
 
                {{* The title (e.g. name of the mont/week/day) *}}