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}}{{$module_url}}/?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}}{{$module_url}}/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() { addToModal('/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 $modparams == 2}}
  90                 if (args.length>=5) {
  91                         $("#events-calendar").fullCalendar('gotoDate',args[3] , args[4]-1);
  92                 }
  93                 {{else}}
  94                 if (args.length>=4) {
  95                         $("#events-calendar").fullCalendar('gotoDate',args[2] , args[3]-1);
  96                 }
  97                 {{/if}}
  98
  99                 // echo the title
 100                 var view = $('#events-calendar').fullCalendar('getView');
 101                 $('#fc-title').text(view.title);
 102
 103                 // show event popup
 104                 var hash = location.hash.split("-")
 105                 if (hash.length==2 && hash[0]=="#link") showEvent(hash[1]);
 106
 107         });
 108 </script>
 109
 110
 111 {{if $editselect != 'none'}}
 112 <script language="javascript" type="text/javascript"
 113           src="{{$baseurl}}/library/tinymce/jscripts/tiny_mce/tiny_mce_src.js"></script>
 114 <script language="javascript" type="text/javascript">
 115
 116
 117         tinyMCE.init({
 118                 theme : "advanced",
 119                 mode : "textareas",
 120                 plugins : "bbcode,paste",
 121                 theme_advanced_buttons1 : "bold,italic,underline,undo,redo,link,unlink,image,forecolor,formatselect,code",
 122                 theme_advanced_buttons2 : "",
 123                 theme_advanced_buttons3 : "",
 124                 theme_advanced_toolbar_location : "top",
 125                 theme_advanced_toolbar_align : "center",
 126                 theme_advanced_blockformats : "blockquote,code",
 127                 theme_advanced_resizing : true,
 128                 gecko_spellcheck : true,
 129                 paste_text_sticky : true,
 130                 entity_encoding : "raw",
 131                 add_unload_trigger : false,
 132                 remove_linebreaks : false,
 133                 //force_p_newlines : false,
 134                 //force_br_newlines : true,
 135                 forced_root_block : 'div',
 136                 content_css: "{{$baseurl}}/view/custom_tinymce.css",
 137                 theme_advanced_path : false,
 138                 setup : function(ed) {
 139                         ed.onInit.add(function(ed) {
 140                                 ed.pasteAsPlainText = true;
 141                         });
 142                 }
 143
 144         });
 145
 146         $(document).ready(function() {
 147                 $('.comment-edit-bb').hide();
 148         });
 149         {{else}}
 150         <script language="javascript" type="text/javascript">
 151         {{/if}}
 152
 153
 154         $(document).ready(function() {
 155                 {{if $editselect = 'none'}}
 156                 $("#comment-edit-text-desc").bbco_autocomplete('bbcode');
 157                 {{/if}}
 158
 159         });
 160
 161 </script>