Context Navigation

source: trunk/prototype/modules/calendar/js/helpers.js @ 5715

Revision 5715, 82.0 KB checked in by natan, 12 years ago (diff)
Ticket #2434 - Implementacao da repeticao de eventos na agenda e adicao de suporte a relacionamentos 1x1 na API

Line
1	function formatBytes(bytes) {
2	if (bytes >= 1000000000) {
3	return (bytes / 1000000000).toFixed(2) + ' GB';
4	}
5	if (bytes >= 1000000) {
6	return (bytes / 1000000).toFixed(2) + ' MB';
7	}
8	if (bytes >= 1000) {
9	return (bytes / 1000).toFixed(2) + ' KB';
10	}
11	return bytes + ' B';
12	};
13
14	function validDateEvent(){
15	var start_date = $(".new-event-win.active .start-date").val();
16	var end_date = $(".new-event-win.active .end-date").val();
17	var start_time = $(".new-event-win.active .start-time").val();
18	var end_time = $(".new-event-win.active .end-time").val();
19	var isAllDay = $('.new-event-win.active input[name="allDay"]').is(':checked');
20
21	if(start_date == "")
22	return 'Por favor, informe uma data inicial';
23	else if(end_date == "")
24	return 'Por favor, informe uma data final';
25	else if(!isAllDay && start_time == "")
26	return 'Por favor, informe uma hora inicial';
27	else if(!isAllDay && end_time == "")
28	return 'Por favor, informe uma hora final';
29
30	var formatString = (isAllDay)? User.preferences.dateFormat+" HH:mm" : User.preferences.dateFormat + " " + User.preferences.hourFormat;
31
32	var startDate = Date.parseExact( isAllDay ? start_date+ " 00:00": start_date + " " + $.trim(start_time) , formatString );
33	var endDate = Date.parseExact( isAllDay ? end_date+ " 00:00": end_date + " " + $.trim(end_time) , formatString );
34
35	if(startDate == null \|\| startDate.getTime() < 0 )
36	return 'Data inicial inválida';
37	if(endDate == null \|\| endDate.getTime() < 0)
38	return 'Data final inválida';
39
40	if((endDate.compareTo(startDate) != 1) && !((endDate.compareTo(startDate) == 0) && (isAllDay))){
41	return (start_date == end_date) ?
42	((end_time == start_time) ? 'Hora inicial igual a final' : 'Hora final menor que a inicial') :
43	'Data final menor que a inicial';
44	}
45	return false;
46	}
47
48	/*
49	function listEvents(){
50	var list = $('.fc-header-right').find('.fc-button.fc-button-agendaDay').clone();
51	$('.fc-header-right').find('.fc-button-year').toggleClass('fc-corner-right');
52	list.addClass('fc-corner-right');
53	list.addClass('fc-button-listagem');
54	list.removeClass('fc-button-agendaDay');
55	list.removeClass('fc-corner-left');
56	list.find('.fc-button-content').html('Listagem');
57	$('.fc-header-right').append(list);
58	}
59	*/
60
61	function eventDetails( objEvent, decoded, path, isMail)
62	{
63	attendees = {};
64
65	if(path == undefined)
66	path = "";
67
68	if( !decoded )
69	objEvent = DataLayer.decode( "schedulable:calendar", objEvent );
70
71	if(!isMail)
72	objEvent = DataLayer.encode( "schedulable:preview", objEvent );
73
74	if(typeof(objEvent.id) == 'undefined'){
75	objEvent.alarms = Calendar.signatureOf[User.preferences.defaultCalendar \|\| Calendar.calendarIds[0]].defaultAlarms \|\| false;
76	objEvent.useAlarmDefault = 1;
77	}
78
79	/**
80	* canDiscardEventDialog deve ser true se não houver alterações no evento
81	*/
82	canDiscardEventDialog = true;
83	/**
84	* zebraDiscardEventDialog é uma flag indicando que uma janela de confirmação (Zebra_Dialog)
85	* já está aberta na tela, uma vez que não é possivel acessar o evento ESC utilizado para fechá-la
86	*/
87	zebraDiscardEventDialog = false;
88
89	/**
90	ACLs do participant
91	*/
92	acl_names = {
93	'w': 'acl-white',
94	'i': 'acl-invite-guests',
95	'p': 'acl-participation-required'
96	};
97
98	var callbackAttendee = function(){
99	//Cria qtip de permissões pelo click do checkbox
100	var checked = false;
101	blkAddAtendee.find("li.not-attendee").addClass('hidden');
102
103	blkAddAtendee.find("li .button").filter(".close.new").button({
104	icons: {
105	primary: "ui-icon-close"
106	},
107	text: false
108	}).click(function () {
109	DataLayer.remove('participant', $(this).parents('li').find('[type=checkbox]').val());
110	if($(this).parent().find('.button.delegate').hasClass('attendee-permissions-change-button')){
111
112	blkAddAtendee.find('.request-update').addClass('hidden');
113	blkAddAtendee.find('.status option').toggleClass('hidden');
114
115	blkAddAtendee.find('option[value=1]').attr('selected','selected').trigger('change');
116	}
117
118	$(this).parents('li').remove();
119
120	if(blkAddAtendee.find(".attendee-list li").length == 1)
121	blkAddAtendee.find("li.not-attendee").removeClass('hidden');
122	})
123	.addClass('tiny disable ui-button-disabled ui-state-disabled')
124	.removeClass('new').end()
125
126	.filter(".delegate.new").button({
127	icons: {
128	primary: "ui-icon-transferthick-e-w"
129	},
130	text: false
131	}).click(function () {
132
133	if($(this).hasClass('attendee-permissions-change-button')){
134	$(this).removeClass('attendee-permissions-change-button')
135	.find('.ui-icon-transferthick-e-w').removeClass('attendee-permissions-change').end();
136
137	$(this).parents('li').find('input[name="delegatedFrom[]"]').val('');
138
139	blkAddAtendee.find('.request-update').addClass('hidden');
140	blkAddAtendee.find('.status option').toggleClass('hidden');
141
142
143	blkAddAtendee.find('option[value=1]').attr('selected','selected').trigger('change');
144
145	}else{
146	blkAddAtendee.find('.delegate').removeClass('attendee-permissions-change-button');
147	blkAddAtendee.find('.ui-icon-transferthick-e-w').removeClass('attendee-permissions-change');
148
149	$(this).addClass('attendee-permissions-change-button')
150	.find('.ui-icon-transferthick-e-w').addClass('attendee-permissions-change').end();
151	$(this).parents('li').find('input[name="delegatedFrom[]"]').val(blkAddAtendee.find('.me input[name="attendee[]"]').val());
152
153	blkAddAtendee.find('.request-update').removeClass('hidden');
154	if(blkAddAtendee.find('.status option.hidden').length == 1)
155	blkAddAtendee.find('.status option').toggleClass('hidden');
156
157	blkAddAtendee.find('option[value=5]').attr('selected','selected').trigger('change');
158	}
159	})
160	.addClass('tiny disable ui-button-disabled ui-state-disabled')
161	.removeClass('new').end()
162
163	.filter(".edit.new").button({
164	icons: {
165	primary: "ui-icon-key"
166	},
167	text: false
168	}).click(function() {
169
170	if(!!!checked)
171	$(this).parents('li').find('[type=checkbox]').attr('checked', (!$(this).parent().find('[type=checkbox]').is(':checked'))).end();
172
173	var aclsParticipant = $(this).parents('li').find('input[name="attendeeAcl[]"]').val();
174	checked = false;
175
176	if( $('.qtip.qtip-blue.qtip-active').val() !== ''){
177	blkAddAtendee.find('dd.attendee-list').qtip({
178	show: {ready: true, solo: true, when: {event: 'click'}},
179	hide: false,
180	content: {
181	text: $('<div></div>').html( DataLayer.render( 'templates/attendee_permissions.ejs', {} ) ),
182	title: {
183	text:'Permissões',
184	button: '<a class="button close" href="#">close</a>'
185	}
186	},
187	style: {name: 'blue', tip: {corner: 'leftMiddle'}, border: {width: 4, radius: 8}, width: {min: 230, max:230}},
188	position: {
189	corner: {
190	target: 'rightMiddle',
191	tooltip: 'leftMiddle'
192	},
193	adjust: {x:0, y:0}
194	}
195	})
196	.qtip("api").onShow = function(arg0) {
197	$('.qtip-active .button.close').button({
198	icons: {primary: "ui-icon-close"},
199	text: false
200	})
201	.click(function(){
202	blkAddAtendee.find('dd.attendee-list').qtip('destroy');
203	});
204
205	$('.qtip-active .button.save').button().click(function(){
206
207	var acl = '';
208	$('.qtip-active').find('[type=checkbox]:checked').each(function(i, obj) {
209	acl+= obj.value;
210	});
211
212	blkAddAtendee.find('dd.attendee-list [type=checkbox]:checked').siblings('input[name="attendeeAcl[]"]').each(function(i, obj) {
213	obj.value = 'r'+acl;
214	}).parents('li').find('.button.edit').addClass('attendee-permissions-change-button')
215	.find('.ui-icon-key').addClass('attendee-permissions-change');
216
217	blkAddAtendee.find('dd.attendee-list [type=checkbox]').attr('checked', false);
218
219	blkAddAtendee.find('dd.attendee-list').qtip('destroy');
220
221	});
222	$('.qtip-active .button.cancel').button().click(function(){
223	blkAddAtendee.find('dd.attendee-list [type=checkbox]').attr('checked', false);
224	blkAddAtendee.find('dd.attendee-list').qtip('destroy');
225	});
226
227	if(aclsParticipant)
228	for(var i = 1; i < aclsParticipant.length; i++){
229	$('.qtip-active').find('input[name="'+acl_names[aclsParticipant.charAt(i)]+'"]').attr('checked', true);
230	}
231
232
233	$('.button').button();
234
235	};
236	}else{
237	if(!$('.new-event-win dd.attendee-list').find('[type=checkbox]:checked').length){
238	blkAddAtendee.find('dd.attendee-list').qtip('destroy');
239	}else{
240	$('.qtip-active .button.save .ui-button-text').html('Aplicar a todos')
241	}
242
243	};
244	})
245	.addClass('tiny disable ui-button-disabled ui-state-disabled')
246	.removeClass('new').end()
247
248	.filter(".open-delegate.new").click(function(){
249	if($(this).hasClass('ui-icon-triangle-1-e')){
250	$(this).removeClass('ui-icon-triangle-1-e').addClass('ui-icon-triangle-1-s');
251	$(this).parents('li').find('.list-delegates').removeClass('hidden');
252	}else{
253	$(this).removeClass('ui-icon-triangle-1-s').addClass('ui-icon-triangle-1-e');
254	$(this).parents('li').find('.list-delegates').addClass('hidden');
255	}
256
257	}).removeClass('new');
258
259
260	blkAddAtendee.find("li input[type=checkbox].new").click(function(){
261	if(!$('.new-event-win dd.attendee-list').find('[type=checkbox]:checked').length){
262	blkAddAtendee.find('dd.attendee-list').qtip('destroy');
263	}else{
264	checked = true;
265	$(this).parents('li').find('.button.edit').click();
266	}
267	}).removeClass('new');
268
269	UI.dialogs.addEvent.find('.attendees-list li').hover(
270	function () {
271	$(this).addClass("hover-attendee");
272	$(this).find('.button').removeClass('disable ui-button-disabled ui-state-disabled').end()
273	.find('.attendee-options').addClass('hover-attendee');
274	},
275	function () {
276	$(this).removeClass("hover-attendee");
277	$(this).find('.button').addClass('disable ui-button-disabled ui-state-disabled').end()
278	.find('.attendee-options').removeClass('hover-attendee');;
279	}
280	);
281
282
283	}
284
285	var html = DataLayer.render( path+'templates/event_add.ejs', {event:objEvent});
286
287	if (!UI.dialogs.addEvent) {
288	UI.dialogs.addEvent = jQuery('#sandbox').append('<div title="Criar Evento" class="new-event-win active"> <div>').find('.new-event-win.active').html(html).dialog({
289	resizable: false,
290	modal:true,
291	autoOpen: false,
292	width:700,
293	position: 'center',
294	close: function(event, ui) {
295	/**
296	* Remove tooltip possivelmente existente
297	*/
298	if ($('dd.attendee-list li:last').data('qtip'))
299	$('dd.attendee-list li:last').qtip('destroy');
300
301	attendees = {};
302
303	},
304	beforeClose: function(event, ui) {
305
306	if (!canDiscardEventDialog && !zebraDiscardEventDialog) {
307	zebraDiscardEventDialog = true;
308	window.setTimeout(function() {
309	$.Zebra_Dialog('Suas alterações no evento não foram salvas. Deseja descartar as alterações?', {
310	'type': 'question',
311	'overlay_opacity': '0.5',
312	'buttons': ['Descartar alterações', 'Continuar editando'],
313	'onClose': function(clicked) {
314	if(clicked == 'Descartar alterações') {
315	canDiscardEventDialog = true;
316	/**
317	*Remoção dos anexos do eventos caso seja cancelado a edição
318	*/
319	var ids = [];
320	$.each($('.attachment-list input'), function (i, input) { ids.push(input.value); });
321	if(ids.length > 0)
322	DataLayer.remove('attachment', {filter: ['IN', 'id', ids]});
323
324	UI.dialogs.addEvent.dialog('close');
325	}else{
326	zebraDiscardEventDialog = false;
327	}
328
329	/**
330	* Uma vez aberta uma janela de confirmação (Zebra_Dialog), ao fechá-la
331	* com ESC, para que o evento ESC não seja propagado para fechamento da
332	* janela de edição de eventos, deve ser setada uma flag indicando que
333	* já existe uma janela de confirmação aberta.
334	*/
335	if (!clicked) {
336	window.setTimeout(function() {
337	zebraDiscardEventDialog = false;
338	}, 200);
339	}
340	}
341	});
342
343	}, 300);
344
345	}
346	return canDiscardEventDialog;
347	}
348	});
349
350	} else {
351	UI.dialogs.addEvent.html(html);
352	}
353
354	var tabs = UI.dialogs.addEvent.children('.content').tabs();
355	var calendar = DataLayer.get('calendar', objEvent.calendar);
356
357	if (calendar.timezone != objEvent.timezone){
358	UI.dialogs.addEvent.find('.calendar-addevent-details-txt-timezone').find('option[value="'+objEvent.timezone+'"]').attr('selected','selected').trigger('change');
359	UI.dialogs.addEvent.find('.calendar_addevent_details_lnk_timezone').addClass('hidden');
360	$('.calendar-addevent-details-txt-timezone').removeClass('hidden');
361
362	}
363
364	DataLayer.render( 'templates/event_repeat.ejs', {event:objEvent}, function( repeatHtml ){
365
366	UI.dialogs.addEvent.find('#calendar_addevent_details3').html(repeatHtml);
367	$(".date").datepicker();
368
369	if(objEvent.repeat)
370	{
371	if( objEvent.repeat['id'] )
372	{
373	$("[name='repeatId']:last").val( objEvent.repeat['id'] );
374	}
375
376	if( objEvent.repeat['frequency'] !== 'none' )
377	{
378	if( objEvent.repeat['startTime'] && objEvent.repeat['startTime'] !== "0" )
379	{
380	$("[name='startOptions'] [value='customDate']:last").attr( 'selected', 'selected' );
381	$("[name='start']:last").val(new Date( parseInt(objEvent.repeat['startTime']) ).toString( User.preferences.dateFormat ) );
382	}
383	else
384	{
385	$("[name='start']:last").val($("[name='startDate']:last").val());
386	$("[name='start']:last").readOnly=true;
387	$("[name='start']:last").datepicker("disable");
388	}
389
390	$(".finish_event").removeClass("hidden");
391
392	if(objEvent.repeat['endTime'] && objEvent.repeat['endTime'] !== "0" )
393	{
394	//$("[name='occurrences']").addClass("hidden");
395	$(".customDateEnd").removeClass("hidden");
396	$(".endRepeat option[value='customDate']").attr('selected', 'selected')
397	$(".customDateEnd").val( new Date( parseInt(objEvent.repeat['endTime']) )/.setTimezoneOffset( Timezone.timezone( objEvent.timezone ) )/.toString( User.preferences.dateFormat ) );
398	}
399	else if (objEvent.repeat['count'] && objEvent.repeat['count'] !== "0" ) {
400	$(".endRepeat option[value='occurrences']").attr('selected', 'selected');
401	$(".occurrencesEnd").removeClass("hidden");
402	$(".occurrencesEnd").val(objEvent.repeat['count']);
403	}
404
405	switch ( objEvent.repeat['frequency'] )
406	{
407	case "daily":
408	$(".event-repeat-container:last").find(".repeat-in").find(".interval").html("Dia(s)");
409	$(".frequency option[value='daily']").attr('selected', 'selected');
410	break;
411	case "weekly":
412	$(".event-repeat-container:last").find(".repeat-in").find(".interval").html("Semana(s)");
413	$(".frequency option[value='weekly']").attr('selected', 'selected');
414	objEvent.repeat['interval'] ? $(".event-repeat-container:last").find(".repeat-in").find(".eventInterval").val(objEvent.repeat['interval']) : $(".event-repeat-container:last").find(".repeat-in").find(".eventInterval").val("0");
415
416	$(".event-repeat-weekly").removeClass("hidden");
417
418	var day = [];
419
420	if( objEvent.repeat.byday )
421	day = objEvent.repeat.byday.split(',');
422
423	for(i=0; i<day.length; i++)
424	$(".event-repeat-weekly [value='" + day[i] + "']").attr("checked","checked");
425
426	break;
427	case "monthly":
428	$(".event-repeat-container:last").find(".repeat-in").find(".interval").html("Mes(s)");
429	$(".frequency option[value='monthly']").attr('selected', 'selected')
430	$(".event-repeat-monthly:last").removeClass("hidden").find("input[type=radio][name=repeatmonthyType]").click(function(){
431	if($("input[type=radio][name=repeatmonthyType]:checked").val() == "1")
432	$(".event-repeat-weekly:last").removeClass("hidden");
433	else
434	$(".event-repeat-weekly:last").addClass("hidden");
435	});
436	if($("input[type=radio][name=repeatmonthyType]:checked").val() == "1")
437	$(".event-repeat-weekly:last").removeClass("hidden");
438	else
439	$(".event-repeat-weekly:last").addClass("hidden");
440	break;
441	case "yearly":
442	$(".event-repeat-container:last").find(".repeat-in").find(".interval").html("Ano(s)");
443	$(".frequency option[value='yearly']").attr('selected', 'selected')
444	break;
445	}
446	}
447	}
448	else {
449	$(".endRepeat option[value='never']").attr('selected', 'selected');
450	}
451
452
453	$(".event-repeat-container:last").find(".repeat-in").find("[name=startOptions]").change(function(){
454
455	if($(this).find("option:selected").val() == "Today"){
456	$("[name='start']:last").val($("[name='startDate']:last").val());
457	$("[name='start']:last").readOnly=true;
458	$("[name='start']:last").datepicker("disable");
459	}
460	else{
461	$("[name='start']:last").readOnly=false;
462	$("[name='start']:last").datepicker("enable");
463	}
464	});
465	$(".event-repeat-container:last").find(".repeat-in").find("[name=endOptions]").change(function(){
466	if($(this).find("option:selected").val() == "never"){
467	$("[name='occurrences']").addClass("hidden");
468	$("[name='end']:last").addClass("hidden");
469	}
470	else if($(this).find("option:selected").val() == "customDate"){
471	$("[name='occurrences']").addClass("hidden");
472	$("[name='end']:last").removeClass("hidden");
473	}
474	else{
475	$("[name='end']:last").addClass("hidden");
476	$("[name='occurrences']").removeClass("hidden");
477	}
478	});
479
480	$("[name='frequency']:last").change(function () {
481	$(".frequency-option").addClass("hidden");
482	if($(this).val() == "none"){
483	$(".repeat-in").addClass("hidden");
484	return;
485	}else{
486	$(".repeat-in").removeClass("hidden");
487	$("[name='start']:last").val($("[name='startDate']:last").val());
488	}
489
490
491	switch($(this).val()){
492	case "daily":
493	$(".event-repeat-container:last").find(".repeat-in").find(".interval").html("Dia(s)");
494	break;
495	case "weekly":
496	$(".event-repeat-container:last").find(".repeat-in").find(".interval").html("Semana(s)");
497	$(".event-repeat-weekly:last").removeClass("hidden");
498	break;
499	case "monthly":
500	$(".event-repeat-container:last").find(".repeat-in").find(".interval").html("Mes(s)");
501	$(".event-repeat-monthly:last").removeClass("hidden").find("input[type=radio][name=repeatmonthyType]").click(function(){
502	if($("input[type=radio][name=repeatmonthyType]:checked").val() == "1")
503	$(".event-repeat-weekly:last").removeClass("hidden");
504	else
505	$(".event-repeat-weekly:last").addClass("hidden");
506	});
507	if($("input[type=radio][name=repeatmonthyType]:checked").val() == "1")
508	$(".event-repeat-weekly:last").removeClass("hidden");
509	else
510	$(".event-repeat-weekly:last").addClass("hidden");
511	break;
512	default:
513	$(".event-repeat-container:last").find(".repeat-in").find(".interval").html("Ano(s)");
514	break;
515	}
516
517	});
518	});
519
520	UI.dialogs.addEvent.find('.calendar_addevent_details_lnk_timezone').click(function(e){
521	$(this).addClass('hidden');
522	$('.calendar-addevent-details-txt-timezone').removeClass('hidden');
523	e.preventDefault();
524	});
525
526	UI.dialogs.addEvent.find('.button.remove').button({text:false, icons:{primary:'ui-icon-close'}}).click(function(el){
527	var id;
528	if( id = $(this).parent().find('input[name="alarmId[]"]').val())
529	DataLayer.remove('alarm', id);
530	$(this).parent().remove().find('li').is(':empty');
531	});
532
533	/Seleciona a agenda padrão para criação de um evento/
534	UI.dialogs.addEvent.find('option[value="'+objEvent.calendar \|\| User.preferences.defaultCalendar+'"]').attr('selected','selected').trigger('change');
535
536	/Adicionar alarms padrões, quando alterado a agenda do usuário/
537	UI.dialogs.addEvent.find('select[name="calendar"]').change(function(){
538	if((typeof($('input[name = "idEvent"]').val()) == 'undefined') \|\| (!!!$('input[name = "idEvent"]').val())) {
539	$('input[name = "isDefaultAlarm[]"]').parent().remove();
540	UI.dialogs.addEvent.find('input[name="defaultAlarm"]').parent().removeClass('hidden');
541	var calendarSelected = Calendar.signatureOf[$(this).val()];
542	calendarSelected.useAlarmDefault = 1;
543	if(calendarSelected.defaultAlarms != ""){
544	var li_attach = DataLayer.render(path+'templates/alarms_add_itemlist.ejs', {alarm:calendarSelected});
545	jQuery('.event-alarms-list').append(li_attach).find('.button.remove').button({text:false, icons:{primary:'ui-icon-close'}}).click(function(el) {
546	$(this).parent().remove().find('li').is(':empty');
547	});
548	}else{
549	UI.dialogs.addEvent.find('input[name="defaultAlarm"]').parent().addClass('hidden');
550	}
551	}
552	});
553
554	/Checkbox adicionar alarms padrões/
555	UI.dialogs.addEvent.find('input[name="defaultAlarm"]').click(function(){
556	if($(this).attr("checked")){
557	$('input[name="isDefaultAlarm[]"]').parent().remove();
558	var calendarSelected = Calendar.signatureOf[$('select[name="calendar"]').val()];
559	calendarSelected.useAlarmDefault = 1;
560	if(calendarSelected.defaultAlarms != ""){
561	var li_attach = DataLayer.render(path+'templates/alarms_add_itemlist.ejs', {alarm:calendarSelected});
562	jQuery('.event-alarms-list').append(li_attach).find('.button.remove').button({text:false, icons:{primary:'ui-icon-close'}}).click(function(el) {
563	var id;
564	if( id = $(this).parent().find('input[name="alarmId[]"]').val())
565	DataLayer.remove('alarm', id);
566	$(this).parent().remove().find('li').is(':empty')
567	});
568	}
569	} else {
570	$('input[name="isDefaultAlarm[]"]').parent().remove();
571	}
572	});
573	/* Checkbox allday */
574	UI.dialogs.addEvent.find('input[name="allDay"]').click(function(){
575	$(this).attr("checked") ?
576	UI.dialogs.addEvent.find('.start-time, .end-time').addClass('hidden') :
577	UI.dialogs.addEvent.find('.start-time, .end-time').removeClass('hidden');
578	updateMap(true);
579	});
580
581	UI.dialogs.addEvent.find('.button').button();
582	UI.dialogs.addEvent.find('.button.add').button({
583	icons: {
584	secondary: "ui-icon-plus"
585	}
586	});
587
588	// ==== validation events ====
589	UI.dialogs.addEvent.find(".input-group .h1").Watermark("Evento sem título");
590	if(User.preferences.hourFormat.length == 5) {
591	UI.dialogs.addEvent.find(".end-time, .start-time").mask("99:99", {
592	completed: function(){
593	updateMap();
594	}
595	});
596	} else {
597	$.mask.definitions['{']='[ap]';
598	$.mask.definitions['}']='[m]';
599	UI.dialogs.addEvent.find(".end-time, .start-time").mask("99:99 {}", {
600	completed:function(){
601	$(this).val(date.Calendar.defaultToAmPm($(this).val()));
602	$(this).timepicker("refresh");
603	$(this).val($(this).val().replace(/[\.]/gi, ""));
604	updateMap();
605	}
606	});
607	}
608	UI.dialogs.addEvent.find(".number").numeric();
609	User.preferences.dateFormat.indexOf('-') > 0 ?
610	UI.dialogs.addEvent.find(".date").mask("99-99-9999", {
611	completed:function(){
612	updateMap();
613	}
614	}) :
615	UI.dialogs.addEvent.find(".date").mask("99/99/9999", {
616	completed:function(){
617	updateMap();
618	}
619	});
620
621	UI.dialogs.addEvent.find(".menu-addevent")
622	.children(".delete").click(function(){
623	$.Zebra_Dialog('Tem certeza que deseja excluir o evento?', {
624	'type': 'question',
625	'overlay_opacity': '0.5',
626	'buttons': ['Sim', 'Não'],
627	'onClose': function(clicked) {
628	if(clicked == 'Sim'){
629	DataLayer.remove( "schedulable", UI.dialogs.addEvent.find(".id-event").val() );
630	UI.dialogs.addEvent.dialog("close");
631	}
632	}
633	});
634	}).end()
635
636	.children(".cancel").click(function(){
637	DataLayer.rollback('participant');
638	UI.dialogs.addEvent.dialog("close");
639	}).end()
640
641	.children(".save").click(function(){
642	/* Validação */
643	var msg = false;
644	if(msg = validDateEvent()){
645	$(".new-event-win.active").find('.messages-validation').removeClass('hidden').find('.message label').html(msg);
646	return false;
647	}
648
649	canDiscardEventDialog = true;
650
651	UI.dialogs.addEvent.children().find('form.form-addevent').submit();
652	UI.dialogs.addEvent.dialog("close");
653	}).end()
654
655	.children(".export").click(function(){
656	UI.dialogs.addEvent.children().find(".form-export").submit();
657	});
658
659	var dates = UI.dialogs.addEvent.find('input.date').datepicker({
660	dateFormat: 'dd/mm/yy',
661	onSelect : function( selectedDate ){
662	updateMap();
663	}
664	});
665	//if(path == ""){
666	UI.dialogs.addEvent.find('input.time').timepicker({
667	closeText: 'Ok',
668	hourGrid: 4,
669	minuteGrid: 10,
670	ampm : ((User.preferences.hourFormat.length > 5) ? true: false),
671	timeFormat: "hh:mm tt",
672	onSelect: function (selectedDateTime){
673	if(!(User.preferences.hourFormat.length == 5))
674	$(this).val(selectedDateTime.replace(/[\.]/gi, ""));
675	updateMap();
676	},
677	onClose : function (selectedDateTime){
678	if(!(User.preferences.hourFormat.length == 5))
679	$(this).val(selectedDateTime.replace(/[\.]/gi, ""));
680	}
681	});
682	//}
683
684	UI.dialogs.addEvent.find('.button-add-alarms').click(function(){
685	var li_attach = DataLayer.render(path+'templates/alarms_add_itemlist.ejs', {});
686
687	jQuery('.event-alarms-list').append(li_attach).find('.button.remove').button({text:false, icons:{primary:'ui-icon-close'}}).click(function(el) {
688	$(this).parent().remove().find('li').is(':empty')
689	});
690	// valicacao de campos numericos
691	$('.number').numeric();
692	});
693
694
695	UI.dialogs.addEvent.find('.button.suggestion-hours').button({
696	icons: {
697	primary: "ui-icon-clock"
698	},
699	text: 'Sugerir horário'
700	}).click(function () {
701	$(this).siblings('input').removeAttr('disabled')
702	.end().parents().find('input[name="allDay"]').removeAttr('disabled');
703	});
704
705	if(objEvent.me.id == User.me.id){
706	objEvent.me.id = DataLayer.put('participant', {user: objEvent.me.id, mail: objEvent.me.mail });
707	objEvent.organizer.id = objEvent.me.id;
708	}
709
710	var attendeeHtml = DataLayer.render( path+'templates/attendee_add.ejs', {event:objEvent});
711
712	// load template of attendees
713	var blkAddAtendee = UI.dialogs.addEvent.find('#calendar_addevent_details6').append(attendeeHtml);
714	if(objEvent.attendee.length)
715	callbackAttendee();
716	/**
717	Opções de delegação do participante/organizer
718	*/
719	blkAddAtendee.find(".button.participant-delegate").button({
720	icons: {
721	primary: "ui-icon-transferthick-e-w"
722	},
723	text: false
724	}).click(function () {
725	if($(this).hasClass('attendee-permissions-change-button')){
726	if(!$(this).hasClass('disable')){
727	$(this).removeClass('attendee-permissions-change-button')
728	.find('.ui-icon-transferthick-e-w').removeClass('attendee-permissions-change').end();
729	blkAddAtendee.find('.block-add-attendee.search').addClass('hidden');
730	blkAddAtendee.find('.block-add-attendee.search dt').html('Adicionar outros contatos');
731	}
732	}else{
733	$(this).addClass('attendee-permissions-change-button')
734	.find('.ui-icon-transferthick-e-w').addClass('attendee-permissions-change').end();
735	blkAddAtendee.find('.block-add-attendee.search dt').html('Delegar participação para');
736	blkAddAtendee.find('.block-add-attendee.search').removeClass('hidden');
737	blkAddAtendee.find('.block-add-attendee.search input.search').focus();
738	}
739	})
740	.addClass('tiny');
741
742	//show or hidden permissions attendees
743	//blkAddAtendee.find('.block-attendee-list #attendees-users li').click(show_permissions_attendees);
744
745	UI.dialogs.addEvent.find(".attendee-list-add .add-attendee-input input").Watermark("digite um email para convidar");
746	/* Trata a edição de um novo participante adicionado
747	*
748	*/
749	var hasNewAttendee = false;
750
751	blkAddAtendee.find('.attendee-list-add .add-attendee-input span').click(function(data){
752	blkAddAtendee.find('.attendee-list-add .add-attendee-input input').keydown();
753	});
754
755	blkAddAtendee.find('.attendee-list-add .add-attendee-input input').keydown(function(event) {
756
757	if (event.keyCode == '13' && $(this).val() != '' \|\| (event.keyCode == undefined && $(this).val() != '')) {
758	Encoder.EncodeType = "entity";
759	$(this).val(Encoder.htmlEncode($(this).val()));
760
761	newAttendeeEmail = false;
762	newAttendeeName = false;
763	skipAddNewLine = false;
764
765	var info = $(this).val();
766
767	/**
768	* email válido?
769	*/
770	info.match(/^[\w!#$%&'+\/=?^`{\|}~-]+(\.[\w!#$%&'+\/=?^`{\|}~-]+)*@(([\w-]+\.)+[A-Za-z]{2,6}\|\[\d{1,3}(\.\d{1,3}){3}\])$/) ?
771	newAttendeeEmail = info : newAttendeeName = info;
772
773	/**
774	* 1) busca no banco para saber se o usuário já existe
775	* 1.1) se existe, atualiza as info na lista de participantes e nao abre o tooltip
776	* 1.2) se não existe
777	* a) salva como novo usuario externo no banco (apenas com email)
778	* b) exibe tooltip pedindo o nome
779	* c) se o usuário preenche tooltip e salva, atualiza com o nome o usuário recém criado
780	* d) se o usuário cancela o tooltip, fica o usuário salvo apenas com email e sem nome
781	*/
782
783	var user = DataLayer.get('user', ["=", "mail", $(this).val()]);
784	if(!!user && user[0].id)
785	attendees[user[0].id] = { name: user[0].name };
786
787	/**
788	* guarda o último tooltip aberto referente à lista de participantes
789	*/
790	lastEditAttendeeToolTip = [];
791
792	/**
793	* Valida email e salva um participante externo
794	*/
795	var saveContact = function() {
796	Encoder.EncodeType = "entity";
797
798	var currentTip = $('.qtip-active');
799	newAttendeeName = currentTip.find('input[name="name"]').val();
800	newAttendeeEmail = currentTip.find('input[name="mail"]').val();
801
802	if (!(!!newAttendeeEmail.match(/^[\w!#$%&'+\/=?^`{\|}~-]+(\.[\w!#$%&'+\/=?^`{\|}~-]+)*@(([\w-]+\.)+[A-Za-z]{2,6}\|\[\d{1,3}(\.\d{1,3}){3}\])$/))) {
803	currentTip.find('.messages').removeClass('hidden').find('.message label').html('Email inválido.');
804	return false;
805	}
806
807	DataLayer.put('user', {id:userId, name:newAttendeeName, mail:newAttendeeEmail, isExternal:isExternal});
808
809	lastEditAttendeeToolTip.find('label')
810	.filter('.name').html(Encoder.htmlEncode(newAttendeeName)).attr('title', Encoder.htmlEncode(newAttendeeName)).end()
811	.filter('.mail').html(Encoder.htmlEncode(newAttendeeEmail)).attr('title', Encoder.htmlEncode(newAttendeeEmail));
812
813	blkAddAtendee.find('.attendee-list-add .add-attendee-input input').val('');
814	return true;
815	}
816
817	/**
818	* Formata e adequa um tootip abert para edição de um participante na lista
819	*/
820	var onShowToolTip = function(arg0) {
821	$('.qtip-active .button.close').button({
822	icons: {primary: "ui-icon-close"},
823	text: false
824	});
825	$('.qtip-active .button').button()
826	.filter('.save').click(function(event, ui) {
827	if(saveContact())
828	lastEditAttendeeToolTip.qtip("destroy");
829	else
830	return false;
831	}).end()
832	.filter('.cancel').click(function(event, ui) {
833	lastEditAttendeeToolTip.qtip("destroy");
834	})
835
836	/**
837	* Trata o ENTER no campo da tooltip, equivalente a salvar
838	* o novo convidado.
839	*/
840	$('.qtip-active input').keydown(function(event) {
841	if (event.keyCode == '13') {
842	if (saveContact())
843	lastEditAttendeeToolTip.qtip("destroy");
844
845	lastEditAttendeeToolTip.qtip("destroy");
846	event.preventDefault();
847	}
848	})
849	.filter('[name="name"]').Watermark("informe o nome do contato").end()
850	.filter('[name="mail"]').Watermark("informe o email do contato");
851	}
852
853	/**
854	* Se o email digitado já foi adicionado na lista,
855	* o usuário deve ser avisado e um botão de edição deve ser exibido
856	*/
857	if(blkAddAtendee.find('label.mail[title="' + newAttendeeEmail + '"]').length) {
858	hasNewAttendee = false;
859	newAttendeeName = blkAddAtendee.find('label.mail[title="' + newAttendeeEmail + '"]').parents('li').find('label.name').attr('title');
860
861	blkAddAtendee.find('.email-validation').removeClass('hidden')
862	.find('.message label').html("O usuário acima já foi adicionado! <a class=\"small button\">Editar</a>")
863	.find(".button").button().click(function () {
864	/**
865	* Se o usuário optar por editar o participante anteriormente adicionado,
866	* uma tooltip deve ser aberta para este participante, viabilizando a edição
867	*/
868	blkAddAtendee.find("ul.attendee-list").scrollTo('label.mail[title="' + newAttendeeEmail + '"]');
869	/**
870	* Remove tooltip possivelmente existente
871	*/
872	if (lastEditAttendeeToolTip.length && lastEditAttendeeToolTip.data('qtip'))
873	lastEditAttendeeToolTip.qtip('destroy');
874
875	lastEditAttendeeToolTip = blkAddAtendee.find('label.mail[title="' + newAttendeeEmail + '"]').parents('li');
876	lastEditAttendeeToolTip.qtip({
877	show: {ready: true, solo: true, when: {event: 'click'}},
878	hide: false,
879	content: {
880	text: $('<div></div>').html( DataLayer.render( path+'templates/attendee_quick_edit.ejs', {attendee:{name:newAttendeeName, mail:newAttendeeEmail}} ) ),
881	title: {
882	text:'Detalhes do participante',
883	button: '<a class="button close" href="#">close</a>'
884	}
885	},
886	style: {name: 'blue', tip: {corner: 'leftMiddle'}, border: {width: 4, radius: 8}, width: {min: 230, max:230}},
887	position: {
888	corner: {
889	target: 'rightMiddle',
890	tooltip: 'leftMiddle'
891	},
892	adjust: {x:0, y:0}
893	}
894	});
895	lastEditAttendeeToolTip.qtip("api").onShow = onShowToolTip;
896	});
897	skipAddNewLine = true;
898	} else {
899	hasNewAttendee = true;
900	blkAddAtendee.find('.email-validation').addClass('hidden');
901	}
902
903
904	var isExternal = (!!user && !(!!user.isExternal)) ? 0 : 1;
905
906	/**
907	* Remove tooltip possivelmente existente
908	*/
909	if (lastEditAttendeeToolTip.length && lastEditAttendeeToolTip.data('qtip'))
910	lastEditAttendeeToolTip.qtip('destroy');
911
912	userId = '';
913	var newAttendeeId = '';
914
915	if (user){
916	if (!skipAddNewLine) {
917	user[0].id = DataLayer.put('participant', {user: user[0].id, isExternal: isExternal, acl: 'r'});
918	user[0].acl = objEvent.acl
919
920	blkAddAtendee.find('dd.attendee-list ul.attendee-list').append(
921	DataLayer.render(path+'templates/participants_add_itemlist.ejs', user)
922	)
923	.scrollTo('max');
924	callbackAttendee();
925	}
926
927	$(this).val('');
928
929	} else if (!skipAddNewLine) {
930	/**
931	* a) salva como novo usuario externo no banco (apenas com email) e...
932	* adiciona novo contato externo à lista de convidados
933	*/
934
935	userId = DataLayer.put('user', {name: newAttendeeName, mail: newAttendeeEmail, isExternal: isExternal});
936	newAttendeeId = DataLayer.put('participant', {user: userId, isExternal: isExternal});
937
938
939	blkAddAtendee.find('dd.attendee-list ul.attendee-list').append(
940	DataLayer.render(path+'templates/participants_add_itemlist.ejs', [{id:newAttendeeId, name: newAttendeeName, mail: newAttendeeEmail, isExternal: 1, acl: objEvent.acl}])
941	).scrollTo('max');
942	callbackAttendee();
943
944	/**
945	* Adiciona tootip para atualização dos dados do contato externo
946	* recém adicionado.
947	*/
948	lastEditAttendeeToolTip = blkAddAtendee.find('dd.attendee-list li:last');
949	lastEditAttendeeToolTip.qtip({
950	show: {ready: true, solo: true, when: {event: 'click'}},
951	hide: false,
952	content: {
953	text: $('<div></div>').html( DataLayer.render( path+'templates/attendee_quick_edit.ejs', {attendee:{name:newAttendeeName, mail:newAttendeeEmail}} ) ),
954	title: {
955	text:'Detalhes do participante',
956	button: '<a class="button close" href="#">close</a>'
957	}
958	},
959	style: {name: 'blue', tip: {corner: 'leftMiddle'}, border: {width: 4, radius: 8}, width: {min: 230, max:230}},
960	position: {
961	corner: {
962	target: 'rightMiddle',
963	tooltip: 'leftMiddle'
964	},
965	adjust: {x:0, y:0}
966	}
967	});
968
969	lastEditAttendeeToolTip.qtip("api").onShow = onShowToolTip;
970
971	$(this).val('');
972
973
974	}
975	event.preventDefault();
976	}
977
978	});
979
980	/**
981	* Trata a busca de usuários para adição de participantes
982	*/
983	blkAddAtendee.find('.add-attendee-search .ui-icon-search').click(function(event) {
984	blkAddAtendee.find('.add-attendee-search input').keydown();
985	});
986
987
988	blkAddAtendee.find('.add-attendee-search input').keydown(function(event) {
989
990	if(event.keyCode == '13' \|\| typeof(event.keyCode) == 'undefined') {
991	var result = DataLayer.get('user', ["*", "name", $(this).val()], true);
992
993	/**
994	* TODO: trocar por template
995	*/
996	blkAddAtendee.find('ul.search-result-list').empty().css('overflow', 'hidden');
997	if (!result) {
998	blkAddAtendee.find('ul.search-result-list').append('<li><label class="empty">Nenhum resultado encontrado.</label></li>');
999	}
1000
1001	for(i=0; i<result.length; i++)
1002	result[i].enabled = (blkAddAtendee.find('dd.attendee-list ul.attendee-list label.mail[title="' + result[i].mail + '"]').length) ? false : true;
1003
1004	blkAddAtendee.find('ul.search-result-list').append(DataLayer.render( path+'templates/participants_search_itemlist.ejs', result));
1005
1006	blkAddAtendee.find('ul.search-result-list li').click(function(event, ui){
1007	if ($(event.target).is('input')) {
1008	old_item = $(event.target).parents('li');
1009	newAttendeeId = DataLayer.put('participant', {user: old_item.find('.id').html(), isExternal: 0});
1010
1011	attendees[old_item.find('.id').html()] = old_item.find('.name').html();
1012
1013	blkAddAtendee.find('dd.attendee-list ul.attendee-list')
1014	.append(DataLayer.render(path+'templates/participants_add_itemlist.ejs', [{id: newAttendeeId, name: old_item.find('.name').html(), mail: old_item.find('.mail').html(), isExternal: 0, acl: objEvent.acl}]))
1015	.scrollTo('max');
1016	/**
1017	* Delegação de participação de um participante com permissão apenas de leitura
1018	*
1019	*/
1020	if(!objEvent.acl.organization && !objEvent.acl.write && !objEvent.acl.inviteGuests && objEvent.acl.read ){
1021
1022	blkAddAtendee.find('.block-add-attendee.search').addClass('hidden');
1023	blkAddAtendee.find('.block-add-attendee.search dt').html('Adicionar outros contatos');
1024
1025	blkAddAtendee.find('.status option').toggleClass('hidden');
1026	blkAddAtendee.find('option[value=5]').attr('selected','selected').trigger('change');
1027	blkAddAtendee.find('.request-update').removeClass('hidden');
1028
1029	blkAddAtendee.find('dd.attendee-list ul.attendee-list li .button.close').parents('li').find('input[name="delegatedFrom[]"]').val(blkAddAtendee.find('.me input[name="attendee[]"]').val());
1030
1031	blkAddAtendee.find('.me .participant-delegate').addClass('disable ui-button-disabled ui-state-disabled');
1032	blkAddAtendee.find(".button.close").button({
1033	icons: {
1034	primary: "ui-icon-close"
1035	},
1036	text: false
1037	}).click(function () {
1038
1039	$(this).parents('li').find('input[name="delegatedFrom[]"]').val('');
1040	blkAddAtendee.find('.request-update').addClass('hidden');
1041	blkAddAtendee.find('.status option').toggleClass('hidden');
1042	blkAddAtendee.find('option[value=1]').attr('selected','selected').trigger('change');
1043	blkAddAtendee.find('.me .participant-delegate').removeClass('disable ui-button-disabled ui-state-disabled attendee-permissions-change-button')
1044	.find('.ui-icon-person').removeClass('attendee-permissions-change').end();
1045
1046	DataLayer.remove('participant', $(this).parents('li').find('[type=checkbox]').val());
1047	$(this).parents('li').remove();
1048	})
1049	.addClass('tiny');
1050	}else{
1051	callbackAttendee();
1052	old_item.remove();
1053	}
1054	}
1055	});
1056
1057	event.preventDefault();
1058	}
1059	});
1060	//$('.block-add-attendee .search-result-list').selectable();
1061
1062	UI.dialogs.addEvent.find('.row.fileupload-buttonbar .button').filter('.delete').button({
1063	icons: {
1064	primary: "ui-icon-close"
1065	},
1066	text: 'Excluir'
1067	}).click(function () {
1068	$('.row.fileupload-buttonbar .attachments-list p').remove();
1069
1070	var ids = [];
1071	$.each($('.attachment-list input'), function (i, input) { ids.push(input.value); });
1072	if(ids.length > 0){
1073	DataLayer.remove('attachment', {filter: ['IN', 'id', ids]});
1074	$('.attachment-list input').remove();
1075	}
1076	}).end()
1077	.filter('.close').button({
1078	icons: {
1079	primary: "ui-icon-close"
1080	},
1081	text: false
1082	}).click(function () {
1083	DataLayer.remove('attachment', $(this).parents('p').find('input[name="fileId[]"]').val());
1084	$(this).parents('p').remove();
1085	}).end()
1086	.filter('.downlaod-archive').button({
1087	icons: {
1088	primary: "ui-icon-arrowthickstop-1-s"
1089	},
1090	text: false
1091	});
1092
1093	$('#fileupload').fileupload({
1094	sequentialUploads: true,
1095	add: function (e, data) {
1096	if(data.files[0].size < 2000000)
1097	data.submit();
1098	},
1099	change: function (e, data) {
1100	$.each(data.files, function (index, file) {
1101	var attach = {};
1102	attach.fileName = file.name;
1103	if(file.name.length > 10)
1104	attach.fileName = file.name.substr(0, 6) + file.name.substr(file.name.length-4, file.name.length);
1105	attach.fileSize = formatBytes(file.size);
1106	if(file.size > 2000000)
1107	attach.error = 'Tamanho de arquivo nao permitido!!'
1108
1109	$('.attachments-list').append(DataLayer.render(path+'templates/attachment_add_itemlist.ejs', {file : attach}));
1110
1111	if(file.size < 2000000){
1112	$('.fileinput-button.new').append(data.fileInput[0]).removeClass('new');
1113	$('.attachments-list').find('[type=file]').addClass('hidden');
1114
1115	}else
1116	$('.fileinput-button.new').removeClass('new');
1117
1118
1119	$('.attachments-list').find('.button.close').button({
1120	icons: {
1121	primary: "ui-icon-close"
1122	},
1123	text: false
1124	}).click(function(){
1125	var idAttach = $(this).parent().find('input[name="fileId[]"]').val();
1126	$('.attachment-list').find('input[value="'+idAttach+'"]')
1127	$(this).parent().remove();
1128	});
1129
1130	})},
1131	progress: function(e, data){
1132	var value = parseInt(data.loaded / data.total * 100, 10);
1133	$('.progress.in-progress:first').removeClass('hidden')
1134	$('.progress.in-progress:first').progressbar({
1135	value: value
1136	});
1137
1138	if(value == 100){
1139	$('.progress.in-progress:first').removeClass('in-progress').addClass('on-complete').fadeOut('slow');
1140	}
1141
1142	},
1143	done: function(e, data){
1144	if(!!data.result && data.result != "[]"){
1145	var newAttach = jQuery.parseJSON(data.result);
1146	$('.attachment-list').append('<input tyepe="hidden" name="attachment[]" value="'+newAttach['attachment'][0][0].id+'"/>');
1147	$('.progress.on-complete:first').removeClass('on-complete').parents('p')
1148	.append('<input type="hidden" name="fileId[]" value="'+newAttach['attachment'][0][0].id+'"/>')
1149	.find('.status-upload').addClass('ui-icon ui-icon-check');
1150	}else
1151	$('.progress.on-complete:first').removeClass('on-complete').parents('p').find('.status-upload').addClass('ui-icon ui-icon-cancel');
1152	}
1153	});
1154	$('.attachments-list .button').button();
1155
1156	$('#fileupload').bind('fileuploadstart', function () {
1157	var widget = $(this),
1158	progressElement = $('#fileupload-progress').fadeIn(),
1159	interval = 500,
1160	total = 0,
1161	loaded = 0,
1162	loadedBefore = 0,
1163	progressTimer,
1164	progressHandler = function (e, data) {
1165	loaded = data.loaded;
1166	total = data.total;
1167	},
1168	stopHandler = function () {
1169	widget
1170	.unbind('fileuploadprogressall', progressHandler)
1171	.unbind('fileuploadstop', stopHandler);
1172	window.clearInterval(progressTimer);
1173	progressElement.fadeOut(function () {
1174	progressElement.html('');
1175	});
1176	},
1177	formatTime = function (seconds) {
1178	var date = new Date(seconds * 1000);
1179	return ('0' + date.getUTCHours()).slice(-2) + ':' +
1180	('0' + date.getUTCMinutes()).slice(-2) + ':' +
1181	('0' + date.getUTCSeconds()).slice(-2);
1182	},
1183	/* formatBytes = function (bytes) {
1184	if (bytes >= 1000000000) {
1185	return (bytes / 1000000000).toFixed(2) + ' GB';
1186	}
1187	if (bytes >= 1000000) {
1188	return (bytes / 1000000).toFixed(2) + ' MB';
1189	}
1190	if (bytes >= 1000) {
1191	return (bytes / 1000).toFixed(2) + ' KB';
1192	}
1193	return bytes + ' B';
1194	},*/
1195	formatPercentage = function (floatValue) {
1196	return (floatValue * 100).toFixed(2) + ' %';
1197	},
1198	updateProgressElement = function (loaded, total, bps) {
1199	progressElement.html(
1200	formatBytes(bps) + 'ps \| ' +
1201	formatTime((total - loaded) / bps) + ' \| ' +
1202	formatPercentage(loaded / total) + ' \| ' +
1203	formatBytes(loaded) + ' / ' + formatBytes(total)
1204	);
1205	},
1206	intervalHandler = function () {
1207	var diff = loaded - loadedBefore;
1208	if (!diff) {
1209	return;
1210	}
1211	loadedBefore = loaded;
1212	updateProgressElement(
1213	loaded,
1214	total,
1215	diff * (1000 / interval)
1216	);
1217	};
1218	widget
1219	.bind('fileuploadprogressall', progressHandler)
1220	.bind('fileuploadstop', stopHandler);
1221	progressTimer = window.setInterval(intervalHandler, interval);
1222	});
1223
1224	if(objEvent.isShared){
1225
1226	var acls = Calendar.signatureOf[objEvent.calendar].permission.acl;
1227
1228	if(!acls.write){
1229	UI.dialogs.addEvent.find(':input').attr('disabled', 'disabled');
1230	UI.dialogs.addEvent.find('.button').hide();
1231	}
1232
1233	if(acls.remove)
1234	UI.dialogs.addEvent.find('.button.remove').show();
1235
1236	UI.dialogs.addEvent.find('.button.cancel').show();
1237
1238
1239	}
1240
1241	disponibily(objEvent, path, attendees);
1242
1243	UI.dialogs.addEvent.find(':input').change(function(event){
1244	if (event.keyCode != '27' && event.keyCode != '13')
1245	canDiscardEventDialog = false;
1246	}).keydown(function(event){
1247	if (event.keyCode != '27' && event.keyCode != '13')
1248	canDiscardEventDialog = false;
1249	});
1250
1251	UI.dialogs.addEvent.dialog('open');
1252	//$('[href="#calendar_addevent_details7"]').trigger('click');
1253	//$('[href="#calendar_addevent_details2"]').trigger('click');
1254	}
1255
1256
1257
1258	function add_tab_preferences()
1259	{
1260	if(!(document.getElementById('preference_tab')))
1261	{
1262	var tab_title = "Preferencias";
1263	$tabs.tabs( "add", "#preference_tab", tab_title );
1264
1265	/*
1266	DataLayer.render( 'templates/timezone_list.ejs', {}, function( timezones_options ){
1267	tabPrefCalendar.find('select[name="timezone"]').html(timezones_options).find('option[value="'+User.preferences.timezone+'"]').attr('selected','selected').trigger('change');
1268	});
1269	*/
1270	DataLayer.render( 'templates/preferences_calendar.ejs', {preferences:User.preferences, calendars: Calendar.calendars}, function( template ){
1271	var tabPrefCalendar = jQuery('#preference_tab').html( template ).find('.preferences-win');
1272
1273	tabPrefCalendar.find('option[value="'+User.preferences.defaultCalendar+'"]').attr('selected','selected').trigger('change');
1274
1275	DataLayer.render( 'templates/timezone_list.ejs', {}, function( timezones_options ){
1276	tabPrefCalendar.find('select[name="timezone"]').html(timezones_options).find('option[value="'+User.preferences.timezone+'"]').attr('selected','selected').trigger('change');
1277	});
1278
1279	tabPrefCalendar.find('.button').button()
1280	.filter('.save').click(function(evt){
1281	tabPrefCalendar.find('form').submit();
1282	$('#calendar').fullCalendar('render');
1283	$('.block-vertical-toolbox .mini-calendar').datepicker( "refresh" );
1284	$tabs.tabs( "remove", "#preference_tab");
1285	}).end().filter('.cancel').click(function(evt){
1286	$tabs.tabs( "remove", "#preference_tab");
1287	});
1288
1289	tabPrefCalendar.find('.number').numeric();
1290
1291	tabPrefCalendar.find('input.time').timepicker({
1292	closeText: 'Ok',
1293	hourGrid: 4,
1294	minuteGrid: 10,
1295	ampm : (parseInt($("select[name=hourFormat] option:selected").val().length) > 5 ? true : false), //((User.preferences.hourFormat.length > 5) ? true: false),
1296	timeFormat: "hh:mm tt",
1297	onSelect: function (selectedDateTime){
1298	if(!(User.preferences.hourFormat.length == 5)) {
1299	$(this).val(selectedDateTime.replace(/[\.]/gi, ""));
1300	}
1301	},
1302	onClose : function (selectedDateTime){
1303	if(!(User.preferences.hourFormat.length == 5)) {
1304	$(this).val(selectedDateTime.replace(/[\.]/gi, ""));
1305	}
1306	}
1307	});
1308
1309	$.mask.definitions['{']='[ap]';
1310	$.mask.definitions['}']='[m]';
1311	tabPrefCalendar.find("input.time").mask( ((User.preferences.hourFormat.length > 5) ? "99:99 {}" : "99:99"), {
1312	completed:function(){
1313	$(this).val(dateCalendar.defaultToAmPm($(this).val()));
1314	$(this).timepicker("refresh");
1315	$(this).val($(this).val().replace(/[\.]/gi, ""));
1316	}
1317	});
1318
1319	tabPrefCalendar.find("select[name=hourFormat]").change( function() { // evento ao selecionar formato de hora
1320
1321	tabPrefCalendar.find("input.time").timepicker("destroy");
1322
1323	tabPrefCalendar.find('input.time').timepicker({
1324	closeText: 'Ok',
1325	hourGrid: 4,
1326	minuteGrid: 10,
1327	ampm : (parseInt($("select[name=hourFormat] option:selected").val().length) > 5 ? true : false),
1328	timeFormat: "hh:mm tt",
1329	onSelect: function (selectedDateTime){
1330	if(!(User.preferences.hourFormat.length == 5)) {
1331	$(this).val(selectedDateTime.replace(/[\.]/gi, ""));
1332	}
1333	},
1334	onClose : function (selectedDateTime){
1335	if(!(User.preferences.hourFormat.length == 5)) {
1336	$(this).val(selectedDateTime.replace(/[\.]/gi, ""));
1337	}
1338	}
1339	});
1340
1341	var defaultStartHour = tabPrefCalendar.find("input[name=defaultStartHour]").val().trim();
1342	var defaultEndHour = tabPrefCalendar.find("input[name=defaultEndHour]").val().trim();
1343
1344	tabPrefCalendar.find("input.time").mask( (($("select[name=hourFormat] option:selected").val().trim().length > 5) ? "99:99 {}" : "99:99") );
1345
1346	if (parseInt($("select[name=hourFormat] option:selected").val().length) > 5) { // am/pm
1347	tabPrefCalendar.find("input[name=defaultStartHour]").val(dateCalendar.defaultToAmPm(defaultStartHour));
1348	tabPrefCalendar.find("input[name=defaultEndHour]").val(dateCalendar.defaultToAmPm(defaultEndHour))
1349
1350	} else { //24h
1351	tabPrefCalendar.find("input[name=defaultStartHour]").val(dateCalendar.AmPmTo24(defaultStartHour));
1352	tabPrefCalendar.find("input[name=defaultEndHour]").val(dateCalendar.AmPmTo24(defaultEndHour));
1353	}
1354	});
1355
1356
1357
1358	});
1359	} else {
1360	$tabs.tabs("select", "#preference_tab");
1361
1362	return true;
1363	}
1364	}
1365
1366
1367	function add_tab_configure_calendar(calendar)
1368	{
1369	var calendars = [];
1370	var signatures = [];
1371	var previewActiveCalendarConf = 0;
1372
1373	for (var i=0; i<Calendar.signatures.length; i++) {
1374	calendars[i] = Calendar.signatures[i].calendar;
1375	signatures[i] = Calendar.signatures[i];
1376	signatures[i].numberDefaultAlarm = signatures[i].defaultAlarms != '' ? signatures[i].defaultAlarms.length: 0;
1377	if (calendar && calendars[i].id == calendar)
1378	previewActiveCalendarConf = i;
1379	}
1380
1381	if(!(document.getElementById('configure_tab')))
1382	{
1383	$('.positionHelper').css('display', 'none');
1384	var tab_title = "Configurações de agendas";
1385	$tabs.tabs( "add", "#configure_tab", tab_title );
1386
1387	var dataColorPicker = {
1388	colorsSuggestions: colors_suggestions()
1389	};
1390
1391
1392
1393	var populateAccordionOnActive = function(event, ui) {
1394	var nowActive = (typeof(event) == 'number') ? event : $(event.target).accordion( "option", "active" );
1395	dataColorPicker.colorsDefined = {
1396	border: '#'+signatures[nowActive].borderColor,
1397	font:'#'+signatures[nowActive].fontColor,
1398	background:'#'+signatures[nowActive].backgroundColor
1399	};
1400	if (!jQuery('.accordion-user-calendars .ui-accordion-content').eq(nowActive).has('form')) {
1401	return true;
1402	}
1403
1404	DataLayer.render( 'templates/configure_calendars_itemlist.ejs', {user:User, calendar:calendars[nowActive], signature:signatures[nowActive]}, function( form_template ){
1405	var form_content = jQuery('.accordion-user-calendars .ui-accordion-content').eq(nowActive).html( form_template ).find('form');
1406	form_content.find('.preferences-alarms-list .button').button({text:false, icons:{primary:'ui-icon-close'}});
1407	form_content.find('.button').button();
1408
1409	DataLayer.render( 'templates/timezone_list.ejs', {}, function( timezones_options ){
1410	var valueTimeZone = calendars[nowActive].timezone;
1411	form_content.find('select[name="timezone"]').html(timezones_options).find('option[value="'+valueTimeZone+'"]').attr('selected','selected').trigger('change');
1412	});
1413
1414	form_content.find('.button-add-alarms').click(function(){
1415	DataLayer.render( 'templates/alarms_add_itemlist.ejs', {}, function( template ){
1416	jQuery('.preferences-alarms-list').append(template)
1417	.find('li:last label:eq(0)').remove().end()
1418	.find('.number').numeric().end()
1419	.find('.button.remove').button({text:false, icons:{primary:'ui-icon-close'}}).click(function(el) {
1420	$(this).parent().remove();
1421	});
1422	});
1423	});
1424
1425
1426	/**
1427	* Set color picker
1428	*/
1429	DataLayer.render( 'templates/calendar_colorpicker.ejs', dataColorPicker, function( template ){
1430	form_content.find('.calendar-colorpicker').html( template );
1431
1432	var f = $.farbtastic(form_content.find('.colorpicker'), colorpickerPreviewChange);
1433	var selected;
1434	var colorpicker = form_content.find('.calendar-colorpicker');
1435
1436	var colorpickerPreviewChange = function(color) {
1437	var pickedup = form_content.find('.colorwell-selected').val(color).css('background-color', color);
1438
1439	var colorpicker = form_content.find('.calendar-colorpicker');
1440
1441	if (pickedup.is('input[name="backgroundColor"]')) {
1442	colorpicker.find('.fc-event-skin').css('background-color',color);
1443	} else if (pickedup.is('input[name="fontColor"]')) {
1444	colorpicker.find('.fc-event-skin').css('color',color);
1445	} else if (pickedup.is('input[name="borderColor"]')) {
1446	colorpicker.find('.fc-event-skin').css('border-color',color);
1447	}
1448	}
1449
1450	form_content.find('.colorwell').each(function () {
1451	f.linkTo(this);
1452
1453	if ($(this).is('input[name="backgroundColor"]')) {
1454	colorpicker.find('.fc-event-skin').css('background-color', $(this).val());
1455	} else if ($(this).is('input[name="fontColor"]')) {
1456	colorpicker.find('.fc-event-skin').css('color', $(this).val());
1457	} else if ($(this).is('input[name="borderColor"]')) {
1458	colorpicker.find('.fc-event-skin').css('border-color', $(this).val());
1459	}
1460	})
1461	.focus(function() {
1462	if (selected) {
1463	$(selected).removeClass('colorwell-selected');
1464	}
1465
1466	$(selected = this).addClass('colorwell-selected');
1467	f.linkTo(this, colorpickerPreviewChange);
1468	f.linkTo(colorpickerPreviewChange);
1469
1470	});
1471
1472	form_content.find('select.color-suggestions').change(function() {
1473	var colors;
1474
1475	if(colors = dataColorPicker.colorsSuggestions[$(this).val()]) {
1476	colorpicker
1477	.find('input[name="fontColor"]').val(colors.font).focus().end()
1478	.find('input[name="backgroundColor"]').val(colors.background).focus().end()
1479	.find('input[name="borderColor"]').val(colors.border).focus().end()
1480
1481	.find('.fc-event-skin').css({
1482	'background-color':dataColorPicker.colorsSuggestions[$(this).val()].background,
1483	'border-color':dataColorPicker.colorsSuggestions[$(this).val()].border,
1484	'color':dataColorPicker.colorsSuggestions[$(this).val()].font
1485	});
1486	}
1487	});
1488
1489	/**
1490	* Trata a mudança dos valores dos campos de cores.
1491	* Se mudar um conjunto de cores sugerido,
1492	* este vira um conjunto de cores personalizado.
1493	*/
1494	form_content.find('.colorwell').change(function (element, ui) {
1495	if (true) {
1496	form_content.find('select.color-suggestions')
1497	.find('option:selected').removeAttr('selected').end()
1498	.find('option[value="custom"]').attr('selected', 'selected').trigger('change');
1499	}
1500	});
1501	}); //END set colorpicker
1502
1503	form_content.find('.phone').mask("+99 (99) 9999-9999");
1504	form_content.find('.number').numeric();
1505
1506	}); //END DataLayer.render( 'templates/configure_calendars_itemlist.ejs' ...
1507
1508	// === validations preferences ====
1509
1510
1511	} //END populateAccordionOnActive(event, ui)
1512
1513
1514	DataLayer.render( 'templates/configure_calendars.ejs', {user:User, calendars:calendars, signatures:signatures}, function( template ){
1515	var template_content = jQuery('#configure_tab').html( template ).find('.configure-calendars-win');
1516	template_content.find('.button').button().filter('.save').click(function(evt){
1517	template_content.find('form').submit();
1518	$tabs.tabs( "remove", "#configure_tab");
1519	DataLayer.commit( false, false, function( received ){
1520	delete Calendar.currentViewKey;
1521	Calendar.load();
1522	refresh_calendars();
1523	});
1524	}).end().filter('.cancel').click(function(evt){
1525	$tabs.tabs( "remove", "#configure_tab");
1526	});
1527
1528	/**
1529	* Muda a estrutura do template para a aplicação do plugin accordion
1530	*/
1531	template_content.find('.header-menu-container').after('<div class="accordion-user-calendars"></div>').end().find('.accordion-user-calendars')
1532	.append(template_content.children('fieldset'));
1533
1534	template_content.find('.accordion-user-calendars').children('fieldset').each(function(index) {
1535	$(this).before($('<h3></h3>').html($(this).children('legend')));
1536	});
1537
1538	template_content.find('.accordion-user-calendars').accordion({
1539	autoHeight: false,
1540	collapsible: true,
1541	clearStyle: true,
1542	active: previewActiveCalendarConf,
1543	changestart: populateAccordionOnActive
1544	});
1545	populateAccordionOnActive(previewActiveCalendarConf);
1546	});
1547
1548	} else {
1549
1550	$tabs.tabs("select", "#configure_tab");
1551	$('.accordion-user-calendars').accordion( "activate" , previewActiveCalendarConf );
1552
1553	return true;
1554	}
1555
1556	}
1557
1558	function getSelectedCalendars( reverse ){
1559	var selecteds = {};
1560	var cont = 0;
1561	jQuery(function() {
1562	jQuery(".my-calendars .calendar-view").each(function(i, obj) {
1563	var check_box = obj;
1564	if( reverse ? !check_box.checked : check_box.checked ) {
1565	selecteds[cont] = obj.value;
1566	cont++;
1567	};
1568	});
1569	});
1570	if (!cont)
1571	return false;
1572
1573	selecteds.length = cont;
1574	return $.makeArray( selecteds );
1575	}
1576
1577	/**
1578	* TODO - transformar em preferência do módulo e criar telas de adição e exclusão de conjunto de cores
1579	*/
1580	function colors_suggestions(){
1581	return [
1582	{name:'Padrão', border:'#3366cc', font:'#ffffff', background:'#3366cc'},
1583	{name:'Coala', border:'#123456', font:'#ffffff', background:'#385c80'},
1584	{name:'Tomate', border:'#d5130b', font:'#111111', background:'#e36d76'},
1585	{name:'Limão', border:'#32ed21', font:'#1f3f1c', background:'#b2f1ac'},
1586	{name:'Alto contraste', border:'#000000', font:'#ffffff', background:'#222222'}
1587	]
1588	}
1589
1590	function remove_event(eventId){
1591	$.Zebra_Dialog('Tem certeza que deseja excluir o evento?', {
1592	'type': 'question',
1593	'overlay_opacity': '0.5',
1594	'buttons': ['Sim', 'Não'],
1595	'onClose': function(clicked) {
1596	if(clicked == 'Sim'){
1597	DataLayer.remove('schedulable', ''+eventId);
1598	window.setTimeout(function() {DataLayer.commit();}, 500);
1599	}
1600	}
1601	});
1602	}
1603
1604
1605	function remove_calendar(){
1606	/* Pode ser assim $('.cal-list-options-btn.ui-state-active').attr('class').replace(/[a-zA-Z-]+/g, ''); */
1607	$.Zebra_Dialog('Todos os eventos desta agenda serão removidos. Deseja prosseguir com a operação?', {
1608	'type': 'question',
1609	'overlay_opacity': '0.5',
1610	'buttons': ['Sim', 'Não'],
1611	'onClose': function(clicked) {
1612	if(clicked == 'Sim'){
1613	var idCalendar = $('.cal-list-options-btn.ui-state-active').attr('class').match(/[0-9]+/g);
1614
1615	DataLayer.remove('calendarSignature', Calendar.signatureOf[idCalendar[0]].id );
1616
1617	if(idCalendar == User.preferences.defaultCalendar)
1618	DataLayer.remove( 'modulePreference', User.preferenceIds['defaultCalendar']);
1619
1620	DataLayer.commit( false, false, function( received ){
1621	delete Calendar.currentViewKey;
1622	Calendar.load();
1623	refresh_calendars();
1624	});
1625	}
1626	$('.positionHelper').css('display', 'none');
1627
1628	}
1629	});
1630	}
1631
1632	function refresh_calendars(){
1633
1634	var colorsSuggestions = colors_suggestions();
1635	var buttons_colors = "";
1636	for(var i = 0; i < colorsSuggestions.length; i++){
1637	buttons_colors += "<a class=\"cal-colors-options-btn ui-icon ui-button-icon-primary signed-cal-colors-options-btn-"+i+"\" style=\"background-color:"+colorsSuggestions[i]['background']+"; border-color:"+colorsSuggestions[i]['border']+"; color:"+colorsSuggestions[i]['font']+"\">•</a>";
1638	}
1639
1640	//DataLayer.render( 'templates/calendar_list.ejs', 'calendar:list', ["IN", "id", Calendar.calendarIds], function( html ){
1641	DataLayer.render( 'templates/calendar_list.ejs', Calendar, function( html ){
1642
1643	var meu_container = $(".calendars-list").html( html );
1644
1645	$('ul.list-calendars .cal-list-options-btn').each(function(){
1646	$(this).menu({
1647	content: $(this).next().html(),
1648	width: '120',
1649	positionOpts: {
1650	posX: 'left',
1651	posY: 'bottom',
1652	offsetX: 0,
1653	offsetY: 0,
1654	directionH: 'right',
1655	directionV: 'down',
1656	detectH: true, // do horizontal collision detection
1657	detectV: true, // do vertical collision detection
1658	linkToFront: false
1659	},
1660	flyOut: true,
1661	showSpeed: 100,
1662	crumbDefaultText: '>'
1663	});
1664	});
1665
1666	meu_container.find(".button.new-calendar").button({
1667	icons: {
1668	primary: "ui-icon-plus"
1669	},
1670	text: false
1671	}).click(function () {
1672
1673	if( $('.qtip.qtip-blue.qtip-active').val() !== ''){
1674	$(this).qtip({
1675	show: {ready: true, solo: true, when: {event: 'click'}},
1676	hide: false,
1677	content: {
1678	text: $('<div></div>').html( DataLayer.render( 'templates/calendar_quick_add.ejs', {} ) ),
1679	title: {
1680	text:'Nova Agenda',
1681	button: '<a class="button close" href="#">close</a>'
1682	}
1683	},
1684	style: {name: 'blue', tip: {corner: 'leftMiddle'}, border: {width: 4, radius: 8}, width: {min: 230, max:230}},
1685	position: {
1686	corner: {
1687	target: 'rightMiddle',
1688	tooltip: 'leftMiddle'
1689	},
1690	adjust: {x:0, y:-12}
1691	}
1692	})
1693	.qtip("api").onShow = function(arg0) {
1694	$('.qtip-active .button.close').button({
1695	icons: {primary: "ui-icon-close"},
1696	text: false
1697	})
1698	.click(function(){
1699	meu_container.find(".button.new-calendar").qtip('destroy');
1700	});
1701	//TODO emplementar tratamento de duplicação de valores no location
1702	$('.qtip-active .button.save').button().click(function(){
1703	for(var i = 0; i < Calendar.calendars.length; i++){
1704	if(Calendar.calendars[i].location == $('.qtip-active input').val()){
1705	$.Zebra_Dialog('O nome desta agenda já está sendo utilizada em uma Url de outra agenda. Por favor, informe outro nome para agenda.',{
1706	'overlay_opacity': '0.5',
1707	'type': 'warning'
1708	});
1709	meu_container.find(".button.new").qtip('destroy');
1710	return;
1711	}
1712	}
1713
1714	var selected;
1715	var color = $('.cal-colors-options-btn').each(function(index){
1716	if ($(this).is('.color-selected'))
1717	selected = index;
1718	});
1719	DataLayer.put( "calendarSignature", {
1720	user: User.me.id,
1721	calendar: {
1722	name: Encoder.htmlEncode($('.qtip-active input').val()),
1723	timezone: User.preferences.timezone
1724	},
1725	isOwner: 1,
1726	fontColor: colorsSuggestions[selected]['font'].substring(1) ,
1727	backgroundColor: colorsSuggestions[selected]['background'].substring(1) ,
1728	borderColor: colorsSuggestions[selected]['border'].substring(1)
1729	});
1730	DataLayer.commit( false, false, function( received ){
1731	delete Calendar.currentViewKey;
1732	Calendar.load();
1733	refresh_calendars();
1734	});
1735	meu_container.find(".button.new").qtip('destroy');
1736	});
1737
1738	$('.qtip-active .button.cancel').button().click(function(){
1739	meu_container.find(".button.new").qtip('destroy');
1740	});
1741
1742	$(".qtip-active input").Watermark("Nome da agenda");
1743
1744	$('.qtip-active').keydown(function(event) {
1745	if (event.keyCode == '27') {
1746	meu_container.find(".button.new").qtip('destroy');
1747	}
1748	});
1749
1750	$('.colors-options').prepend(buttons_colors);
1751	$('.colors-options .signed-cal-colors-options-btn-0').addClass('color-selected');
1752
1753	var buttons = $('.cal-colors-options-btn').button();
1754
1755	buttons.click(function(){
1756	buttons.removeClass('color-selected');
1757	$(this).addClass('color-selected');
1758	});
1759	}
1760	}
1761	});
1762
1763	$("img.cal-list-img").click(function(evt) {
1764	$(".cal-list-options_1").toggleClass( "hidden" );
1765	});
1766
1767	$(".my-calendars a.title-my-calendars").click(function() {
1768	$(".my-calendars ul.my-list-calendars").toggleClass("hidden")
1769	$('.my-calendars .status-list').toggleClass("ui-icon-triangle-1-s");
1770	$('.my-calendars .status-list').toggleClass("ui-icon-triangle-1-e");
1771	});
1772
1773	$(".signed-calendars a.title-signed-calendars").click(function() {
1774	$(".signed-calendars ul.signed-list-calendars").toggleClass( "hidden");
1775	});
1776
1777	$("ul li.list-calendars-item").click(function(evt) {
1778
1779	});
1780
1781	$("ul li.list-calendars-item .ui-corner-all").click(function(evt) {
1782	//alert('teste');
1783	});
1784
1785	meu_container.find(".button.new-calendar-shared").button({
1786	icons: {
1787	primary: "ui-icon-plus"
1788	},
1789	text: false
1790	}).click(function (event) {
1791	show_modal_search_shared();
1792	});
1793
1794
1795	//TODO Implementar ocultar agendas.
1796	meu_container.find('.title-signed-calendars').click(function(evt){
1797	var status = $(this).parent().find('.status-list-shared');
1798
1799	if(status.hasClass('ui-icon-triangle-1-s'))
1800	status.removeClass('ui-icon-triangle-1-s').addClass('ui-icon-triangle-1-e');
1801	else
1802	status.removeClass('ui-icon-triangle-1-e').addClass('ui-icon-triangle-1-s');
1803	});
1804
1805	$('.calendar-view').click(function(evt){
1806	if($tabs.tabs('option' ,'selected') == 1){
1807	pageselectCallback('', 0);
1808	}
1809
1810	if(Calendar.currentView){
1811	var checkBox = $(this);
1812	if(!!Calendar.currentView[ checkBox.val() ]){
1813	Calendar.currentView[ checkBox.val() ].hidden = !checkBox.is(':checked');
1814	$('#calendar').fullCalendar( 'refetchEvents' );
1815	}
1816	}
1817	});
1818	});
1819	}
1820
1821	function add_events_list(keyword)
1822	{
1823	var tab_title = "";
1824	if (keyword){
1825	if(keyword.length < 10)
1826	tab_title = keyword;
1827	else
1828	tab_title = keyword.substr(0,10) + '..."';
1829	}else{
1830	tab_title = "Lista de eventos";
1831	}
1832	keyword = ( keyword \|\| '' ).replace( /\s+/g, "_" );
1833
1834	if(!(document.getElementById('tab_events_list_' + (Base64.encode(keyword)).replace(/[^\w\s]/gi, "") )))
1835	{
1836	Encoder.EncodeType = "entity";
1837	$tabs.tabs( "add", "#tab_events_list_" + (Base64.encode(keyword)).replace(/[^\w\s]/gi, ""), Encoder.htmlEncode(tab_title) );
1838	}
1839	else /* Tab already opened */
1840	{
1841	$tabs.tabs("option", "selected", 2);
1842	}
1843
1844	pageselectCallback(keyword, 0); // load page 1 and insert data on event_list.ejs
1845
1846	$('.preferences-win.active .button.save, .preferences-win.active .button.cancel, .preferences-win.active .button.import, .preferences-win.active .button.export').button();
1847	}
1848
1849	function paginatorSearch(currentView){
1850	$(currentView+' .header-paginator .fc-header-left .fc-button').hover(
1851	function(){
1852	$(this).addClass('fc-state-hover');
1853	},
1854	function(){
1855	$(this).removeClass('fc-state-hover');
1856	}).mousedown(function(){
1857	$(this).addClass('fc-state-down');
1858	}).mouseup(function(){
1859	$(this).removeClass('fc-state-down');
1860	$('.events-list.events-list-win.active').removeClass('active');
1861	var paginator = $(this).attr('class');
1862	if(paginator.indexOf('next') > 0){
1863	if(parseInt($(currentView+' [name = results]').val()) > 25)
1864	pageselectCallback($(currentView+' [name = keyword]').val(), ((parseInt($(currentView+' [name = page_index]').val())) +1));
1865	}else{
1866	if(parseInt($(currentView+' [name = page_index]').val()) > 0)
1867	pageselectCallback($(currentView+' [name = keyword]').val(), ((parseInt($(currentView+' [name = page_index]').val())) -1));
1868	}
1869	});
1870	}
1871
1872	function mountTitleList(page_index ,view){
1873	switch (view){
1874	case 'day':
1875	case 'basicDay':
1876	var date = new Date().add({days: page_index});
1877	return (dateCalendar.dayNames[date.getDay()])+", "+(date.toString('dd MMM yyyy'));
1878	case 'agendaWeek':
1879	case 'week':
1880	var dateStart = new Date().moveToDayOfWeek(dateCalendar.dayOfWeek[User.preferences.weekStart]);
1881	dateStart.add({days: (7 * page_index)});
1882	var dateEnd = new Date().moveToDayOfWeek(dateCalendar.dayOfWeek[User.preferences.weekStart]);
1883	dateEnd.add({days: (page_index * 7)+7});
1884	if(dateStart.toString('MM') != dateEnd.toString('MM'))
1885	return dateStart.toString('dd')+' de '+dateCalendar.monthNamesShort[dateStart.getMonth()]+' a '+dateEnd.toString('dd')+' de '+dateCalendar.monthNames[dateEnd.getMonth()]+' - '+dateEnd.toString('yyyy');
1886	return +dateStart.toString("dd")+" a "+dateEnd.toString("dd")+" de "+dateCalendar.monthNames[dateEnd.getMonth()]+" - "+dateEnd.toString('yyyy');
1887	case 'month':
1888	var date = new Date().add({months: page_index})
1889	return dateCalendar.monthNames[date.getMonth()]+" "+date.toString("yyyy");
1890	case 'year':
1891	var date = new Date().add({years: page_index});
1892	return date.toString("yyyy");
1893	}
1894	}
1895
1896	function paginatorList(currentView, view){
1897	$(currentView+' .events-list.events-list-win.active .list-events-paginator .fc-header-title').html('<h2>'+mountTitleList( parseInt($('[name = page_index]').val()),view)+'</h2>');
1898	$(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right .fc-button').removeClass('fc-state-active')
1899	if(view == 'basicDay')
1900	$(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right .fc-button-agendaday').addClass('fc-state-active');
1901	else
1902	$(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right .fc-button-'+((view == 'day' \|\| view == 'week') ? 'agenda'+view : view )).addClass('fc-state-active');
1903	$(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right').addClass('list-right');
1904
1905	$(currentView+' .header-paginator .fc-header-right .fc-button').hover(
1906	function(){
1907	$(this).addClass('fc-state-hover');
1908	},
1909	function(){
1910	$(this).removeClass('fc-state-hover');
1911	}).mousedown(function(){
1912	$(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right .fc-button').removeClass('fc-state-active')
1913	$(this).addClass('fc-state-active');
1914	}).mouseup(function(){
1915	var goView = $(this).attr('class');
1916	if(goView.indexOf('agendaDay') > 0)
1917	pageselectCallback($(currentView+' [name = keyword]').val(), 0, '', 'day');
1918	else if(goView.indexOf('month') > 0)
1919	pageselectCallback($(currentView+' [name = keyword]').val(), 0, '', 'month');
1920	else if(goView.indexOf('year') > 0)
1921	pageselectCallback($(currentView+' [name = keyword]').val(), 0, '', 'year');
1922	else if(goView.indexOf('agendaWeek') > 0)
1923	pageselectCallback($(currentView+' [name = keyword]').val(), 0, '', 'week');
1924
1925	});
1926
1927	$(currentView+' .header-paginator .fc-header-left .fc-button').hover(
1928	function(){
1929	$(this).addClass('fc-state-hover');
1930	},
1931	function(){
1932	$(this).removeClass('fc-state-hover');
1933	}).mousedown(function(){
1934	$(this).addClass('fc-state-down');
1935	}).mouseup(function(){
1936	$(this).removeClass('fc-state-down');
1937	var paginator = $(this).attr('class');
1938	if(paginator.indexOf('next') > 0)
1939	pageselectCallback($(currentView+' [name = keyword]').val(), ((parseInt($('[name = page_index]').val())) +1), '', view);
1940	else
1941	pageselectCallback($(currentView+' [name = keyword]').val(), ((parseInt($('[name = page_index]').val())) -1), '', view);
1942	});
1943	}
1944
1945	function paginatorListEvent(currentView, typeView, view){
1946	if(!!$(currentView).find('.fc-calendar').length)
1947	return;
1948	$(currentView+' .events-list.events-list-win.active').prepend($('.fc-header').clone());
1949	//Remove contudo nao utilizado
1950	$(currentView+' .events-list.events-list-win.active .fc-header .fc-button-today').remove();
1951	$(currentView+' .events-list.events-list-win.active .fc-header .fc-button-basicWeek').remove();
1952	$(currentView+' .events-list.events-list-win.active .fc-header .fc-button-basicDay').remove();
1953
1954	//Adiciona e remove as classes para esta visualizacao
1955	$(currentView+' .events-list.events-list-win.active .fc-header .fc-header-center').addClass('list-events-paginator');
1956	$(currentView+' .events-list.events-list-win.active .fc-header .list-events-paginator').removeClass('fc-header-center');
1957
1958	//Adicionar class no header padronizar com a tela principal
1959	$(currentView+' .events-list.events-list-win.active .fc-header').addClass('header-paginator');
1960	$(currentView+' .events-list.events-list-win.active .header-paginator').removeClass('fc-header');
1961
1962	if(typeView == 'search'){
1963	$(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right').remove()
1964	$(currentView+' .events-list.events-list-win.active .list-events-paginator .fc-header-title').html('<h2>Resultados para: '+$(currentView+' [name = keyword]').val()+'</h2>');
1965	if((parseInt($(currentView+' [name = page_index]').val()) == 0) && (parseInt($(currentView+' [name = results]').val()) <= 25))
1966	return;
1967	paginatorSearch(currentView);
1968	}else
1969	paginatorList(currentView, view);
1970	}
1971
1972	function mountCriteriaList(view, page_index, calerdars_selecteds){
1973	var rangeStart , rangeEnd;
1974	switch (view){
1975	case 'basicDay':
1976	case 'day':
1977	rangeStart = new Date().add({days: page_index}).getTime();
1978	rangeEnd = rangeStart;
1979	break;
1980	case 'agendaWeek':
1981	case 'week':
1982	var dateStart = new Date().moveToDayOfWeek(dateCalendar.dayOfWeek[User.preferences.weekStart]);
1983	var dateEnd = new Date().moveToDayOfWeek(dateCalendar.dayOfWeek[User.preferences.weekStart]);
1984	rangeStart = dateStart.add({days: (7 * page_index)}).getTime();
1985	rangeEnd = dateEnd.add({days: (7 * page_index)+7}).getTime();
1986	break;
1987	case 'month':
1988	var date = Date.today().add({months: page_index})
1989	rangeStart = date.moveToFirstDayOfMonth().getTime();
1990	rangeEnd = date.moveToLastDayOfMonth().getTime();
1991	break;
1992	case 'year':
1993	var dateStart = new Date().add({years: page_index});
1994	var dateEnd = new Date().add({years: page_index});
1995	if(dateStart.getMonth() != 0)
1996	dateStart.moveToMonth(0, -1)
1997	if(dateEnd.getMonth() != 11)
1998	dateEnd.moveToMonth(11)
1999	rangeStart = dateStart.moveToFirstDayOfMonth().getTime();
2000	rangeEnd = dateEnd.moveToLastDayOfMonth().getTime();
2001	break;
2002	}
2003
2004	var timezone = {};
2005	for(var i in Calendar.signatureOf)
2006	timezone[i] = Calendar.signatureOf[i].calendar.timezone;
2007
2008	return {filter: ['AND', ['>=', 'rangeStart', rangeStart], ['<=', 'rangeEnd', rangeEnd] , ['IN', 'calendar', calerdars_selecteds]], criteria: {deepness: 2, order: 'startTime', timezones: timezone}};
2009
2010	}
2011
2012	function pageselectCallback(keyword, page_index, jq, view){
2013
2014	var selecteds = getSelectedCalendars();
2015	if(!selecteds && (keyword != '' && keyword != null)){
2016	jQuery('#tab_events_list_' + ((Base64.encode(keyword)).replace(/[^\w\s]/gi, "")\|\| '')).html(
2017	'<div title="Lista de eventos" class="events-list events-list-win active empty">' +
2018	'<label>Por favor selecione ao menos uma agenda.</label>' +
2019	'</div>'
2020	);
2021	}else{
2022	var criteria = null;
2023	if(keyword == '' \|\| keyword == null)
2024	criteria = mountCriteriaList(!!view ? view : User.preferences.defaultCalView, page_index, selecteds)
2025	else
2026	criteria = {filter: ['AND', ['OR', ["i", "summary", keyword], ["i", "description", keyword]], ['IN', 'calendar', selecteds]], criteria: {order: 'startTime', offset: (25 * page_index), limit: (((25 * page_index) + 25) + 1), deepness: 2}};
2027	var results = DataLayer.get('schedulable:detail', criteria);
2028	keyword = ( keyword \|\| '' ).replace( /\s+/g, "_" );
2029	}
2030	// não há resultados
2031	if ((((typeof(results) == 'undefined') \|\| (!results.events_list )) && selecteds) &&(keyword != '' && keyword != null)) {
2032	jQuery('#tab_events_list_' + ((Base64.encode(keyword)).replace(/[^\w\s]/gi, "")\|\| '')).html(
2033	'<div title="Lista de eventos" class="events-list events-list-win active empty">' +
2034	'<label>Não foi encontrado nenhum evento correspondente à sua pesquisa.</label>' +
2035	'</div>'
2036	);
2037	// há resultados e Agendas Selecionadas
2038	} else{
2039	if(typeof(results) != 'undefined'){
2040	results['page_index'] = page_index;
2041	results['keyword'] = keyword;
2042
2043	DataLayer.render( 'templates/event_list.ejs', results, function( html ){
2044	var currentView = '#tab_events_list_' + ((Base64.encode(keyword)).replace(/[^\w\s]/gi, "") \|\| '');
2045	jQuery(currentView).html( html );
2046	jQuery('.events-list-win .menu-container .button').button();
2047
2048	$(".event-details-item").parent().click(function(){
2049
2050	$(this).siblings("div.details-event-list").toggleClass("hidden")
2051	.find('.button.delete').click(function(){
2052	var eventId = $(this).siblings('[name="eventid"]').val();
2053	$.Zebra_Dialog('Tem certeza que deseja excluir o evento?', {
2054	'type': 'question',
2055	'overlay_opacity': '0.5',
2056	'buttons': ['Sim', 'Não'],
2057	'onClose': function(clicked) {
2058	if(clicked == 'Sim'){
2059	DataLayer.remove('schedulable', eventId);
2060	}
2061	}
2062	});
2063	})
2064	.end().find('.button.edit').click(function(){
2065	eventDetails( DataLayer.get( "schedulable", $(this).siblings('[name="eventid"]').val() ), true );
2066	});
2067
2068	});
2069	paginatorListEvent(currentView, (keyword == '' \|\| keyword == null) ? 'list' : 'search', !!view ? view : User.preferences.defaultCalView);
2070	});
2071	}else{
2072	var currentView = '#tab_events_list_' + ((Base64.encode(keyword)).replace(/[^\w\s]/gi, "") \|\| '');
2073	jQuery('#tab_events_list_' + ((Base64.encode(keyword)).replace(/[^\w\s]/gi, "")\|\| '')).html(
2074	'<div title="Lista de eventos" class="events-list events-list-win active empty">' +
2075	'<input type="hidden" name="page_index" value="'+page_index+'"></inpunt>'+
2076	'<input type="hidden" name="keyword" value="'+keyword+'"></inpunt>'+
2077	'<label>Não foram encontrados eventos neste intervalo.</label>' +
2078	'</div>'
2079	);
2080	paginatorListEvent(currentView, 'list', !!view ? view : User.preferences.defaultCalView);
2081	}
2082
2083	}
2084
2085	}
2086
2087	function show_modal_import_export(tab, calendarId) {
2088	DataLayer.render( 'templates/import_export.ejs', {calendars: Calendar.calendars, owner: User.me.id}, function( html ){
2089
2090	if (!UI.dialogs.importCalendar) {
2091	UI.dialogs.importCalendar = jQuery('#div-import-export-calendar')
2092	.append('<div title="Importar e Exportar Eventos" class="import-export import-export-win active"> <div>')
2093	.find('.import-export-win.active').html(html).dialog({
2094	resizable: false,
2095	modal:true,
2096	width:500,
2097	position: 'center'
2098	});
2099
2100	} else {
2101	UI.dialogs.importCalendar.html(html);
2102	}
2103
2104	var tabsImportExport = UI.dialogs.importCalendar.find(".tabs-import-export").tabs({selected: tab});
2105
2106	UI.dialogs.importCalendar.find('.button').button();
2107
2108	tabsImportExport.find('option[value="'+calendarId+'"]').attr('selected','selected').trigger('change');
2109
2110
2111	UI.dialogs.importCalendar.find(".menu-import-event")
2112	.children(".import").click(function(data){
2113	$('.import-event-form', UI.dialogs.importCalendar).submit();
2114	UI.dialogs.importCalendar.dialog("close");
2115	isValidCalback = true;
2116	/**
2117	* TODO - implementar ação de importação
2118	*/
2119	});
2120
2121	UI.dialogs.importCalendar.find(".menu-export-event")
2122	.children(".export").click(function(){
2123
2124	$('.export-event-form', UI.dialogs.importCalendar).submit();
2125	UI.dialogs.importCalendar.dialog("close");
2126	/**
2127	* TODO - implementar ação de exportação
2128	*/
2129	});
2130
2131	UI.dialogs.importCalendar.find(".menu-container")
2132	.children(".cancel").click(function(){
2133	UI.dialogs.importCalendar.dialog("close");
2134	});
2135
2136	UI.dialogs.importCalendar.dialog("open");
2137	});
2138	}
2139
2140	function copyAndMoveTo(calendar, eventId){
2141
2142	var type = $('.calendar-copy-move input[name="typeEvent"]').val();
2143
2144	var schedulable = DataLayer.get('schedulable' , ''+eventId);
2145
2146	if(typeof(schedulable) == "array")
2147	schedulable = schedulable[0];
2148
2149	//Move eventos entre agendas
2150	if(!!parseInt(type)){
2151
2152	schedulable.calendar = calendar;
2153	DataLayer.put('schedulable', schedulable);
2154
2155	DataLayer.commit();
2156	//copia eventos entre agendas
2157	}else{
2158
2159	var newSchedulable = schedulable;
2160
2161	delete newSchedulable.id;
2162	delete newSchedulable.uid;
2163	delete newSchedulable.sequence;
2164	delete newSchedulable.dtstamp;
2165	delete schedulable.calendar;
2166	delete schedulable.DayLigth;
2167	delete schedulable.rangeStart
2168	delete schedulable.rangeEnd;
2169	delete schedulable.lastUpdate;
2170	delete schedulable.repeat;
2171
2172
2173	schedulable.calendar = DataLayer.copy(calendar);
2174
2175	newSchedulable.endTime = new Date(parseInt(newSchedulable.endTime) - (newSchedulable.allDay ? 86400000 : 0)).toString('yyyy-MM-dd hh:mm:00');
2176	newSchedulable.startTime = new Date(parseInt(newSchedulable.startTime)).toString('yyyy-MM-dd hh:mm:00');
2177
2178	var participants = DataLayer.copy(schedulable.participants);
2179	delete schedulable.participants;
2180
2181	schedulable.participants = $.map( participants, function( attendee, i ){
2182
2183	var participant = DataLayer.get('participant', attendee);
2184
2185	if(typeof(participant) == 'array')
2186	participant = participant[0];
2187
2188	delete participant.id;
2189
2190	return participant ;
2191	});
2192
2193
2194
2195	DataLayer.put('schedulable', newSchedulable);
2196
2197	}
2198
2199
2200	}

Note: See TracBrowser for help on using the repository browser.

Download in other formats: