view/theme/frio/templates/event_head.tpl

   1
   2 <link rel='stylesheet' type='text/css' href='{{$baseurl}}/library/fullcalendar/fullcalendar.css' />
   3 <script language="javascript" type="text/javascript"
   4           src="{{$baseurl}}/library/fullcalendar/fullcalendar.min.js"></script>
   5
   6 <script>
   7         // loads the event into a modal
   8         function showEvent(eventid) {
   9                         addToModal('{{$baseurl}}/events/?id='+eventid);
  10         }
  11
  12         function changeView(action, viewName) {
  13                 $('#events-calendar').fullCalendar(action, viewName);
  14                 var view = $('#events-calendar').fullCalendar('getView');
  15                 $('#fc-title').text(view.title);
  16         }
  17
  18         $(document).ready(function() {
  19                 // start the fullCalendar
  20                 $('#events-calendar').fullCalendar({
  21                         firstDay: {{$i18n.firstDay}},
  22                         monthNames: ['{{$i18n.January}}','{{$i18n.February}}','{{$i18n.March}}','{{$i18n.April}}','{{$i18n.May}}','{{$i18n.June}}','{{$i18n.July}}','{{$i18n.August}}','{{$i18n.September}}','{{$i18n.October}}','{{$i18n.November}}','{{$i18n.December}}'],
  23                         monthNamesShort: ['{{$i18n.Jan}}','{{$i18n.Feb}}','{{$i18n.Mar}}','{{$i18n.Apr}}','{{$i18n.May}}','{{$i18n.Jun}}','{{$i18n.Jul}}','{{$i18n.Aug}}','{{$i18n.Sep}}','{{$i18n.Oct}}','{{$i18n.Nov}}','{{$i18n.Dec}}'],
  24                         dayNames: ['{{$i18n.Sunday}}','{{$i18n.Monday}}','{{$i18n.Tuesday}}','{{$i18n.Wednesday}}','{{$i18n.Thursday}}','{{$i18n.Friday}}','{{$i18n.Saturday}}'],
  25                         dayNamesShort: ['{{$i18n.Sun}}','{{$i18n.Mon}}','{{$i18n.Tue}}','{{$i18n.Wed}}','{{$i18n.Thu}}','{{$i18n.Fri}}','{{$i18n.Sat}}'],
  26                         buttonText: {
  27                                 prev: "<span class='fc-text-arrow'>&lsaquo;</span>",
  28                                 next: "<span class='fc-text-arrow'>&rsaquo;</span>",
  29                                 prevYear: "<span class='fc-text-arrow'>&laquo;</span>",
  30                                 nextYear: "<span class='fc-text-arrow'>&raquo;</span>",
  31                                 today: '{{$i18n.today}}',
  32                                 month: '{{$i18n.month}}',
  33                                 week: '{{$i18n.week}}',
  34                                 day: '{{$i18n.day}}'
  35                         },
  36                         events: '{{$baseurl}}/events/json/',
  37                         header: {
  38                                 left: '',
  39                         //      center: 'title',
  40                                 right: ''
  41                         },
  42                         timeFormat: 'H(:mm)',
  43                         eventClick: function(calEvent, jsEvent, view) {
  44                                 showEvent(calEvent.id);
  45                         },
  46                         loading: function(isLoading, view) {
  47                                 if(!isLoading) {
  48                                         $('td.fc-day').dblclick(function() { window.location.href='/events/new?start='+$(this).data('date'); });
  49                                 }
  50                         },
  51
  52                         eventRender: function(event, element, view) {
  53                                 //console.log(view.name);
  54                                 if (event.item['author-name']==null) return;
  55                                 switch(view.name){
  56                                         case "month":
  57                                         element.find(".fc-event-title").html(
  58                                                 "<img src='{0}' style='height:10px;width:10px'>{1} : {2}".format(
  59                                                         event.item['author-avatar'],
  60                                                         event.item['author-name'],
  61                                                         event.title
  62                                         ));
  63                                         break;
  64                                         case "agendaWeek":
  65                                         element.find(".fc-event-title").html(
  66                                                 "<img src='{0}' style='height:12px; width:12px'>{1}<p>{2}</p><p>{3}</p>".format(
  67                                                         event.item['author-avatar'],
  68                                                         event.item['author-name'],
  69                                                         event.item.desc,
  70                                                         event.item.location
  71                                         ));
  72                                         break;
  73                                         case "agendaDay":
  74                                         element.find(".fc-event-title").html(
  75                                                 "<img src='{0}' style='height:24px;width:24px'>{1}<p>{2}</p><p>{3}</p>".format(
  76                                                         event.item['author-avatar'],
  77                                                         event.item['author-name'],
  78                                                         event.item.desc,
  79                                                         event.item.location
  80                                         ));
  81                                         break;
  82                                 }
  83                         }
  84
  85                 })
  86
  87                 // center on date
  88                 var args=location.href.replace(baseurl,"").split("/");
  89                 if (args.length>=4) {
  90                         $("#events-calendar").fullCalendar('gotoDate',args[2] , args[3]-1);
  91                 }
  92
  93                 // echo the title
  94                 var view = $('#events-calendar').fullCalendar('getView');
  95                 $('#fc-title').text(view.title);
  96
  97                 // show event popup
  98                 var hash = location.hash.split("-")
  99                 if (hash.length==2 && hash[0]=="#link") showEvent(hash[1]);
 100
 101         });
 102 </script>
 103
 104
 105 {{if $editselect != 'none'}}
 106 <script language="javascript" type="text/javascript"
 107           src="{{$baseurl}}/library/tinymce/jscripts/tiny_mce/tiny_mce_src.js"></script>
 108 <script language="javascript" type="text/javascript">
 109
 110
 111         tinyMCE.init({
 112                 theme : "advanced",
 113                 mode : "textareas",
 114                 plugins : "bbcode,paste",
 115                 theme_advanced_buttons1 : "bold,italic,underline,undo,redo,link,unlink,image,forecolor,formatselect,code",
 116                 theme_advanced_buttons2 : "",
 117                 theme_advanced_buttons3 : "",
 118                 theme_advanced_toolbar_location : "top",
 119                 theme_advanced_toolbar_align : "center",
 120                 theme_advanced_blockformats : "blockquote,code",
 121                 theme_advanced_resizing : true,
 122                 gecko_spellcheck : true,
 123                 paste_text_sticky : true,
 124                 entity_encoding : "raw",
 125                 add_unload_trigger : false,
 126                 remove_linebreaks : false,
 127                 //force_p_newlines : false,
 128                 //force_br_newlines : true,
 129                 forced_root_block : 'div',
 130                 content_css: "{{$baseurl}}/view/custom_tinymce.css",
 131                 theme_advanced_path : false,
 132                 setup : function(ed) {
 133                         ed.onInit.add(function(ed) {
 134                                 ed.pasteAsPlainText = true;
 135                         });
 136                 }
 137
 138         });
 139
 140         $(document).ready(function() {
 141                 $('.comment-edit-bb').hide();
 142         });
 143         {{else}}
 144         <script language="javascript" type="text/javascript">
 145         {{/if}}
 146
 147
 148         $(document).ready(function() {
 149                 {{if $editselect = 'none'}}
 150                 $("#comment-edit-text-desc").bbco_autocomplete('bbcode');
 151                 {{/if}}
 152
 153         });
 154
 155 </script>