X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Ffrio%2Ftemplates%2Fevent_head.tpl;h=e836f226f2b0955541972285c2911d3e78772ded;hb=2fcbba94105a894fb86e2a11c69db6bd4aec55b1;hp=e0cfceec96912af6a050857abd6bc70bee3641b1;hpb=8b4c41671372a074750798080d8e2d262552bee4;p=friendica.git

diff --git a/view/theme/frio/templates/event_head.tpl b/view/theme/frio/templates/event_head.tpl
index e0cfceec96..e836f226f2 100644
--- a/view/theme/frio/templates/event_head.tpl
+++ b/view/theme/frio/templates/event_head.tpl
@@ -1,122 +1,83 @@
 
 <link rel='stylesheet' type='text/css' href='{{$baseurl}}/library/fullcalendar/fullcalendar.css' />
-<script language="javascript" type="text/javascript"
-	  src="{{$baseurl}}/library/fullcalendar/fullcalendar.min.js"></script>
-
-<script>
-
-	function showEvent(eventid) {
-		
-			addToModal('{{$baseurl}}/events/?id='+eventid);
-	
-	}
-
-	function doEventPreview() {
-		$('#event-edit-preview').val(1);
-		$.post('events',$('#event-edit-form').serialize(), function(data) {
-			$.colorbox({ html: data });
-		});
-		$('#event-edit-preview').val(0);
-	}
-
-	function changeView(action, viewName) {
-		$('#events-calendar').fullCalendar(action, viewName);
-		var view = $('#events-calendar').fullCalendar('getView');
-		$('#title').text(view.title);
-	}
-
-	$(document).ready(function() {
-		$('#events-calendar').fullCalendar({
-			firstDay: {{$i18n.firstDay}},
-			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}}'],
-			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}}'],
-			dayNames: ['{{$i18n.Sunday}}','{{$i18n.Monday}}','{{$i18n.Tuesday}}','{{$i18n.Wednesday}}','{{$i18n.Thursday}}','{{$i18n.Friday}}','{{$i18n.Saturday}}'],
-			dayNamesShort: ['{{$i18n.Sun}}','{{$i18n.Mon}}','{{$i18n.Tue}}','{{$i18n.Wed}}','{{$i18n.Thu}}','{{$i18n.Fri}}','{{$i18n.Sat}}'],
-			buttonText: {
-				prev: "<span class='fc-text-arrow'>&lsaquo;</span>",
-				next: "<span class='fc-text-arrow'>&rsaquo;</span>",
-				prevYear: "<span class='fc-text-arrow'>&laquo;</span>",
-				nextYear: "<span class='fc-text-arrow'>&raquo;</span>",
-				today: '{{$i18n.today}}',
-				month: '{{$i18n.month}}',
-				week: '{{$i18n.week}}',
-				day: '{{$i18n.day}}'
-			},
-			events: '{{$baseurl}}/events/json/',
-			header: {
-				left: '',
-			//	center: 'title',
-				right: ''
-			},			
-			timeFormat: 'H(:mm)',
-			eventClick: function(calEvent, jsEvent, view) {
-				showEvent(calEvent.id);
-			},
-			loading: function(isLoading, view) {
-				if(!isLoading) {
-					$('td.fc-day').dblclick(function() { window.location.href='/events/new?start='+$(this).data('date'); });
-				}
-			},
-			
-			eventRender: function(event, element, view) {
-				//console.log(view.name);
-				if (event.item['author-name']==null) return;
-				switch(view.name){
-					case "month":
-					element.find(".fc-event-title").html(
-						"<img src='{0}' style='height:10px;width:10px'>{1} : {2}".format(
-							event.item['author-avatar'],
-							event.item['author-name'],
-							event.title
-					));
-					break;
-					case "agendaWeek":
-					element.find(".fc-event-title").html(
-						"<img src='{0}' style='height:12px; width:12px'>{1}<p>{2}</p><p>{3}</p>".format(
-							event.item['author-avatar'],
-							event.item['author-name'],
-							event.item.desc,
-							event.item.location
-					));
-					break;
-					case "agendaDay":
-					element.find(".fc-event-title").html(
-						"<img src='{0}' style='height:24px;width:24px'>{1}<p>{2}</p><p>{3}</p>".format(
-							event.item['author-avatar'],
-							event.item['author-name'],
-							event.item.desc,
-							event.item.location
-					));
-					break;
-				}
-			}
-			
-		})
-		
-		// center on date
-		var args=location.href.replace(baseurl,"").split("/");
-		if (args.length>=4) {
-			$("#events-calendar").fullCalendar('gotoDate',args[2] , args[3]-1);
-		} 
+<link rel='stylesheet' type='text/css' href='view/theme/frio/css/mod_events.css' />
+<script type="text/javascript" src="{{$baseurl}}/library/moment/moment.min.js"></script>
+<script type="text/javascript" src="{{$baseurl}}/library/moment/locales.min.js"></script>
+<script type="text/javascript" src="{{$baseurl}}/library/fullcalendar/fullcalendar.min.js"></script>
+<script type="text/javascript" src="view/theme/frio/js/mod_events.js"></script>
 
-		// echo the title
-		var view = $('#events-calendar').fullCalendar('getView');
-		$('#fc-title').text(view.title);
+<script language="javascript" type="text/javascript">
+	// pass php translation strings to js variables/arrays so we can make use of it in js files
+	aStr.monthNames = [
+		'{{$i18n.January|escape:'quotes'}}',
+		'{{$i18n.February|escape:'quotes'}}',
+		'{{$i18n.March|escape:'quotes'}}',
+		'{{$i18n.April|escape:'quotes'}}',
+		'{{$i18n.May|escape:'quotes'}}',
+		'{{$i18n.June|escape:'quotes'}}',
+		'{{$i18n.July|escape:'quotes'}}',
+		'{{$i18n.August|escape:'quotes'}}',
+		'{{$i18n.September|escape:'quotes'}}',
+		'{{$i18n.October|escape:'quotes'}}',
+		'{{$i18n.November|escape:'quotes'}}',
+		'{{$i18n.December|escape:'quotes'}}'
+	];
+	aStr.monthNamesShort = [
+		'{{$i18n.Jan|escape:'quotes'}}',
+		'{{$i18n.Feb|escape:'quotes'}}',
+		'{{$i18n.Mar|escape:'quotes'}}',
+		'{{$i18n.Apr|escape:'quotes'}}',
+		'{{$i18n.May|escape:'quotes'}}',
+		'{{$i18n.Jun|escape:'quotes'}}',
+		'{{$i18n.Jul|escape:'quotes'}}',
+		'{{$i18n.Aug|escape:'quotes'}}',
+		'{{$i18n.Sep|escape:'quotes'}}',
+		'{{$i18n.Oct|escape:'quotes'}}',
+		'{{$i18n.Nov|escape:'quotes'}}',
+		'{{$i18n.Dec|escape:'quotes'}}'
+	];
+	aStr.dayNames = [
+		'{{$i18n.Sunday|escape:'quotes'}}',
+		'{{$i18n.Monday|escape:'quotes'}}',
+		'{{$i18n.Tuesday|escape:'quotes'}}',
+		'{{$i18n.Wednesday|escape:'quotes'}}',
+		'{{$i18n.Thursday|escape:'quotes'}}',
+		'{{$i18n.Friday|escape:'quotes'}}',
+		'{{$i18n.Saturday|escape:'quotes'}}'
+	];
+	aStr.dayNamesShort = [
+		'{{$i18n.Sun|escape:'quotes'}}',
+		'{{$i18n.Mon|escape:'quotes'}}',
+		'{{$i18n.Tue|escape:'quotes'}}',
+		'{{$i18n.Wed|escape:'quotes'}}',
+		'{{$i18n.Thu|escape:'quotes'}}',
+		'{{$i18n.Fri|escape:'quotes'}}',
+		'{{$i18n.Sat|escape:'quotes'}}'
+	];
+
+	aStr.firstDay = '{{$i18n.firstDay|escape:'quotes'}}';
+	aStr.today = '{{$i18n.today|escape:'quotes'}}';
+	aStr.month = '{{$i18n.month|escape:'quotes'}}';
+	aStr.week = '{{$i18n.week|escape:'quotes'}}';
+	aStr.day = '{{$i18n.day|escape:'quotes'}}';
+
+	aStr.allday = '{{$i18n.allday|escape:'quotes'}}';
+	aStr.noevent = '{{$i18n.noevent|escape:'quotes'}}';
+
+	aStr.dtstartLabel = '{{$i18n.dtstart_label|escape:'quotes'}}';
+	aStr.dtendLabel = '{{$i18n.dtend_label|escape:'quotes'}}';
+	aStr.locationLabel = '{{$i18n.location_label|escape:'quotes'}}';
+
+	var moduleUrl = '{{$module_url}}';
+	var modparams = {{$modparams}}
 
-		// show event popup
-		var hash = location.hash.split("-")
-		if (hash.length==2 && hash[0]=="#link") showEvent(hash[1]);
-		
-	});
 </script>
 
-
 {{if $editselect != 'none'}}
 <script language="javascript" type="text/javascript"
 	  src="{{$baseurl}}/library/tinymce/jscripts/tiny_mce/tiny_mce_src.js"></script>
 <script language="javascript" type="text/javascript">
 
-
 	tinyMCE.init({
 		theme : "advanced",
 		mode : "textareas",
@@ -133,8 +94,6 @@
 		entity_encoding : "raw",
 		add_unload_trigger : false,
 		remove_linebreaks : false,
-		//force_p_newlines : false,
-		//force_br_newlines : true,
 		forced_root_block : 'div',
 		content_css: "{{$baseurl}}/view/custom_tinymce.css",
 		theme_advanced_path : false,
@@ -146,84 +105,18 @@
 
 	});
 
-	$(document).ready(function() { 
+	$(document).ready(function() {
 		$('.comment-edit-bb').hide();
 	});
-	{{else}}
+{{else}}
 	<script language="javascript" type="text/javascript">
-	{{/if}}
-
+{{/if}}
 
-	$(document).ready(function() { 
-		{{if $editselect = 'none'}}
+	$(document).ready(function() {
+{{if $editselect = 'none'}}
 		$("#comment-edit-text-desc").bbco_autocomplete('bbcode');
-		{{/if}}
-
-		$('body').change("#event-share-checkbox", function() {
-
-			if ($('#event-share-checkbox').is(':checked')  && !( $('#event-share-checkbox').attr("disabled"))) { 
-				$('#acl-wrapper').show();
-				$("a#event-perms-lnk").parent("li").show();
-				toggleEventNav("a#event-perms-lnk");
-				eventAclActive();
-			}
-			else {
-				$('#acl-wrapper').hide();
-				$("a#event-perms-lnk").parent("li").hide();
-			}
-		}).trigger('change');
-
-
-		$('#contact_allow, #contact_deny, #group_allow, #group_deny').change(function() {
-			var selstr;
-			$('#contact_allow option:selected, #contact_deny option:selected, #group_allow option:selected, #group_deny option:selected').each( function() {
-				selstr = $(this).text();
-				$('#jot-public').hide();
-			});
-			if(selstr == null) {
-				$('#jot-public').show();
-			}
-
-		}).trigger('change');
-
-		// Event nav menu.
-		$("body").on("click", "#event-nav li a", function(e){
-			e.preventDefault();
-			toggleEventNav(this);
-		});
+{{/if}}
 
 	});
 
 </script>
-
-<script>
-	// the following functions show/hide the specific event-edit content 
-	// in dependence of the selected nav
-	function eventAclActive() {
-		$("#event-edit-wrapper, .modal-body #jot-preview-content, .modal-body #jot-fbrowser-wrapper").hide();
-		$("#event-acl-wrapper").show();
-	}
-
-
-	function previewActive() {
-		$(".modal-body #profile-jot-wrapper, .modal-body #profile-jot-acl-wrapper,.modal-body #jot-fbrowser-wrapper").hide();
-		preview_post();
-	}
-
-	function eventEditActive() {
-		$("#event-acl-wrapper, .modal-body #jot-preview-content, .modal-body #jot-fbrowser-wrapper").hide();
-		$("#event-edit-wrapper").show();
-
-		//make sure jot text does have really the active class (we do this because there are some
-		// other events which trigger jot text
-		toggleEventNav($("#event-edit-lnk"));
-	}
-
-	// Give the active "event-nav" list element the class "active"
-	function toggleEventNav (elm) {
-		// select all li of #event-nav and remove the active class
-		$(elm).closest("#event-nav").children("li").removeClass("active");
-		// add the active class to the parent of the link which was selected
-		$(elm).parent("li").addClass("active");
-	}
-</script>