view/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         function showEvent(eventid) {
   8                 $.get(
   9                         '{{$baseurl}}/events/?id='+eventid,
  10                         function(data){
  11                                 $.colorbox({html:data});
  12                         }
  13                 );
  14         }
  15
  16         $(document).ready(function() {
  17                 $('#events-calendar').fullCalendar({
  18                         events: '{{$baseurl}}/events/json/',
  19                         header: {
  20                                 left: 'prev,next today',
  21                                 center: 'title',
  22                                 right: 'month,agendaWeek,agendaDay'
  23                         },
  24                         timeFormat: 'H(:mm)',
  25                         eventClick: function(calEvent, jsEvent, view) {
  26                                 showEvent(calEvent.id);
  27                         },
  28
  29                         eventRender: function(event, element, view) {
  30                                 //console.log(view.name);
  31                                 if (event.item['author-name']==null) return;
  32                                 switch(view.name){
  33                                         case "month":
  34                                         element.find(".fc-event-title").html(
  35                                                 "<img src='{0}' style='height:10px;width:10px'>{1} : {2}".format(
  36                                                         event.item['author-avatar'],
  37                                                         event.item['author-name'],
  38                                                         event.title
  39                                         ));
  40                                         break;
  41                                         case "agendaWeek":
  42                                         element.find(".fc-event-title").html(
  43                                                 "<img src='{0}' style='height:12px; width:12px'>{1}<p>{2}</p><p>{3}</p>".format(
  44                                                         event.item['author-avatar'],
  45                                                         event.item['author-name'],
  46                                                         event.item.desc,
  47                                                         event.item.location
  48                                         ));
  49                                         break;
  50                                         case "agendaDay":
  51                                         element.find(".fc-event-title").html(
  52                                                 "<img src='{0}' style='height:24px;width:24px'>{1}<p>{2}</p><p>{3}</p>".format(
  53                                                         event.item['author-avatar'],
  54                                                         event.item['author-name'],
  55                                                         event.item.desc,
  56                                                         event.item.location
  57                                         ));
  58                                         break;
  59                                 }
  60                         }
  61
  62                 })
  63
  64                 // center on date
  65                 var args=location.href.replace(baseurl,"").split("/");
  66                 if (args.length>=4) {
  67                         $("#events-calendar").fullCalendar('gotoDate',args[2] , args[3]-1);
  68                 }
  69
  70                 // show event popup
  71                 var hash = location.hash.split("-")
  72                 if (hash.length==2 && hash[0]=="#link") showEvent(hash[1]);
  73
  74         });
  75 </script>
  76
  77
  78 <script language="javascript" type="text/javascript"
  79           src="{{$baseurl}}/library/tinymce/jscripts/tiny_mce/tiny_mce_src.js"></script>
  80 <script language="javascript" type="text/javascript">
  81
  82
  83         tinyMCE.init({
  84                 theme : "advanced",
  85                 mode : "textareas",
  86                 plugins : "bbcode,paste",
  87                 theme_advanced_buttons1 : "bold,italic,underline,undo,redo,link,unlink,image,forecolor,formatselect,code",
  88                 theme_advanced_buttons2 : "",
  89                 theme_advanced_buttons3 : "",
  90                 theme_advanced_toolbar_location : "top",
  91                 theme_advanced_toolbar_align : "center",
  92                 theme_advanced_blockformats : "blockquote,code",
  93                 theme_advanced_resizing : true,
  94                 gecko_spellcheck : true,
  95                 paste_text_sticky : true,
  96                 entity_encoding : "raw",
  97                 add_unload_trigger : false,
  98                 remove_linebreaks : false,
  99                 //force_p_newlines : false,
 100                 //force_br_newlines : true,
 101                 forced_root_block : 'div',
 102                 content_css: "{{$baseurl}}/view/custom_tinymce.css",
 103                 theme_advanced_path : false,
 104                 setup : function(ed) {
 105                         ed.onInit.add(function(ed) {
 106                                 ed.pasteAsPlainText = true;
 107                         });
 108                 }
 109
 110         });
 111
 112
 113         $(document).ready(function() {
 114
 115                 $('#event-share-checkbox').change(function() {
 116
 117                         if ($('#event-share-checkbox').is(':checked')) {
 118                                 $('#acl-wrapper').show();
 119                         }
 120                         else {
 121                                 $('#acl-wrapper').hide();
 122                         }
 123                 }).trigger('change');
 124
 125
 126                 $('#contact_allow, #contact_deny, #group_allow, #group_deny').change(function() {
 127                         var selstr;
 128                         $('#contact_allow option:selected, #contact_deny option:selected, #group_allow option:selected, #group_deny option:selected').each( function() {
 129                                 selstr = $(this).text();
 130                                 $('#jot-public').hide();
 131                         });
 132                         if(selstr == null) {
 133                                 $('#jot-public').show();
 134                         }
 135
 136                 }).trigger('change');
 137
 138         });
 139
 140 </script>
 141