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

Revision 5389, 58.5 KB checked in by gustavo, 12 years ago (diff)

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