Context Navigation

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

Revision 5376, 59.3 KB checked in by acoutinho, 12 years ago (diff)
Ticket #2434 - Estabilizacao da nova api, correcoes de bug e melhorias na nova agenda

Line
1	/*
2	Todo Otimizar caulculo de timezone
3	Objeto Date.toString() retorna a data com inserção do offset
4	Objeto Date.getTime() retorna a data sem inserção do offset
5	*/
6	function checkTimezoneCalendar(idCalendar, timezone){
7	var obj = DataLayer.get('calendar', idCalendar);
8	if(User.timezones[obj.timezone] == timezone)
9	return true;
10	else
11	return false;
12	}
13
14	function setDateTimezone(date, timezone, existsTimezone, idCalendar){
15
16	if(!existsTimezone)
17	return date;
18	if(idCalendar)
19	if(checkTimezoneCalendar(idCalendar, timezone))
20	return getDateTimezone(date, timezone, false);
21
22	var timezoneOffset = '';
23	if(User.isDaylightSaving == '1')
24	timezoneOffset = parseInt(timezone.substr(2)) - 100;
25	else
26	timezoneOffset = parseInt(timezone.substr(2));
27
28	var timeCurrent = parseInt((date.getTimezoneOffset()/60)+'00')
29	var times = 0;
30	if(timezone.charAt(0) != date.getUTCOffset().charAt(0))
31	times = timeCurrent + timezoneOffset ;
32	else
33	times = timezoneOffset - timeCurrent ;
34
35	if(times == 0)
36	return date;
37	else if(times > 0)
38	return date.setTimezoneOffset('-0'+(times));
39	else
40	return date.setTimezoneOffset('+0'+((times * -1)));
41	}
42
43
44	function getDateTimezone(date, timezone, recursive){
45	if(!timezone)
46	return date;
47
48	var times = 0;
49	currentTimezone = parseInt((date.getTimezoneOffset()/60)+'00');
50	var timezoneOffset = 0;
51	if(User.isDaylightSaving == '1')
52	timezoneOffset = parseInt(timezone.substr(2)) - 100;
53	else
54	timezoneOffset = parseInt(timezone.substr(2));
55
56	var times = timezoneOffset - currentTimezone;
57	if(times == 0){
58	if((timezone.charAt(0) == date.getUTCOffset().charAt(0)) && recursive)
59	return date.setTimezoneOffset( timezone.charAt(0)+'0'+(currentTimezone));
60	else
61	return date;
62	}else if (times > 0)
63	return date.setTimezoneOffset('+0'+(times));
64	else{
65	return date.setTimezoneOffset('-0'+((times * -1) + (currentTimezone * 2)));
66	}
67	}
68
69	function getDateUTC(date, timezone){
70	currentTimezone = parseInt(timezone.substr(2));
71	if(User.isDaylightSaving == '1')
72	currentTimezone = currentTimezone - 100;
73	return(date.setTimezoneOffset(timezone.charAt(0)+'0'+currentTimezone));
74	}
75
76	function createDateTimezone(date, timezone, idCalendar){
77
78	if(checkTimezoneCalendar(idCalendar, timezone))
79	return getDateTimezone(date, timezone, true);
80
81	var times = 0;
82
83	if(timezone.charAt(0) == '+')
84	times = parseInt(timezone.substr(2)) - parseInt((date.getTimezoneOffset()/60)+'00');
85	else
86	times = (parseInt(timezone.substr(2)) + parseInt((date.getTimezoneOffset()/60)+'00')) * (-1);
87	if(times == 0)
88	return date.setTimezoneOffset('0000');
89	else if (times > 0)
90	return date.setTimezoneOffset('+0'+times);
91	else
92	return date.setTimezoneOffset('-0'+(times * -1));
93	}
94
95	function defaultToAmPm( Hour )
96	{
97	var HourAmPm = Hour.split(":");
98	if(HourAmPm[0] == 0)
99	HourAmPm[0] = 12;
100	if(HourAmPm[0] < 12){
101	Hour += (Hour.length == 5) ? " am" : "";
102	}else if(HourAmPm[0] == 12){
103	Hour += (Hour.length == 5) ? " pm" : "";
104	}else
105	Hour = "0"+(HourAmPm[0]-12)+":"+HourAmPm[1]+ ((Hour.length == 5) ? " pm" : "");
106	return Hour;
107	}
108
109	function validDateEvent(){
110	var start_date = $(".new-event-win.active .start-date").val();
111	var end_date = $(".new-event-win.active .end-date").val();
112	var start_time = $(".new-event-win.active .start-time").val();
113	var end_time = $(".new-event-win.active .end-time").val();
114	var isAllDay = $('.new-event-win.active input[name="allDay"]').is(':checked');
115
116	if(start_date == "")
117	return 'Por favor, informe uma data inicial';
118	else if(end_date == "")
119	return 'Por favor, informe uma data final';
120	else if(!isAllDay && start_time == "")
121	return 'Por favor, informe uma hora inicial';
122	else if(!isAllDay && end_time == "")
123	return 'Por favor, informe uma hora final';
124
125	var formatString = (isAllDay)? User.preferences.dateFormat+" HH:mm" : User.preferences.dateFormat + " " + User.preferences.hourFormat;
126
127	var spaces = function(hours){
128	return hours.replace(/\s$/, "");
129	};
130
131	var startDate = Date.parseExact( isAllDay ? start_date+ " 00:00": start_date + " " + spaces(start_time) , formatString );
132	var endDate = Date.parseExact( isAllDay ? end_date+ " 00:00": end_date + " " + spaces(end_time) , formatString );
133
134	if(startDate == null \|\| startDate.getTime() < 0 )
135	return 'Data inicial inválida';
136	if(endDate == null \|\| endDate.getTime() < 0)
137	return 'Data final inválida';
138
139	if((endDate.compareTo(startDate) != 1) && !((endDate.compareTo(startDate) == 0) && (isAllDay))){
140	if(start_date == end_date){
141	if(end_time == start_time)
142	return 'Hora inicial igual a final';
143	else
144	return 'Hora final menor que a inicial';
145
146	}else
147	return 'Data final menor que a inicial';
148	}
149	return false;
150	}
151
152	/*
153	function listEvents(){
154	var list = $('.fc-header-right').find('.fc-button.fc-button-agendaDay').clone();
155	$('.fc-header-right').find('.fc-button-year').toggleClass('fc-corner-right');
156	list.addClass('fc-corner-right');
157	list.addClass('fc-button-listagem');
158	list.removeClass('fc-button-agendaDay');
159	list.removeClass('fc-corner-left');
160	list.find('.fc-button-content').html('Listagem');
161	$('.fc-header-right').append(list);
162	}
163	*/
164	function eventDetails( objEvent, decoded )
165	{
166	if( !decoded )
167	objEvent = DataLayer.decode( "schedulable:calendar", objEvent );
168
169	objEvent = DataLayer.encode( "schedulable:preview", objEvent );
170
171	if(typeof(objEvent.id) == 'undefined'){
172	objEvent.alarms = Calendar.signatureOf[!!User.preferences.defaultCalendar ? User.preferences.defaultCalendar : Calendar.calendarIds[0]].defaultAlarms;
173	objEvent.useAlarmDefault = 1;
174	}
175
176	/**
177	* canDiscardEventDialog deve ser true se não houver alterações no evento
178	*/
179	canDiscardEventDialog = true;
180	/**
181	* zebraDiscardEventDialog é uma flag indicando que uma janela de confirmação (Zebra_Dialog)
182	* já está aberta na tela, uma vez que não é possivel acessar o evento ESC utilizado para fechá-la
183	*/
184	zebraDiscardEventDialog = false;
185
186	DataLayer.render( 'templates/event_add.ejs', {event:objEvent}, function( html ){
187
188	if (!UI.dialogs.addEvent) {
189	UI.dialogs.addEvent = jQuery('#sandbox').append('<div title="Criar Evento" class="new-event-win active"> <div>').find('.new-event-win.active').html(html).dialog({
190	resizable: false,
191	modal:true,
192	autoOpen: false,
193	width:700,
194	position: 'center',
195	close: function(event, ui) {
196	/**
197	* Remove tooltip possivelmente existente
198	*/
199	if ($('dd.attendee-list li:last').data('qtip'))
200	$('dd.attendee-list li:last').qtip('destroy');
201
202	},
203	beforeClose: function(event, ui) {
204
205	if (!canDiscardEventDialog && !zebraDiscardEventDialog) {
206	zebraDiscardEventDialog = true;
207	window.setTimeout(function() {
208	$.Zebra_Dialog('Suas alterações no evento não foram salvas. Deseja descartar as alterações?', {
209	'type': 'question',
210	'overlay_opacity': '0.5',
211	'buttons': ['Descartar alterações', 'Continuar editando'],
212	'onClose': function(clicked) {
213	if(clicked == 'Descartar alterações') {
214	canDiscardEventDialog = true;
215	UI.dialogs.addEvent.dialog('close');
216	}
217
218	/**
219	* Uma vez aberta uma janela de confirmação (Zebra_Dialog), ao fechá-la
220	* com ESC, para que o evento ESC não seja propagado para fechamento da
221	* janela de edição de eventos, deve ser setada uma flag indicando que
222	* já existe uma janela de confirmação aberta.
223	*/
224	if (!clicked) {
225	window.setTimeout(function() {
226	zebraDiscardEventDialog = false;
227	}, 200);
228	}
229	}
230	});
231
232	}, 300);
233
234	}
235	return canDiscardEventDialog;
236	}
237	});
238
239	} else {
240	UI.dialogs.addEvent.html(html);
241	}
242
243	var tabs = UI.dialogs.addEvent.children('.content').tabs();
244	var calendar = DataLayer.get('calendar', objEvent.calendar);
245
246
247	UI.dialogs.addEvent.find(':input').change(function(event){
248	if (event.keyCode != '27' && event.keyCode != '13')
249	canDiscardEventDialog = false;
250	}).keydown(function(event){
251	if (event.keyCode != '27' && event.keyCode != '13')
252	canDiscardEventDialog = false;
253	});
254
255	if (calendar.timezone != objEvent.timezone){
256	UI.dialogs.addEvent.find('.calendar-addevent-details-txt-timezone').find('option[value="'+objEvent.timezone+'"]').attr('selected','selected').trigger('change');
257	UI.dialogs.addEvent.find('.calendar_addevent_details_lnk_timezone').addClass('hidden');
258	$('.calendar-addevent-details-txt-timezone').removeClass('hidden');
259
260	}
261
262	UI.dialogs.addEvent.find('.calendar_addevent_details_lnk_timezone').click(function(e){
263	$(this).addClass('hidden');
264	$('.calendar-addevent-details-txt-timezone').removeClass('hidden');
265
266	e.preventDefault();
267	});
268
269	UI.dialogs.addEvent.find('.button.remove').button({text:false, icons:{primary:'ui-icon-close'}}).click(function(el){
270	var id;
271	if( id = $(this).parent().find('input[name="alarmId[]"]').val())
272	DataLayer.remove('alarm', id);
273	if( $(this).parent().remove().find('li').is(':empty') ) {
274	//alert('nao tem');
275	}
276	});
277
278	/Adicionar alarms padrões, quando alterado a agenda do usuário/
279	UI.dialogs.addEvent.find('select[name="calendar"]').change(function(){
280	if((typeof($('input[name = "idEvent"]').val()) == 'undefined') \|\| ($('input[name = "idEvent"]').val() == '')) {
281	$('input[name = "isDefaultAlarm[]"]').parent().remove();
282	UI.dialogs.addEvent.find('input[name="defaultAlarm"]').parent().removeClass('hidden');
283	var calendarSelected = Calendar.signatureOf[$(this).val()];
284	calendarSelected.useAlarmDefault = 1;
285	if(calendarSelected.defaultAlarms != ""){
286	var li_attach = DataLayer.render('templates/alarms_add_itemlist.ejs', {alarm:calendarSelected});
287	jQuery('.event-alarms-list').append(li_attach).find('.button.remove').button({text:false, icons:{primary:'ui-icon-close'}}).click(function(el) {
288	if( $(this).parent().remove().find('li').is(':empty') ) {
289	//alert('nao tem');
290	}
291
292	});
293	}else{
294	UI.dialogs.addEvent.find('input[name="defaultAlarm"]').parent().addClass('hidden');
295	}
296	}
297	});
298
299	/Checkbox adicionar alarms padrões/
300	UI.dialogs.addEvent.find('input[name="defaultAlarm"]').click(function(){
301	if($(this).attr("checked")){
302	$('input[name="isDefaultAlarm[]"]').parent().remove();
303	var calendarSelected = Calendar.signatureOf[$('select[name="calendar"]').val()];
304	calendarSelected.useAlarmDefault = 1;
305	if(calendarSelected.defaultAlarms != ""){
306	var li_attach = DataLayer.render('templates/alarms_add_itemlist.ejs', {alarm:calendarSelected});
307	jQuery('.event-alarms-list').append(li_attach).find('.button.remove').button({text:false, icons:{primary:'ui-icon-close'}}).click(function(el) {
308	var id;
309	if( id = $(this).parent().find('input[name="alarmId[]"]').val())
310	DataLayer.remove('alarm', id);
311	if( $(this).parent().remove().find('li').is(':empty') ) {
312	//alert('nao tem');
313	}
314
315	});
316	}
317	} else {
318	$('input[name="isDefaultAlarm[]"]').parent().remove();
319	}
320	});
321	/* Checkbox allday */
322	UI.dialogs.addEvent.find('input[name="allDay"]').click(function(){
323	if($(this).attr("checked"))
324	UI.dialogs.addEvent.find('.start-time, .end-time').addClass('hidden');
325	else
326	UI.dialogs.addEvent.find('.start-time, .end-time').removeClass('hidden');
327	});
328
329	UI.dialogs.addEvent.find('.button').button();
330	UI.dialogs.addEvent.find('.button.add').button({
331	icons: {
332	secondary: "ui-icon-plus"
333	}
334	});
335
336	// ==== validation events ====
337	UI.dialogs.addEvent.find(".input-group .h1").Watermark("Evento sem título");
338	if(User.preferences.hourFormat.length == 5) {
339	UI.dialogs.addEvent.find(".end-time, .start-time").mask("99:99");
340	} else {
341	$.mask.definitions['{']='[ap]';
342	$.mask.definitions['}']='[m]';
343	UI.dialogs.addEvent.find(".end-time, .start-time").mask("99:99 {}", {
344	completed:function(){
345	$(this).val(defaultToAmPm($(this).val()));
346	$(this).timepicker("refresh");
347	$(this).val($(this).val().replace(/[\.]/gi, ""));
348	}
349	});
350	}
351	UI.dialogs.addEvent.find(".number").numeric();
352	if(User.preferences.dateFormat.indexOf('-') > 0)
353	UI.dialogs.addEvent.find(".date").mask("99-99-9999");
354	else
355	UI.dialogs.addEvent.find(".date").mask("99/99/9999");
356
357	UI.dialogs.addEvent.find(".menu-addevent")
358	.children(".delete").click(function(){
359	$.Zebra_Dialog('Tem certeza que deseja excluir o evento?', {
360	'type': 'question',
361	'overlay_opacity': '0.5',
362	'buttons': ['Sim', 'Não'],
363	'onClose': function(clicked) {
364	if(clicked == 'Sim'){
365	DataLayer.remove( "schedulable", UI.dialogs.addEvent.find(".id-event").val() );
366	UI.dialogs.addEvent.dialog("close");
367	}
368	}
369	});
370	}).end()
371
372	.children(".cancel").click(function(){
373	DataLayer.rollback('participant');
374	UI.dialogs.addEvent.dialog("close");
375	}).end()
376
377	.children(".save").click(function(){
378	/* Validação */
379	var msg = false;
380	if(msg = validDateEvent()){
381	$(".new-event-win.active").find('.messages-validation').removeClass('hidden').find('.message label').html(msg);
382	return false;
383	}
384
385	canDiscardEventDialog = true;
386
387	UI.dialogs.addEvent.children(".form-addevent").submit();
388	UI.dialogs.addEvent.dialog("close");
389	}).end()
390
391	.children(".export").click(function(){
392	UI.dialogs.addEvent.children(".form-export").submit();
393	});
394
395	UI.dialogs.addEvent.find('input.date').datepicker({dateFormat: 'dd/mm/yy'});
396	UI.dialogs.addEvent.find('input.time').timepicker({
397	closeText: 'Ok',
398	hourGrid: 4,
399	minuteGrid: 10,
400	ampm : ((User.preferences.hourFormat.length > 5) ? true: false),
401	timeFormat: "hh:mm tt",
402	onSelect: function (selectedDateTime){
403	if(!(User.preferences.hourFormat.length == 5))
404	$(this).val(selectedDateTime.replace(/[\.]/gi, ""));
405	},
406	onClose : function (selectedDateTime){
407	if(!(User.preferences.hourFormat.length == 5))
408	$(this).val(selectedDateTime.replace(/[\.]/gi, ""));
409	}
410	});
411
412	UI.dialogs.addEvent.find('.button-add-alarms').click(function(){
413	var li_attach = DataLayer.render('templates/alarms_add_itemlist.ejs', {});
414
415	jQuery('.event-alarms-list').append(li_attach).find('.button.remove').button({text:false, icons:{primary:'ui-icon-close'}}).click(function(el) {
416	if( $(this).parent().remove().find('li').is(':empty') ) {
417	//alert('nao tem');
418	}
419
420	});
421
422	// valicacao de campos numericos
423	$('.number').numeric();
424	});
425
426	// UI.dialogs.addEvent.find('.button-add-attachment').click(function(){
427	// var li_attach =
428	// '<li class="input_label">' +
429	// '<input type="file" name="attachments[]"" />' +
430	// '</li>';
431	// jQuery('.attachments-list').append(li_attach);
432	// });
433
434	DataLayer.render( 'templates/attendee_add.ejs', {event:objEvent}, function( attendeeHtml ){
435
436	// load template of attendees
437	var blkAddAtendee = UI.dialogs.addEvent.find('#calendar_addevent_details6').append(attendeeHtml);
438
439	blkAddAtendee.find('li.attendee .button').addClass('small '+ (objEvent.isOrganizer == 1 ? '' : 'hidden')).button({text:false, icons: {primary:'ui-icon-close'}}).click(function () {
440	DataLayer.remove('participant', $(this).parent().find('[type=checkbox]').val());
441	$(this).parent().remove();
442	});
443	//show or hidden permissions attendees
444	//blkAddAtendee.find('.block-attendee-list #attendees-users li').click(show_permissions_attendees);
445
446	UI.dialogs.addEvent.find(".attendee-list-add .add-attendee-input input").Watermark("digite um email para convidar");
447	/* Trata a edição de um novo participante adicionado
448	*
449	*/
450	var hasNewAttendee = false;
451	blkAddAtendee.find('.attendee-list-add .add-attendee-input input').keydown(function(event) {
452
453	if (event.keyCode == '13' && $(this).val() != '') {
454	Encoder.EncodeType = "entity";
455	$(this).val(Encoder.htmlEncode($(this).val()));
456
457	newAttendeeEmail = false;
458	newAttendeeName = false;
459	skipAddNewLine = false;
460
461	var info = $(this).val();
462
463	/**
464	* email válido?
465	*/
466	info.match(/^[\w!#$%&'+\/=?^`{\|}~-]+(\.[\w!#$%&'+\/=?^`{\|}~-]+)*@(([\w-]+\.)+[A-Za-z]{2,6}\|\[\d{1,3}(\.\d{1,3}){3}\])$/) ?
467	newAttendeeEmail = info : newAttendeeName = info;
468
469	/**
470	* 1) busca no banco para saber se o usuário já existe
471	* 1.1) se existe, atualiza as info na lista de participantes e nao abre o tooltip
472	* 1.2) se não existe
473	* a) salva como novo usuario externo no banco (apenas com email)
474	* b) exibe tooltip pedindo o nome
475	* c) se o usuário preenche tooltip e salva, atualiza com o nome o usuário recém criado
476	* d) se o usuário cancela o tooltip, fica o usuário salvo apenas com email e sem nome
477	*/
478
479	var user = DataLayer.get('user', ["=", "mail", $(this).val()], true);
480
481
482	/**
483	* guarda o último tooltip aberto referente à lista de participantes
484	*/
485	lastEditAttendeeToolTip = [];
486
487	/**
488	* Valida email e salva um participante externo
489	*/
490	var saveContact = function() {
491	Encoder.EncodeType = "entity";
492
493	var currentTip = $('.qtip-active');
494	newAttendeeName = currentTip.find('input[name="name"]').val();
495	newAttendeeEmail = currentTip.find('input[name="mail"]').val();
496
497	var isValidMail = newAttendeeEmail.match(/^[\w!#$%&'+\/=?^`{\|}~-]+(\.[\w!#$%&'+\/=?^`{\|}~-]+)*@(([\w-]+\.)+[A-Za-z]{2,6}\|\[\d{1,3}(\.\d{1,3}){3}\])$/);
498	if (!isValidMail) {
499	currentTip.find('.messages').removeClass('hidden').find('.message label').append('Email inválido.');
500	return false;
501	}
502
503	DataLayer.put('user', {id:userId, name:newAttendeeName, mail:newAttendeeEmail, isExternal:isExternal});
504
505	lastEditAttendeeToolTip.find('label')
506	.filter('.name').html(Encoder.htmlEncode(newAttendeeName)).attr('title', Encoder.htmlEncode(newAttendeeName)).end()
507	.filter('.mail').html(Encoder.htmlEncode(newAttendeeEmail)).attr('title', Encoder.htmlEncode(newAttendeeEmail));
508
509	blkAddAtendee.find('.attendee-list-add .add-attendee-input input').val('');
510	return true;
511	}
512
513	/**
514	* Formata e adequa um tootip abert para edição de um participante na lista
515	*/
516	var onShowToolTip = function(arg0) {
517	$('.qtip-active .button.close').button({
518	icons: {primary: "ui-icon-close"},
519	text: false
520	});
521	$('.qtip-active .button').button()
522	.filter('.save').click(function(event, ui) {
523	if (saveContact()) {
524	lastEditAttendeeToolTip.qtip("destroy");
525	} else {
526	return false;
527	}
528	}).end()
529	.filter('.cancel').click(function(event, ui) {
530	lastEditAttendeeToolTip.qtip("destroy");
531	})
532
533	/**
534	* Trata o ENTER no campo da tooltip, equivalente a salvar
535	* o novo convidado.
536	*/
537	$('.qtip-active input').keydown(function(event) {
538	if (event.keyCode == '13') {
539	if (saveContact()) {
540	lastEditAttendeeToolTip.qtip("destroy");
541	}
542
543	lastEditAttendeeToolTip.qtip("destroy");
544	event.preventDefault();
545	}
546	})
547	.filter('[name="name"]').Watermark("informe o nome do contato").end()
548	.filter('[name="mail"]').Watermark("informe o email do contato");
549	}
550
551
552	/**
553	* Se o email digitado já foi adicionado na lista,
554	* o usuário deve ser avisado e um botão de edição deve ser exibido
555	*/
556	if(blkAddAtendee.find('label.mail[title="' + newAttendeeEmail + '"]').length) {
557	hasNewAttendee = false;
558	newAttendeeName = blkAddAtendee.find('label.mail[title="' + newAttendeeEmail + '"]').parents('li').find('label.name').attr('title');
559
560	blkAddAtendee.find('.email-validation').removeClass('hidden')
561	.find('.message label').html("O usuário acima já foi adicionado! <a class=\"small button\">Editar</a>")
562	.find(".button").button().click(function () {
563	/**
564	* Se o usuário optar por editar o participante anteriormente adicionado,
565	* uma tooltip deve ser aberta para este participante, viabilizando a edição
566	*/
567	blkAddAtendee.find("ul.attendee-list").scrollTo('label.mail[title="' + newAttendeeEmail + '"]');
568	/**
569	* Remove tooltip possivelmente existente
570	*/
571	if (lastEditAttendeeToolTip.length && lastEditAttendeeToolTip.data('qtip'))
572	lastEditAttendeeToolTip.qtip('destroy');
573
574	lastEditAttendeeToolTip = blkAddAtendee.find('label.mail[title="' + newAttendeeEmail + '"]').parents('li');
575	lastEditAttendeeToolTip.qtip({
576	show: {ready: true, solo: true, when: {event: 'click'}},
577	hide: false,
578	content: {
579	text: $('<div></div>').html( DataLayer.render( 'templates/attendee_quick_edit.ejs', {attendee:{name:newAttendeeName, mail:newAttendeeEmail}} ) ),
580	title: {
581	text:'Detalhes do participante',
582	button: '<a class="button close" href="#">close</a>'
583	}
584	},
585	style: {name: 'blue', tip: {corner: 'leftMiddle'}, border: {width: 4, radius: 8}, width: {min: 230, max:230}},
586	position: {
587	corner: {
588	target: 'rightMiddle',
589	tooltip: 'leftMiddle'
590	},
591	adjust: {x:0, y:0}
592	}
593	});
594	lastEditAttendeeToolTip.qtip("api").onShow = onShowToolTip;
595	});
596	skipAddNewLine = true;
597	} else {
598	hasNewAttendee = true;
599	blkAddAtendee.find('.email-validation').addClass('hidden');
600	}
601
602
603	var isExternal = (user) ? user.isExternal : 1;
604
605	/**
606	* Remove tooltip possivelmente existente
607	*/
608	if (lastEditAttendeeToolTip.length && lastEditAttendeeToolTip.data('qtip'))
609	lastEditAttendeeToolTip.qtip('destroy');
610
611	userId = '';
612	var newAttendeeId = '';
613
614	if (user){
615	if (!skipAddNewLine) {
616	user[0].id = DataLayer.put('participant', {user: user[0].id, isExternal: 1});
617	blkAddAtendee.find('dd.attendee-list ul.attendee-list').append(
618	DataLayer.render('templates/participants_add_itemlist.ejs', user)
619	)
620	.find('.button.close').addClass('small').button({text:false, icons:{primary:'ui-icon-close'}}).click(function() {
621	DataLayer.remove('participant', $(this).parent().find('[type=checkbox]').val());
622	$(this).parent().remove();
623	}).end()
624	.scrollTo('max');
625	}
626
627	$(this).val('');
628
629	} else if (!skipAddNewLine) {
630	/**
631	* a) salva como novo usuario externo no banco (apenas com email) e...
632	* adiciona novo contato externo à lista de convidados
633	*/
634
635	userId = DataLayer.put('user', {name: newAttendeeName, mail: newAttendeeEmail, isExternal: isExternal});
636	newAttendeeId = DataLayer.put('participant', {user: userId, isExternal: isExternal});
637
638
639	blkAddAtendee.find('dd.attendee-list ul.attendee-list').append(
640	DataLayer.render('templates/participants_add_itemlist.ejs', [{id:newAttendeeId, name: newAttendeeName, mail: newAttendeeEmail, isExternal: 1}])
641	).find('.button.close').addClass('small').button({text:false, icons:{primary:'ui-icon-close'}}).click(function() {
642	DataLayer.remove('participant', $(this).parent().find('[type=checkbox]').val());
643	$(this).parent().remove();
644	}).end()
645	.scrollTo('max');
646
647
648	/**
649	* Adiciona tootip para atualização dos dados do contato externo
650	* recém adicionado.
651	*/
652	lastEditAttendeeToolTip = blkAddAtendee.find('dd.attendee-list li:last');
653	lastEditAttendeeToolTip.qtip({
654	show: {ready: true, solo: true, when: {event: 'click'}},
655	hide: false,
656	content: {
657	text: $('<div></div>').html( DataLayer.render( 'templates/attendee_quick_edit.ejs', {attendee:{name:newAttendeeName, mail:newAttendeeEmail}} ) ),
658	title: {
659	text:'Detalhes do participante',
660	button: '<a class="button close" href="#">close</a>'
661	}
662	},
663	style: {name: 'blue', tip: {corner: 'leftMiddle'}, border: {width: 4, radius: 8}, width: {min: 230, max:230}},
664	position: {
665	corner: {
666	target: 'rightMiddle',
667	tooltip: 'leftMiddle'
668	},
669	adjust: {x:0, y:0}
670	}
671	});
672
673	lastEditAttendeeToolTip.qtip("api").onShow = onShowToolTip;
674
675	$(this).val('');
676
677
678	}
679	event.preventDefault();
680	}
681
682	});
683
684	/**
685	* Trata a busca de usuários para adição de participantes
686	*/
687	blkAddAtendee.find('.add-attendee-search input').keydown(function(event) {
688
689	if(event.keyCode == '13') {
690	Encoder.EncodeType = "entity";
691	$(this).val(Encoder.htmlEncode($(this).val()));
692
693	var result = DataLayer.get('user', ["*", "name", $(this).val()], true);
694
695	/**
696	* TODO: trocar por template
697	*/
698	blkAddAtendee.find('ul.search-result-list').empty().css('overflow', 'hidden');
699	if (!result) {
700	blkAddAtendee.find('ul.search-result-list').append('<li><label class="empty">Nenhum resultado encontrado.</label></li>');
701	}
702
703	for(i=0; i<result.length; i++)
704	result[i].enabled = (blkAddAtendee.find('dd.attendee-list ul.attendee-list label.mail[title="' + result[i].mail + '"]').length) ? false : true;
705
706	blkAddAtendee.find('ul.search-result-list').append(DataLayer.render( 'templates/participants_search_itemlist.ejs', result));
707
708	blkAddAtendee.find('ul.search-result-list li').click(function(event, ui){
709	if ($(event.target).is('input')) {
710	old_item = $(event.target).parents('li');
711	newAttendeeId = DataLayer.put('participant', {user: old_item.find('.id').html(), isExternal: 0});
712	blkAddAtendee.find('dd.attendee-list ul.attendee-list')
713	.append(DataLayer.render('templates/participants_add_itemlist.ejs', [{id: newAttendeeId, name: old_item.find('.name').html(), mail: old_item.find('.mail').html(), isExternal: 0}]))
714	.find('.button').addClass('small').button({text:false, icons: {primary:'ui-icon-close'}}).click(function () {
715	$(this).parent().remove();
716	}).end()
717	.scrollTo('max');
718
719	old_item.remove();
720	}
721	});
722
723	event.preventDefault();
724	}
725	});
726
727
728	UI.dialogs.addEvent.find('.attendees-list li').hover(
729	function () {
730	$(this).addClass("hover");
731	},
732	function () {
733	$(this).removeClass("hover");
734	}
735	);
736
737	//$('.block-add-attendee .search-result-list').selectable();
738
739	UI.dialogs.addEvent.find('.block-attendee-list select.status').change(function(){
740	if ($(this).val() == 'another') {
741	// jQuery('.block-attendee-list .add-attendee-search').removeClass('hidden');
742	$(this).qtip({
743	show: {ready: true},
744	hide: false,
745	content: {
746	text: $('.block-attendee-list .add-attendee-search').clone().removeClass('hidden'),
747	title: {
748	text:'Indique o participante',
749	button: '<a class="button close" href="#">close</a>'
750	}
751	},
752	style: {name: 'blue', tip: {corner: 'leftMiddle'}, border: {width: 4, radius: 8}, width: {min: 250, max:250}},
753	position: {
754	corner: {
755	target: 'rightMiddle',
756	tooltip: 'leftMiddle'
757	},
758	adjust: {x:0, y:0}
759	}
760	})
761	$(this).qtip.onShow = function() {
762	$('.qtip .button.close').button({
763	icons: {primary: "ui-icon-close"},
764	text: false
765	});
766	}
767	} else {
768	// jQuery('.block-attendee-list .add-attendee-search').addClass('hidden');
769	}
770	});
771	});
772	UI.dialogs.addEvent.dialog('open');
773	});
774
775
776	}
777
778
779
780	function add_tab_preferences()
781	{
782	if(!(document.getElementById('preference_tab')))
783	{
784	var tab_title = "Preferencias";
785	$tabs.tabs( "add", "#preference_tab", tab_title );
786
787	/*
788	DataLayer.render( 'templates/timezone_list.ejs', {}, function( timezones_options ){
789	tabPrefCalendar.find('select[name="timezone"]').html(timezones_options).find('option[value="'+User.preferences.timezone+'"]').attr('selected','selected').trigger('change');
790	});
791	*/
792	DataLayer.render( 'templates/preferences_calendar.ejs', {preferences:User.preferences, calendars: Calendar.calendars}, function( template ){
793	var tabPrefCalendar = jQuery('#preference_tab').html( template ).find('.preferences-win');
794
795	tabPrefCalendar.find('option[value="'+User.preferences.defaultCalendar+'"]').attr('selected','selected').trigger('change');
796
797	DataLayer.render( 'templates/timezone_list.ejs', {}, function( timezones_options ){
798	tabPrefCalendar.find('select[name="timezone"]').html(timezones_options).find('option[value="'+User.preferences.timezone+'"]').attr('selected','selected').trigger('change');
799	});
800
801	tabPrefCalendar.find('.button').button()
802	.filter('.save').click(function(evt){
803	tabPrefCalendar.find('form').submit();
804	$('#calendar').fullCalendar('render');
805	$('.block-vertical-toolbox .mini-calendar').datepicker( "refresh" );
806	$tabs.tabs( "remove", "#preference_tab");
807	}).end().filter('.cancel').click(function(evt){
808	$tabs.tabs( "remove", "#preference_tab");
809	});
810
811	tabPrefCalendar.find('.number').numeric();
812	});
813	} else {
814	$tabs.tabs("select", "#preference_tab");
815
816	return true;
817	}
818	}
819
820
821	function add_tab_configure_calendar(calendar)
822	{
823	var calendars = [];
824	var signatures = [];
825	var previewActiveCalendarConf = 0;
826
827	for (var i=0; i<Calendar.signatures.length; i++) {
828	calendars[i] = Calendar.signatures[i].calendar;
829	signatures[i] = Calendar.signatures[i];
830	signatures[i].numberDefaultAlarm = signatures[i].defaultAlarms != '' ? signatures[i].defaultAlarms.length: 0;
831	if (calendar && calendars[i].id == calendar)
832	previewActiveCalendarConf = i;
833	}
834
835	if(!(document.getElementById('configure_tab')))
836	{
837	$('.positionHelper').css('display', 'none');
838	var tab_title = "Configurações de agendas";
839	$tabs.tabs( "add", "#configure_tab", tab_title );
840
841	var dataColorPicker = {
842	colorsSuggestions: colors_suggestions()
843	};
844
845
846
847	var populateAccordionOnActive = function(event, ui) {
848	var nowActive = (typeof(event) == 'number') ? event : $(event.target).accordion( "option", "active" );
849	dataColorPicker.colorsDefined = {
850	border: '#'+signatures[nowActive].borderColor,
851	font:'#'+signatures[nowActive].fontColor,
852	background:'#'+signatures[nowActive].backgroundColor
853	};
854	if (!jQuery('.accordion-user-calendars .ui-accordion-content').eq(nowActive).has('form')) {
855	return true;
856	}
857
858	DataLayer.render( 'templates/configure_calendars_itemlist.ejs', {user:User, calendar:calendars[nowActive], signature:signatures[nowActive]}, function( form_template ){
859	var form_content = jQuery('.accordion-user-calendars .ui-accordion-content').eq(nowActive).html( form_template ).find('form');
860	form_content.find('.preferences-alarms-list .button').button({text:false, icons:{primary:'ui-icon-close'}});
861	form_content.find('.button').button();
862
863	DataLayer.render( 'templates/timezone_list.ejs', {}, function( timezones_options ){
864	var valueTimeZone = calendars[nowActive].timezone;
865	form_content.find('select[name="timezone"]').html(timezones_options).find('option[value="'+valueTimeZone+'"]').attr('selected','selected').trigger('change');
866	});
867
868	form_content.find('.button-add-alarms').click(function(){
869	DataLayer.render( 'templates/alarms_add_itemlist.ejs', {}, function( template ){
870	jQuery('.preferences-alarms-list').append(template)
871	.find('li:last label:eq(0)').remove().end()
872	.find('.number').numeric().end()
873	.find('.button.remove').button({text:false, icons:{primary:'ui-icon-close'}}).click(function(el) {
874	$(this).parent().remove();
875	});
876	});
877	});
878
879
880	/**
881	* Set color picker
882	*/
883	DataLayer.render( 'templates/calendar_colorpicker.ejs', dataColorPicker, function( template ){
884	form_content.find('.calendar-colorpicker').html( template );
885
886	var f = $.farbtastic(form_content.find('.colorpicker'), colorpickerPreviewChange);
887	var selected;
888	var colorpicker = form_content.find('.calendar-colorpicker');
889
890	var colorpickerPreviewChange = function(color) {
891	var pickedup = form_content.find('.colorwell-selected').val(color).css('background-color', color);
892
893	var colorpicker = form_content.find('.calendar-colorpicker');
894
895	if (pickedup.is('input[name="backgroundColor"]')) {
896	colorpicker.find('.fc-event-skin').css('background-color',color);
897	} else if (pickedup.is('input[name="fontColor"]')) {
898	colorpicker.find('.fc-event-skin').css('color',color);
899	} else if (pickedup.is('input[name="borderColor"]')) {
900	colorpicker.find('.fc-event-skin').css('border-color',color);
901	}
902	}
903
904	form_content.find('.colorwell').each(function () {
905	f.linkTo(this);
906
907	if ($(this).is('input[name="backgroundColor"]')) {
908	colorpicker.find('.fc-event-skin').css('background-color', $(this).val());
909	} else if ($(this).is('input[name="fontColor"]')) {
910	colorpicker.find('.fc-event-skin').css('color', $(this).val());
911	} else if ($(this).is('input[name="borderColor"]')) {
912	colorpicker.find('.fc-event-skin').css('border-color', $(this).val());
913	}
914	})
915	.focus(function() {
916	if (selected) {
917	$(selected).removeClass('colorwell-selected');
918	}
919
920	$(selected = this).addClass('colorwell-selected');
921	f.linkTo(this, colorpickerPreviewChange);
922	f.linkTo(colorpickerPreviewChange);
923
924	});
925
926	form_content.find('select.color-suggestions').change(function() {
927	var colors;
928
929	if(colors = dataColorPicker.colorsSuggestions[$(this).val()]) {
930	colorpicker
931	.find('input[name="fontColor"]').val(colors.font).focus().end()
932	.find('input[name="backgroundColor"]').val(colors.background).focus().end()
933	.find('input[name="borderColor"]').val(colors.border).focus().end()
934
935	.find('.fc-event-skin').css({
936	'background-color':dataColorPicker.colorsSuggestions[$(this).val()].background,
937	'border-color':dataColorPicker.colorsSuggestions[$(this).val()].border,
938	'color':dataColorPicker.colorsSuggestions[$(this).val()].font
939	});
940	}
941	});
942
943	/**
944	* Trata a mudança dos valores dos campos de cores.
945	* Se mudar um conjunto de cores sugerido,
946	* este vira um conjunto de cores personalizado.
947	*/
948	form_content.find('.colorwell').change(function (element, ui) {
949	if (true) {
950	form_content.find('select.color-suggestions')
951	.find('option:selected').removeAttr('selected').end()
952	.find('option[value="custom"]').attr('selected', 'selected').trigger('change');
953	}
954	});
955	}); //END set colorpicker
956
957	form_content.find('.phone').mask("+99 (99) 9999-9999");
958	form_content.find('.number').numeric();
959
960	}); //END DataLayer.render( 'templates/configure_calendars_itemlist.ejs' ...
961
962	// === validations preferences ====
963
964
965	} //END populateAccordionOnActive(event, ui)
966
967
968	DataLayer.render( 'templates/configure_calendars.ejs', {user:User, calendars:calendars, signatures:signatures}, function( template ){
969	var template_content = jQuery('#configure_tab').html( template ).find('.configure-calendars-win');
970	template_content.find('.button').button().filter('.save').click(function(evt){
971	template_content.find('form').submit();
972	$tabs.tabs( "remove", "#configure_tab");
973	}).end().filter('.cancel').click(function(evt){
974	$tabs.tabs( "remove", "#configure_tab");
975	});
976
977	/**
978	* Muda a estrutura do template para a aplicação do plugin accordion
979	*/
980	template_content.find('.header-menu-container').after('<div class="accordion-user-calendars"></div>').end().find('.accordion-user-calendars')
981	.append(template_content.children('fieldset'));
982
983	template_content.find('.accordion-user-calendars').children('fieldset').each(function(index) {
984	$(this).before($('<h3></h3>').html($(this).children('legend')));
985	});
986
987	template_content.find('.accordion-user-calendars').accordion({
988	autoHeight: false,
989	collapsible: true,
990	clearStyle: true,
991	active: previewActiveCalendarConf,
992	changestart: populateAccordionOnActive
993	});
994	populateAccordionOnActive(previewActiveCalendarConf);
995	});
996
997	} else {
998
999	$tabs.tabs("select", "#configure_tab");
1000	$('.accordion-user-calendars').accordion( "activate" , previewActiveCalendarConf );
1001
1002	return true;
1003	}
1004
1005	}
1006
1007	function getNotSelectedCalendars(){
1008	var selecteds = {};
1009	var cont = 0;
1010	jQuery(function() {
1011	jQuery(".my-calendars .calendar-view").each(function(i, obj) {
1012	var check_box = obj;
1013	if(!check_box.checked) {
1014	selecteds[cont] = obj.value;
1015	cont++;
1016	};
1017	});
1018	});
1019	if (!cont)
1020	return false;
1021
1022	selecteds.length = cont;
1023	return $.makeArray( selecteds );
1024	}
1025
1026	function getSelectedCalendars(){
1027	var selecteds = {};
1028	var cont = 0;
1029	jQuery(function() {
1030	jQuery(".my-calendars .calendar-view").each(function(i, obj) {
1031	var check_box = obj;
1032	if(check_box.checked) {
1033	selecteds[cont] = obj.value;
1034	cont++;
1035	};
1036	});
1037	});
1038	if (!cont)
1039	return false;
1040
1041	selecteds.length = cont;
1042	return $.makeArray( selecteds );
1043	}
1044
1045	/**
1046	* TODO - transformar em preferência do módulo e criar telas de adição e exclusão de conjunto de cores
1047	*/
1048	function colors_suggestions(){
1049	return [
1050	{name:'Padrão', border:'#3366cc', font:'#ffffff', background:'#3366cc'},
1051	{name:'Coala', border:'#123456', font:'#ffffff', background:'#385c80'},
1052	{name:'Tomate', border:'#d5130b', font:'#111111', background:'#e36d76'},
1053	{name:'Limão', border:'#32ed21', font:'#1f3f1c', background:'#b2f1ac'},
1054	{name:'Alto contraste', border:'#000000', font:'#ffffff', background:'#222222'}
1055	]
1056	}
1057
1058	function remove_calendar(){
1059	/* Pode ser assim $('.cal-list-options-btn.ui-state-active').attr('class').replace(/[a-zA-Z-]+/g, ''); */
1060	$.Zebra_Dialog('Todos os eventos desta agenda serão apagados. Deseja prosseguir com a operação ?', {
1061	'type': 'question',
1062	'overlay_opacity': '0.5',
1063	'buttons': ['Sim', 'Não'],
1064	'onClose': function(clicked) {
1065	if(clicked == 'Sim'){
1066	var idCalendar = $('.cal-list-options-btn.ui-state-active').attr('class').match(/[0-9]+/g);
1067	var signature = '';
1068	for(var i =0; i < Calendar.signatures.length; i++){
1069	if(idCalendar[0] == Calendar.signatures[i].calendar.id){
1070	signature = Calendar.signatures[i].id;
1071	break;
1072	}
1073	}
1074	DataLayer.remove('calendarSignature', signature);
1075	$('.positionHelper').css('display', 'none');
1076	}else{
1077	$('.positionHelper').css('display', 'none');
1078	}
1079	}
1080	});
1081	}
1082
1083	function refresh_calendars(){
1084
1085	var colorsSuggestions = colors_suggestions();
1086	var buttons_colors = "";
1087	for(var i = 0; i < colorsSuggestions.length; i++){
1088	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>";
1089	}
1090
1091	//DataLayer.render( 'templates/calendar_list.ejs', 'calendar:list', ["IN", "id", Calendar.calendarIds], function( html ){
1092	DataLayer.render( 'templates/calendar_list.ejs', Calendar, function( html ){
1093
1094	var meu_container = $(".calendars-list").html( html );
1095
1096	$('ul.list-calendars .cal-list-options-btn').each(function(){
1097	$(this).menu({
1098	content: $(this).next().html(),
1099	width: '120',
1100	positionOpts: {
1101	posX: 'left',
1102	posY: 'bottom',
1103	offsetX: 0,
1104	offsetY: 0,
1105	directionH: 'right',
1106	directionV: 'down',
1107	detectH: true, // do horizontal collision detection
1108	detectV: true, // do vertical collision detection
1109	linkToFront: false
1110	},
1111	flyOut: true,
1112	showSpeed: 100,
1113	crumbDefaultText: '>'
1114	});
1115	});
1116
1117
1118	meu_container.find(".button.new").button({
1119	icons: {
1120	primary: "ui-icon-plus"
1121	},
1122	text: false
1123	}).click(function () {
1124
1125	if( $('.qtip.qtip-blue.qtip-active').val() !== ''){
1126	$(this).qtip({
1127	show: {ready: true, solo: true, when: {event: 'click'}},
1128	hide: false,
1129	content: {
1130	text: $('<div></div>').html( DataLayer.render( 'templates/calendar_quick_add.ejs', {} ) ),
1131	title: {
1132	text:'Nova Agenda',
1133	button: '<a class="button close" href="#">close</a>'
1134	}
1135	},
1136	style: {name: 'blue', tip: {corner: 'leftMiddle'}, border: {width: 4, radius: 8}, width: {min: 230, max:230}},
1137	position: {
1138	corner: {
1139	target: 'rightMiddle',
1140	tooltip: 'leftMiddle'
1141	},
1142	adjust: {x:0, y:-12}
1143	}
1144	})
1145	.qtip("api").onShow = function(arg0) {
1146	$('.qtip-active .button.close').button({
1147	icons: {primary: "ui-icon-close"},
1148	text: false
1149	})
1150	.click(function(){
1151	meu_container.find(".button.new").qtip('destroy');
1152	});
1153	//TODO emplementar tratamento de duplicação de valores no location
1154	$('.qtip-active .button.save').button().click(function(){
1155	for(var i = 0; i < Calendar.calendars.length; i++){
1156	if(Calendar.calendars[i].location == $('.qtip-active input').val()){
1157	$.Zebra_Dialog('O nome desta agenda já está sendo utilizada em uma Url de outra agenda. Por favor, informe outro nome para agenda.',{
1158	'overlay_opacity': '0.5',
1159	'type': 'warning'
1160	});
1161	meu_container.find(".button.new").qtip('destroy');
1162	return;
1163	}
1164	}
1165
1166	var selected;
1167	var color = $('.cal-colors-options-btn').each(function(index){
1168	if ($(this).is('.color-selected'))
1169	selected = index;
1170	});
1171	DataLayer.put( "calendarSignature", {
1172	user: User.me.id,
1173	calendar: {
1174	name: $('.qtip-active input').val(),
1175	timezone: User.preferences.timezone
1176	},
1177	isOwner: 1,
1178	fontColor: colorsSuggestions[selected]['font'].substring(1) ,
1179	backgroundColor: colorsSuggestions[selected]['background'].substring(1) ,
1180	borderColor: colorsSuggestions[selected]['border'].substring(1)
1181	});
1182	meu_container.find(".button.new").qtip('destroy');
1183	});
1184
1185	$('.qtip-active .button.cancel').button().click(function(){
1186	meu_container.find(".button.new").qtip('destroy');
1187	});
1188
1189	$(".qtip-active input").Watermark("Nome da agenda");
1190
1191	$('.qtip-active').keydown(function(event) {
1192	if (event.keyCode == '27') {
1193	meu_container.find(".button.new").qtip('destroy');
1194	}
1195	});
1196
1197	$('.colors-options').prepend(buttons_colors);
1198	$('.colors-options .signed-cal-colors-options-btn-0').addClass('color-selected');
1199
1200	var buttons = $('.cal-colors-options-btn').button();
1201
1202	buttons.click(function(){
1203	buttons.removeClass('color-selected');
1204	$(this).addClass('color-selected');
1205	});
1206	}
1207	}
1208	});
1209
1210	$("img.cal-list-img").click(function(evt) {
1211	$(".cal-list-options_1").toggleClass( "hidden" );
1212	});
1213
1214	$(".my-calendars a.title-my-calendars").click(function() {
1215	$(".my-calendars ul.my-list-calendars").toggleClass("hidden")
1216	$('.my-calendars .status-list').toggleClass("ui-icon-triangle-1-s");
1217	$('.my-calendars .status-list').toggleClass("ui-icon-triangle-1-e");
1218	});
1219
1220	$(".signed-calendars a.title-signed-calendars").click(function() {
1221	$(".signed-calendars ul.signed-list-calendars").toggleClass( "hidden");
1222	});
1223
1224	$("ul li.list-calendars-item").click(function(evt) {
1225
1226	});
1227
1228	$("ul li.list-calendars-item .ui-corner-all").click(function(evt) {
1229	//alert('teste');
1230	});
1231
1232	$('.calendar-view').click(function(evt){
1233	if($tabs.tabs('option' ,'selected') == 1){
1234	pageselectCallback('', 0);
1235	}
1236
1237	if(Calendar.currentView){
1238	var checkBox = $(this);
1239	Calendar.currentView[ checkBox.val() ].hidden = !checkBox.is(':checked');
1240	$('#calendar').fullCalendar( 'refetchEvents' );
1241	}
1242	});
1243	});
1244	}
1245
1246	function add_events_list(keyword)
1247	{
1248	var tab_title = "";
1249	if (keyword){
1250	if(keyword.length < 10)
1251	tab_title = keyword;
1252	else
1253	tab_title = keyword.substr(0,10) + '..."';
1254	}else{
1255	tab_title = "Lista de eventos";
1256	}
1257	keyword = ( keyword \|\| '' ).replace( /\s+/g, "_" );
1258
1259	if(!(document.getElementById('tab_events_list_' + (Base64.encode(keyword)).replace(/[^\w\s]/gi, "") )))
1260	{
1261	Encoder.EncodeType = "entity";
1262	$tabs.tabs( "add", "#tab_events_list_" + (Base64.encode(keyword)).replace(/[^\w\s]/gi, ""), Encoder.htmlEncode(tab_title) );
1263	}
1264	else /* Tab already opened */
1265	{
1266	$tabs.tabs("option", "selected", 2);
1267	}
1268
1269	pageselectCallback(keyword, 0); // load page 1 and insert data on event_list.ejs
1270
1271	$('.preferences-win.active .button.save, .preferences-win.active .button.cancel, .preferences-win.active .button.import, .preferences-win.active .button.export').button();
1272	}
1273
1274	function paginatorSearch(currentView){
1275	if(parseInt($(currentView+' [name = results]').val()) > 25){
1276	$(currentView+' .header-paginator .fc-header-left .fc-button.fc-button-next .fc-button-inner').hover(
1277	function(){
1278	$(this).addClass('fc-state-hover');
1279	},
1280	function(){
1281	$(this).removeClass('fc-state-hover');
1282	}).mousedown(function(){
1283	$(this).addClass('fc-state-down');
1284	}).mouseup(function(){
1285	$(this).removeClass('fc-state-down');
1286	$('.events-list.events-list-win.active').removeClass('active');
1287	pageselectCallback($(currentView+' [name = keyword]').val(), ((parseInt($('[name = page_index]').val())) +1));
1288	});
1289	}
1290	if(parseInt($(currentView+' [name = page_index]').val()) > 0){
1291	$(currentView+' .header-paginator .fc-header-left .fc-button.fc-button-prev .fc-button-inner').hover(
1292	function(){
1293	$(this).addClass('fc-state-hover');
1294	},
1295	function(){
1296	$(this).removeClass('fc-state-hover');
1297	}).mousedown(function(){
1298	$(this).addClass('fc-state-down');
1299	}).mouseup(function(){
1300	$(this).removeClass('fc-state-down');
1301	$('.events-list.events-list-win.active').removeClass('active');
1302	pageselectCallback($(currentView+' [name = keyword]').val(), ((parseInt($('[name = page_index]').val())) -1));
1303	});
1304	}
1305	}
1306
1307	function mountTitleList(page_index ,view){
1308	switch (view){
1309	case 'day':
1310	case 'basicDay':
1311	var date = new Date().add({days: page_index});
1312	return (weekOfDay(date.getDay()))+", "+(date.toString('dd MMM yyyy'));
1313	case 'agendaWeek':
1314	case 'week':
1315	var dateStart = new Date().moveToDayOfWeek(dayOfWeek(User.preferences.weekDefault));
1316	dateStart.add({days: (7 * page_index)});
1317	var dateEnd = new Date().moveToDayOfWeek(dayOfWeek(User.preferences.weekDefault));
1318	dateEnd.add({days: (page_index * 7)+7});
1319	if(dateStart.toString('MM') != dateEnd.toString('MM'))
1320	return dateStart.toString('dd')+' de '+sortMonthOfNumber(dateStart.getMonth())+' a '+dateEnd.toString('dd')+' de '+monthOfNumber(dateEnd.getMonth())+' - '+dateEnd.toString('yyyy');
1321	return +dateStart.toString("dd")+" a "+dateEnd.toString("dd")+" de "+monthOfNumber(dateEnd.getMonth())+" - "+dateEnd.toString('yyyy');
1322	case 'month':
1323	var date = new Date().add({months: page_index})
1324	return monthOfNumber(date.getMonth())+" "+date.toString("yyyy");
1325	case 'year':
1326	var date = new Date().add({years: page_index});
1327	return date.toString("yyyy");
1328	}
1329	}
1330
1331	function paginatorList(currentView, view){
1332	$(currentView+' .events-list.events-list-win.active .list-events-paginator .fc-header-title').html('<h2>'+mountTitleList( parseInt($('[name = page_index]').val()),view)+'</h2>');
1333	$(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right .fc-button').removeClass('fc-state-active')
1334	if(view == 'basicDay')
1335	$(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right .fc-button-agendaday').addClass('fc-state-active');
1336	else
1337	$(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');
1338	$(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right').addClass('list-right');
1339	$(currentView+' .header-paginator .fc-header-right .fc-button-agendaday').hover(
1340	function(){
1341	$(this).addClass('fc-state-hover');
1342	},
1343	function(){
1344	$(this).removeClass('fc-state-hover');
1345	}).mousedown(function(){
1346	$(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right .fc-button').removeClass('fc-state-active')
1347	$(this).addClass('fc-state-active');
1348	}).mouseup(function(){
1349	pageselectCallback($(currentView+' [name = keyword]').val(), 0, '', 'day');
1350	});
1351
1352	$(currentView+' .header-paginator .fc-header-right .fc-button-agendaweek').hover(
1353	function(){
1354	$(this).addClass('fc-state-hover');
1355	},
1356	function(){
1357	$(this).removeClass('fc-state-hover');
1358	}).mousedown(function(){
1359	$(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right .fc-button').removeClass('fc-state-active')
1360	$(this).addClass('fc-state-active');
1361	}).mouseup(function(){
1362	pageselectCallback($(currentView+' [name = keyword]').val(), 0, '', 'week');
1363	});
1364
1365	$(currentView+' .header-paginator .fc-header-right .fc-button-month').hover(
1366	function(){
1367	$(this).addClass('fc-state-hover');
1368	},
1369	function(){
1370	$(this).removeClass('fc-state-hover');
1371	}).mousedown(function(){
1372	$(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right .fc-button').removeClass('fc-state-active')
1373	$(this).addClass('fc-state-active');
1374	}).mouseup(function(){
1375	pageselectCallback($(currentView+' [name = keyword]').val(), 0, '', 'month');
1376	});
1377
1378	$(currentView+' .header-paginator .fc-header-right .fc-button-year').hover(
1379	function(){
1380	$(this).addClass('fc-state-hover');
1381	},
1382	function(){
1383	$(this).removeClass('fc-state-hover');
1384	}).mousedown(function(){
1385	$(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right .fc-button').removeClass('fc-state-active')
1386	$(this).addClass('fc-state-active');
1387	}).mouseup(function(){
1388	pageselectCallback($(currentView+' [name = keyword]').val(), 0, '', 'year');
1389	});
1390
1391
1392	$(currentView+' .header-paginator .fc-header-left .fc-button.fc-button-next .fc-button-inner').hover(
1393	function(){
1394	$(this).addClass('fc-state-hover');
1395	},
1396	function(){
1397	$(this).removeClass('fc-state-hover');
1398	}).mousedown(function(){
1399	$(this).addClass('fc-state-down');
1400	}).mouseup(function(){
1401	$(this).removeClass('fc-state-down');
1402	pageselectCallback($(currentView+' [name = keyword]').val(), ((parseInt($('[name = page_index]').val())) +1), '', view);
1403	});
1404
1405	$(currentView+' .header-paginator .fc-header-left .fc-button.fc-button-prev .fc-button-inner').hover(
1406	function(){
1407	$(this).addClass('fc-state-hover');
1408	},
1409	function(){
1410	$(this).removeClass('fc-state-hover');
1411	}).mousedown(function(){
1412	$(this).addClass('fc-state-down');
1413	}).mouseup(function(){
1414	$(this).removeClass('fc-state-down');
1415	pageselectCallback($(currentView+' [name = keyword]').val(), ((parseInt($('[name = page_index]').val())) -1), '', view);
1416	});
1417	}
1418
1419	function paginatorListEvent(currentView, typeView, view){
1420	if(!!$(currentView).find('.fc-calendar').length)
1421	return;
1422	$(currentView+' .events-list.events-list-win.active').prepend($('.fc-header').clone());
1423	//Remove contudo nao utilizado
1424	$(currentView+' .events-list.events-list-win.active .fc-header .fc-button-today').remove();
1425	$(currentView+' .events-list.events-list-win.active .fc-header .fc-button-basicWeek').remove();
1426	$(currentView+' .events-list.events-list-win.active .fc-header .fc-button-basicDay').remove();
1427
1428	//Adiciona e remove as classes para esta visualizacao
1429	$(currentView+' .events-list.events-list-win.active .fc-header .fc-header-center').addClass('list-events-paginator');
1430	$(currentView+' .events-list.events-list-win.active .fc-header .list-events-paginator').removeClass('fc-header-center');
1431
1432	//Adicionar class no header padronizar com a tela principal
1433	$(currentView+' .events-list.events-list-win.active .fc-header').addClass('header-paginator');
1434	$(currentView+' .events-list.events-list-win.active .header-paginator').removeClass('fc-header');
1435
1436	if(typeView == 'search'){
1437	$(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right').remove()
1438	$(currentView+' .events-list.events-list-win.active .list-events-paginator .fc-header-title').html('<h2>Resultados para: '+$(currentView+' [name = keyword]').val()+'</h2>');
1439	if((parseInt($(currentView+' [name = page_index]').val()) == 0) && (parseInt($(currentView+' [name = results]').val()) <= 25))
1440	return;
1441	paginatorSearch(currentView);
1442	}else
1443	paginatorList(currentView, view);
1444	}
1445
1446	function mountCriteriaList(view, page_index, calerdars_selecteds){
1447	switch (view){
1448	case 'basicDay':
1449	case 'day':
1450	return {filter: ['AND', ['IN', 'calendar', calerdars_selecteds], ['=', 'rangeEnd', new Date().add({days: page_index}).toString("yyyy-MM-dd")]], criteria: {order: 'startTime'}};
1451	case 'agendaWeek':
1452	case 'week':
1453	var dateStart = new Date().moveToDayOfWeek(dayOfWeek(User.preferences.weekDefault));
1454	var dateEnd = new Date().moveToDayOfWeek(dayOfWeek(User.preferences.weekDefault));
1455	return {filter: ['AND', ['IN', 'calendar', calerdars_selecteds], ['AND',['>=', 'rangeEnd', dateStart.add({days: (7 * page_index)}).toString("yyyy-MM-dd")], ['<=', 'rangeEnd', dateEnd.add({days: (7 * page_index)+7}).toString("yyyy-MM-dd")]]], criteria: {order: 'startTime'}};
1456	case 'month':
1457	var date = new Date().add({months: page_index})
1458	return {filter: ['AND',['IN', 'calendar', calerdars_selecteds], ['AND',['>=', 'rangeEnd', date.moveToFirstDayOfMonth().toString("yyyy-MM-dd")], ['<=', 'rangeEnd', date.moveToLastDayOfMonth().toString("yyyy-MM-dd")]]], criteria: {order: 'startTime'}};
1459	case 'year':
1460	var dateStart = new Date().add({years: page_index});
1461	var dateEnd = new Date().add({years: page_index});
1462	if(dateStart.getMonth() != 0)
1463	dateStart.moveToMonth(0, -1)
1464	if(dateEnd.getMonth() != 11)
1465	dateEnd.moveToMonth(11)
1466	return {filter: ['AND', ['IN', 'calendar', calerdars_selecteds], ['AND',['>=', 'rangeEnd', dateStart.moveToFirstDayOfMonth().toString("yyyy-MM-dd")], ['<=', 'rangeEnd', dateEnd.moveToLastDayOfMonth().toString("yyyy-MM-dd")]]], criteria: {order: 'startTime'}};
1467	}
1468	}
1469
1470	function pageselectCallback(keyword, page_index, jq, view){
1471
1472	var selecteds = getSelectedCalendars();
1473	if(!selecteds && (keyword != '' && keyword != null)){
1474	jQuery('#tab_events_list_' + ((Base64.encode(keyword)).replace(/[^\w\s]/gi, "")\|\| '')).html(
1475	'<div title="Lista de eventos" class="events-list events-list-win active empty">' +
1476	'<label>Por favor selecione ao menos uma agenda.</label>' +
1477	'</div>'
1478	);
1479	}else{
1480	var criteria = null;
1481	if(keyword == '' \|\| keyword == null)
1482	criteria = mountCriteriaList(!!view ? view : User.preferences.defaultCalView, page_index, selecteds)
1483	else
1484	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)}};
1485	var results = DataLayer.get('schedulable:detail', criteria);
1486	keyword = ( keyword \|\| '' ).replace( /\s+/g, "_" );
1487	}
1488	// não há resultados
1489	if ((((typeof(results) == 'undefined') \|\| (!results.events_list )) && selecteds) &&(keyword != '' && keyword != null)) {
1490	jQuery('#tab_events_list_' + ((Base64.encode(keyword)).replace(/[^\w\s]/gi, "")\|\| '')).html(
1491	'<div title="Lista de eventos" class="events-list events-list-win active empty">' +
1492	'<label>Não foi encontrado nenhum evento correspondente à sua pesquisa.</label>' +
1493	'</div>'
1494	);
1495	// há resultados e Agendas Selecionadas
1496	} else{
1497	if(typeof(results) != 'undefined'){
1498	results['page_index'] = page_index;
1499	results['keyword'] = keyword;
1500
1501	DataLayer.render( 'templates/event_list.ejs', results, function( html ){
1502	var currentView = '#tab_events_list_' + ((Base64.encode(keyword)).replace(/[^\w\s]/gi, "") \|\| '');
1503	jQuery(currentView).html( html );
1504	jQuery('.events-list-win .menu-container .button').button();
1505
1506	$(".event-details-item").parent().click(function(){
1507
1508	$(this).siblings("div.details-event-list").toggleClass("hidden")
1509	.find('.button.delete').click(function(){
1510	DataLayer.remove('schedulable', $(this).siblings('[name="eventid"]').val());
1511	})
1512	.end().find('.button.edit').click(function(){
1513	eventDetails( DataLayer.get( "schedulable", $(this).siblings('[name="eventid"]').val() ), true );
1514	});
1515
1516	});
1517	paginatorListEvent(currentView, (keyword == '' \|\| keyword == null) ? 'list' : 'search', !!view ? view : User.preferences.defaultCalView);
1518	});
1519	}else{
1520	var currentView = '#tab_events_list_' + ((Base64.encode(keyword)).replace(/[^\w\s]/gi, "") \|\| '');
1521	jQuery('#tab_events_list_' + ((Base64.encode(keyword)).replace(/[^\w\s]/gi, "")\|\| '')).html(
1522	'<div title="Lista de eventos" class="events-list events-list-win active empty">' +
1523	'<input type="hidden" name="page_index" value="'+page_index+'"></inpunt>'+
1524	'<input type="hidden" name="keyword" value="'+keyword+'"></inpunt>'+
1525	'<label>Não foram encontrados eventos neste intervalo.</label>' +
1526	'</div>'
1527	);
1528	paginatorListEvent(currentView, 'list', !!view ? view : User.preferences.defaultCalView);
1529	}
1530
1531	}
1532
1533	}
1534
1535	function show_modal_import_export(tab) {
1536	DataLayer.render( 'templates/import_export.ejs', {calendars: Calendar.calendars, owner: User.me.id}, function( html ){
1537
1538	if (!UI.dialogs.importCalendar) {
1539	UI.dialogs.importCalendar = jQuery('#div-import-export-calendar')
1540	.append('<div title="Importar e Exportar Eventos" class="import-export import-export-win active"> <div>')
1541	.find('.import-export-win.active').html(html).dialog({
1542	resizable: false,
1543	modal:true,
1544	width:500,
1545	position: 'center'
1546	});
1547
1548	} else {
1549	UI.dialogs.importCalendar.html(html);
1550	}
1551
1552	var tabsImportExport = UI.dialogs.importCalendar.find(".tabs-import-export").tabs({selected: tab});
1553
1554	UI.dialogs.importCalendar.find('.button').button();
1555
1556	UI.dialogs.importCalendar.find(".menu-import-event")
1557	.children(".import").click(function(){
1558
1559	$('.import-event-form', UI.dialogs.importCalendar).submit();
1560	UI.dialogs.importCalendar.dialog("close");
1561	/**
1562	* TODO - implementar ação de importação
1563	*/
1564	});
1565
1566	UI.dialogs.importCalendar.find(".menu-export-event")
1567	.children(".export").click(function(){
1568
1569	$('.export-event-form', UI.dialogs.importCalendar).submit();
1570	UI.dialogs.importCalendar.dialog("close");
1571	/**
1572	* TODO - implementar ação de exportação
1573	*/
1574	});
1575
1576	UI.dialogs.importCalendar.find(".menu-container")
1577	.children(".cancel").click(function(){
1578	UI.dialogs.importCalendar.dialog("close");
1579	});
1580
1581	UI.dialogs.importCalendar.dialog("open");
1582	});
1583	}
1584
1585	function dayOfWeek(day) {
1586	switch (day) {
1587	case 'SUN':
1588	return 0;
1589	break;
1590	case 'MON':
1591	return 1;
1592	break;
1593	case 'TUE':
1594	return 2;
1595	break;
1596	case 'WED':
1597	return 3;
1598	break;
1599	case 'THU':
1600	return 4;
1601	break;
1602	case 'FRI':
1603	return 5;
1604	break;
1605	case 'SAT':
1606	return 6;
1607	break;
1608	default:
1609	return false;
1610	break;
1611	}
1612	}
1613
1614	function weekOfDay(week) {
1615	switch (week) {
1616	case 0:
1617	return 'Domingo';
1618	case 1:
1619	return 'Segunda';
1620	case 2:
1621	return 'Terça';
1622	case 3:
1623	return 'Quarta';
1624	case 4:
1625	return 'Quinta';
1626	case 5:
1627	return 'Sexta';
1628	case 6:
1629	return 'Sábado';
1630	default:
1631	return false;
1632	}
1633	}
1634
1635	function monthOfNumber(number) {
1636	switch (number) {
1637	case 0:
1638	return 'Janeiro';
1639	case 1:
1640	return 'Fevereiro';
1641	case 2:
1642	return 'Março';
1643	case 3:
1644	return 'Abril';
1645	case 4:
1646	return 'Maio';
1647	case 5:
1648	return 'Junho';
1649	case 6:
1650	return 'Julho';
1651	case 7:
1652	return 'Agosto';
1653	case 8:
1654	return 'Setembro';
1655	case 9:
1656	return 'Outubro';
1657	case 10:
1658	return 'Novembro';
1659	case 11:
1660	return 'Dezembro';
1661	default:
1662	return false;
1663	}
1664	}
1665
1666	function sortMonthOfNumber(number) {
1667	switch (number) {
1668	case 0:
1669	return 'Jan';
1670	case 1:
1671	return 'Fev';
1672	case 2:
1673	return 'Mar';
1674	case 3:
1675	return 'Abr';
1676	case 4:
1677	return 'Mai';
1678	case 5:
1679	return 'Jun';
1680	case 6:
1681	return 'Jul';
1682	case 7:
1683	return 'Ago';
1684	case 8:
1685	return 'Set';
1686	case 9:
1687	return 'Out';
1688	case 10:
1689	return 'Nov';
1690	case 11:
1691	return 'Dez';
1692	default:
1693	return false;
1694	}
1695	}

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

Download in other formats: