Context Navigation

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

Revision 5387, 58.4 KB checked in by acoutinho, 12 years ago (diff)
Ticket #2434 - Correcao na adicao de participantes link de interno ou extorno

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

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

Download in other formats: