Context Navigation

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

Revision 5364, 59.0 KB checked in by acoutinho, 12 years ago (diff)
Ticket #2434 - Corrigido problemas com participantes externos

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

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

Download in other formats: