source: sandbox/2.4.2-expresso1/prototype/modules/calendar/js/helpers.js @ 6988

Revision 6988, 100.3 KB checked in by acoutinho, 12 years ago (diff)

Ticket #2966 - Correcao de bugs e refactoring das novas funcionalidades

Line 
1function formatBytes(bytes) {
2    if (bytes >= 1000000000) {
3        return (bytes / 1000000000).toFixed(2) + ' GB';
4    }
5    if (bytes >= 1000000) {
6        return (bytes / 1000000).toFixed(2) + ' MB';
7    }
8    if (bytes >= 1000) {
9        return (bytes / 1000).toFixed(2) + ' KB';
10    }
11    return bytes + ' B';
12};
13
14function validDateEvent(){
15       
16        var errors = {
17                'emptyInitData': 'Por favor, informe uma data inicial',
18                'emptyEndData': 'Por favor, informe uma data final',
19                'emptyInitHour': 'Por favor, informe uma hora inicial',
20                'emptyEndHour': 'Por favor, informe uma hora final',
21               
22                'invalidInitData' : 'Data inicial inválida',
23                'invalidEndData' : 'Data final inválida',
24               
25                'equalData' : 'Hora inicial igual a final',
26                'theirData' : 'Data final menor que a inicial',         
27                'theirHour' : 'Hora final menor que a inicial',
28               
29                'emptyOcurrence' : 'Por favor, informe o número de ocorrências',
30                'invalidOcurrence' : 'Por favor, informe um valor válido para a quantidade de ocorrências',
31               
32                'emptyInterval' : 'Por favor, informe o intervalo',
33                'invalidInterval' : 'Por favor informe um valor válido para o intervalo'
34        };
35
36    var start_date = $(".new-event-win.active .start-date").val();
37    var end_date   = $(".new-event-win.active .end-date").val();
38    var start_time = $(".new-event-win.active .start-time").val();
39    var end_time   = $(".new-event-win.active .end-time").val();
40    var isAllDay   = $('.new-event-win.active input[name="allDay"]').is(':checked');
41    var customDate = $(".endRepeat").val() == "customDate";
42    var occurrences = $(".endRepeat").val() == "occurrences";
43    var eventInterval = $('.eventInterval').val();
44   
45    if(start_date == "")
46                return errors['emptyInitData'];
47    else if(end_date == "")
48                return errors['emptyEndData'];
49    else if(!isAllDay && start_time == "")
50                return errors['emptyInitHour'];
51    else if(!isAllDay && end_time == "")
52                return errors['emptyEndHour'];
53       
54    var formatString = User.preferences.dateFormat + " " + User.preferences.hourFormat;
55               
56    var startDate = Date.parseExact( start_date + " " + $.trim(start_time) , formatString );
57    var endDate = Date.parseExact( end_date + " " + $.trim(end_time) , formatString );
58
59    if(startDate == null || startDate.getTime() < 0 )
60                return errors['invalidInitData'];
61    if(endDate == null || endDate.getTime() < 0)
62                return errors['invalidEndData'];
63       
64        if(isAllDay){
65                startDate.clearTime();
66                endDate.clearTime();
67                if(endDate.compareTo(startDate) == -1)
68                        return errors['theirData'];
69        }else{
70                var condition = endDate.compareTo(startDate);
71                if(condition != 1){
72                        if(condition < 0){
73                                startDate.clearTime();
74                                endDate.clearTime();
75                                condition = endDate.compareTo(startDate);                               
76                                return (errors[ condition == 0 ? 'theirHour' : 'theirData'] );
77                        }
78                        else
79                                return errors['equalData'];
80                }
81        }
82   
83    if (customDate)   
84                if ( !($('.new-event-win.active .customDateEnd').val().length) )
85                   return errors['emptyEndData'];
86
87    if (occurrences){
88                if ( !($('.occurrencesEnd').val().length) )
89                   return errors['emptyOcurrence'];
90                else if (parseInt($('.occurrencesEnd').val(),10) <= 0 || parseInt($('.occurrencesEnd').val(),10).toString() == "NaN")
91                   return errors['invalidOcurrence'];
92        }
93
94    if (!($('.new-event-win.active p.input-group.finish_event.repeat-in').hasClass('hidden'))){
95        if (!eventInterval.length)
96            return errors['emptyInterval'];
97        else if (parseInt(eventInterval,10) < 1 || parseInt(eventInterval,10).toString() == "NaN")
98            return errors['invalidInterval'];
99    }   
100    return false;
101}
102
103function printNow(){
104
105        var window_print = window.open('','ExpressoCalendar','width=800,height=600,scrollbars=yes');       
106        window_print.document.open();
107
108        var start = $("#calendar").fullCalendar('getView').visStart.getTime()/1000;
109        var end = $("#calendar").fullCalendar('getView').visEnd.getTime()/1000;
110        var criteria = DataLayer.criteria("schedulable:calendar", {'start':start, 'end':end} );
111       
112        var data = DataLayer.get("schedulable:print", criteria);       
113
114        if($("#calendar").fullCalendar('getView').name == "month"){                             
115                window_print.document.write(DataLayer.render('templates/calendar_month_print.ejs', {
116                        'InfoPage' : $("#calendar").fullCalendar('getView').title,
117                        'days' : data
118                } ));
119        }
120        if($("#calendar").fullCalendar('getView').name == "agendaDay"){                         
121                window_print.document.write(DataLayer.render('templates/calendar_day_print.ejs', {
122                        'InfoPage' : $("#calendar").fullCalendar('getView').title,
123                        'days' : data
124                } ));
125        }
126        if($("#calendar").fullCalendar('getView').name == "agendaWeek"){
127                window_print.document.write(DataLayer.render('templates/calendar_week_print.ejs', {
128                        'InfoPage' : $("#calendar").fullCalendar('getView').title,
129                        'days' : data
130                }));
131               
132                var aux = 0;
133                setTimeout(function(){$(window_print.document).find(".all-day").each(function(){
134                        if($(this).height() > aux)
135                                aux = $(this).height();
136                });
137                $(window_print.document).find(".all-day").each(function(){
138                        $(this).height(aux);
139                });
140                $(window_print.document).find(".all-day-line .write").height(aux);
141                aux = 0;
142                },20);
143        }
144        if($("#calendar").fullCalendar('getView').name == "year"){     
145                window_print.document.write(DataLayer.render('templates/calendar_year_print.ejs', {
146                        'html' : $('#calendar .fc-content').html(),
147                        'header': $('#calendar').find('.fc-header-center h2').text()
148                } ));
149        }               
150        window_print.document.close();
151        setTimeout(window_print.print(), 300);
152}
153
154function printEvents(){
155        //var html = DataLayer.render( path + 'templates/attendee_permissions.ejs', {} );
156        var print = $('.fc-header-right').find('.fc-button.fc-button-agendaDay').clone();
157
158        $('.fc-header-right').find('.fc-button-year').toggleClass('fc-corner-right');
159        print.addClass('fc-corner-right');
160        print.addClass('fc-button-print');
161        print.removeClass('fc-button-agendaDay');
162        print.removeClass('fc-corner-left');
163        print.find('.fc-button-content').html('Imprimir');
164        $('.fc-header-right').append(print);
165        $('.fc-button-print').click(function(){
166            alert('A tela de impressão será melhor visualizada com a preferência "Paisagem" do seu browser selecionada.');
167            printNow();
168        });
169}
170
171/*
172 * TODO - repeat foi adicionado pois melhorias devem ser feitas no rollback do
173 *DataLayer, repeat somente é usado quando se trata da criação de um evento
174 *pela edição de uma ocorrência.
175 */
176
177function eventDetails( objEvent, decoded, path, isMail, repeat)
178{
179
180    $('.qtip.qtip-blue').remove();
181
182    attendees = {};
183       
184    if(path == undefined)
185        path = "";
186               
187    if( !decoded )
188        objEvent = DataLayer.decode( "schedulable:calendar", objEvent );
189
190    if(!isMail)
191        objEvent = DataLayer.encode( "schedulable:preview", objEvent );
192       
193    if(typeof(objEvent.id) == 'undefined'){
194        objEvent.alarms = Calendar.signatureOf[User.preferences.defaultCalendar || Calendar.calendarIds[0]].defaultAlarms || false;
195        objEvent.useAlarmDefault = 1;
196    }
197       
198    /**
199         * canDiscardEventDialog deve ser true se não houver alterações no evento
200         */
201    canDiscardEventDialog = true;
202    /**
203         * zebraDiscardEventDialog é uma flag indicando que uma janela de confirmação (Zebra_Dialog)
204         * já está aberta na tela, uma vez que não é possivel acessar o evento ESC utilizado para fechá-la
205         */
206    zebraDiscardEventDialog = false;
207       
208    /**
209                ACLs do participant
210        */
211    acl_names = {
212        'w': 'acl-white',
213        'i': 'acl-invite-guests',
214        'p': 'acl-participation-required'
215    };
216
217    var dependsDelegate = function(reference, inverse){
218        if(inverse){
219            if(reference.find('input[name="attendee[]"]').val() == blkAddAtendee.find('li.organizer input[name="attendee_organizer"]').val())
220                blkAddAtendee.find('li.organizer input[name="attendee_organizer"]').val(blkAddAtendee.find('.me input[name="attendee[]"]').val());
221        }else{
222            if(blkAddAtendee.find('.me input[name="attendee[]"]').val() == blkAddAtendee.find('li.organizer input[name="attendee_organizer"]').val())
223                blkAddAtendee.find('li.organizer input[name="attendee_organizer"]').val(reference.find('input[name="attendee[]"]').val());
224        }
225       
226    };
227   
228    var removeOthers = function(){
229        var other = blkAddAtendee.find('.delegate.attendee-permissions-change-button');
230        if(other.lenght){
231            dependsDelegate(other.parents('li'), true);
232        }
233        blkAddAtendee.find('.delegate').removeClass('attendee-permissions-change-button');
234        blkAddAtendee.find('.ui-icon-transferthick-e-w').removeClass('attendee-permissions-change');
235       
236    };
237
238    var callbackAttendee = function(){
239        //Cria qtip de permissões pelo click do checkbox
240        var checked = false;
241        blkAddAtendee.find("li.not-attendee").addClass('hidden');
242       
243        blkAddAtendee.find("li .button").filter(".close.new").button({
244            icons: {
245                primary: "ui-icon-close"
246            },
247            text: false
248        }).click(function () {
249            DataLayer.remove('participant', $(this).parents('li').find('[type=checkbox]').val());
250            if($(this).parent().find('.button.delegate').hasClass('attendee-permissions-change-button')){
251                removeOthers();
252                blkAddAtendee.find('.request-update').addClass('hidden');
253                blkAddAtendee.find('.status option').toggleClass('hidden');
254                               
255                blkAddAtendee.find('option[value=1]').attr('selected','selected').trigger('change');
256            }
257                       
258            $(this).parents('li').remove();
259                       
260            if(blkAddAtendee.find(".attendee-list li").length == 1)
261                blkAddAtendee.find("li.not-attendee").removeClass('hidden');
262        })
263        .addClass('tiny disable ui-button-disabled ui-state-disabled')
264        .removeClass('new').end()
265       
266        .filter(".delegate.new").button({
267            icons: {
268                primary: "ui-icon-transferthick-e-w"
269            },
270            text: false
271        }).click(function () {
272            var me = $(this).parents('li');
273            if($(this).hasClass('attendee-permissions-change-button')){
274                $(this).removeClass('attendee-permissions-change-button')   
275                    .find('.ui-icon-transferthick-e-w').removeClass('attendee-permissions-change').end();               
276               
277                me.find('input[name="delegatedFrom[]"]').val('');
278                dependsDelegate(me, true);
279                               
280                blkAddAtendee.find('.request-update').addClass('hidden');
281                blkAddAtendee.find('.status option').toggleClass('hidden');
282
283                blkAddAtendee.find('option[value=1]').attr('selected','selected').trigger('change');
284                               
285            }else{
286                removeOthers();
287                       
288                $(this).addClass('attendee-permissions-change-button')   
289                .find('.ui-icon-transferthick-e-w').addClass('attendee-permissions-change').end();               
290               
291                me.find('input[name="delegatedFrom[]"]').val(blkAddAtendee.find('.me input[name="attendee[]"]').val());
292               
293                dependsDelegate(me, false);
294                       
295                blkAddAtendee.find('.request-update').removeClass('hidden');
296                if(blkAddAtendee.find('.status option.hidden').length == 1)
297                    blkAddAtendee.find('.status option').toggleClass('hidden');
298                       
299                blkAddAtendee.find('option[value=5]').attr('selected','selected').trigger('change');
300            }
301        })
302        .addClass('tiny disable ui-button-disabled ui-state-disabled')
303        .removeClass('new').end()
304               
305        .filter(".edit.new").button({
306            icons: {
307                primary: "ui-icon-key"
308            },
309            text: false
310        }).click(function() {
311                       
312            if(!!!checked)
313                $(this).parents('li').find('[type=checkbox]').attr('checked', (!$(this).parent().find('[type=checkbox]').is(':checked'))).end();
314                       
315            var aclsParticipant =  $(this).parents('li').find('input[name="attendeeAcl[]"]').val();
316            checked = false;
317                       
318            if( $('.qtip.qtip-blue.qtip-active').val() !== ''){
319                blkAddAtendee.find('dd.attendee-list').qtip({
320                    show: {
321                    ready: true,
322            solo: true,
323            when: {
324                    event: 'click'
325                    }
326                },
327                hide: false,
328                content: {
329                text: $('<div></div>').html( DataLayer.render( path + 'templates/attendee_permissions.ejs', {} ) ),
330                title: {
331                text:'Permissões',
332                button: '<a class="button close" href="#">close</a>'
333                }
334                },
335                style: {
336                name: 'blue',
337            tip: {
338                corner: 'leftMiddle'
339                },
340            border: {
341                width: 4,
342            radius: 8
343                },
344            width: {
345                min: 230,
346            max:230
347                }
348            },
349            position: {
350            corner: {
351            target: 'rightMiddle',
352            tooltip: 'leftMiddle'
353            },
354            adjust: {
355            x:0,
356            y:0
357            }
358            }
359            })
360        .qtip("api").onShow = function(arg0) {
361            $('.qtip-active .button.close').button({
362                icons: {
363                    primary: "ui-icon-close"
364                },
365                text: false
366            })
367            .click(function(){
368                blkAddAtendee.find('dd.attendee-list').qtip('destroy');
369            });
370                                       
371            $('.qtip-active .button.save').button().click(function(){
372                                               
373                var acl = '';
374                $('.qtip-active').find('[type=checkbox]:checked').each(function(i, obj) {
375                    acl+= obj.value;
376                });
377
378                blkAddAtendee.find('dd.attendee-list [type=checkbox]:checked').siblings('input[name="attendeeAcl[]"]').each(function(i, obj) {
379                    obj.value = 'r'+acl;
380                }).parents('li').find('.button.edit').addClass('attendee-permissions-change-button')   
381                .find('.ui-icon-key').addClass('attendee-permissions-change');               
382                                               
383                blkAddAtendee.find('dd.attendee-list [type=checkbox]').attr('checked', false);
384                                               
385                blkAddAtendee.find('dd.attendee-list').qtip('destroy');
386                                       
387            });
388            $('.qtip-active .button.cancel').button().click(function(){
389                blkAddAtendee.find('dd.attendee-list [type=checkbox]').attr('checked', false);
390                blkAddAtendee.find('dd.attendee-list').qtip('destroy');
391            });
392                                       
393            if(aclsParticipant)
394                for(var i = 1; i < aclsParticipant.length; i++){
395                    $('.qtip-active').find('input[name="'+acl_names[aclsParticipant.charAt(i)]+'"]').attr('checked', true);
396                }
397                                                       
398            $('.qtip .button').button();
399                                       
400        };
401        }else{
402            if(!$('.new-event-win dd.attendee-list').find('[type=checkbox]:checked').length){
403                blkAddAtendee.find('dd.attendee-list').qtip('destroy');
404            }else{
405                $('.qtip-active .button.save .ui-button-text').html('Aplicar a todos')
406            }
407                       
408        };                     
409    })
410.addClass('tiny disable ui-button-disabled ui-state-disabled')
411.removeClass('new').end()
412               
413.filter(".open-delegate.new").click(function(){
414    if($(this).hasClass('ui-icon-triangle-1-e')){
415        $(this).removeClass('ui-icon-triangle-1-e').addClass('ui-icon-triangle-1-s');
416        $(this).parents('li').find('.list-delegates').removeClass('hidden');
417    }else{
418        $(this).removeClass('ui-icon-triangle-1-s').addClass('ui-icon-triangle-1-e');
419        $(this).parents('li').find('.list-delegates').addClass('hidden');
420    }
421               
422}).removeClass('new');
423       
424       
425blkAddAtendee.find("li input[type=checkbox].new").click(function(){
426    if(!$('.new-event-win dd.attendee-list').find('[type=checkbox]:checked').length){
427        blkAddAtendee.find('dd.attendee-list').qtip('destroy');
428    }else{
429        checked = true;
430        $(this).parents('li').find('.button.edit').click();
431    }
432}).removeClass('new');
433       
434UI.dialogs.addEvent.find('.attendees-list li').hover(
435    function () {
436        $(this).addClass("hover-attendee");
437        $(this).find('.button').removeClass('disable ui-button-disabled ui-state-disabled').end()
438        .find('.attendee-options').addClass('hover-attendee');
439    },
440    function () {
441        $(this).removeClass("hover-attendee");
442        $(this).find('.button').addClass('disable ui-button-disabled ui-state-disabled').end()
443        .find('.attendee-options').removeClass('hover-attendee');;
444    }
445    );
446       
447               
448}
449
450var html = DataLayer.render( path+'templates/event_add.ejs', {
451    event:objEvent
452});     
453               
454if (!UI.dialogs.addEvent) {
455    UI.dialogs.addEvent = jQuery('#sandbox').append('<div title="Criar Evento" class="new-event-win active"> <div>').find('.new-event-win.active').html(html).dialog({
456        resizable: false,
457        modal:true,
458        autoOpen: false,
459        width:701,
460        position: 'center',
461        close: function(event, ui) {
462                /**
463                 * Remove tooltip possivelmente existente
464                 */
465                if ($('.qtip.qtip-blue.qtip-active').length)
466                        $('.qtip.qtip-blue.qtip-active').qtip('destroy');                                               
467                attendees  = {};
468        },
469        beforeClose: function(event, ui) {
470
471            if (!canDiscardEventDialog && !zebraDiscardEventDialog) {
472                zebraDiscardEventDialog = true;
473                window.setTimeout(function() {
474                    $.Zebra_Dialog('Suas alterações no evento não foram salvas. Deseja descartar as alterações?', {
475                        'type':     'question',
476                        'overlay_opacity': '0.5',
477                        'buttons':  ['Descartar alterações', 'Continuar editando'],
478                        'onClose':  function(clicked) {
479                            if(clicked == 'Descartar alterações') {
480                                canDiscardEventDialog = true;
481                                /**
482                                *Remoção dos anexos do eventos caso seja cancelado a edição
483                                */
484                                DataLayer.rollback();
485
486                                var ids = false;
487                                $.each($('.attachment-list input'), function (i, input) {
488                                    DataLayer.put('attachment', {id: ''+input.value});
489                                    DataLayer.remove('attachment', ''+input.value);
490                                        ids = true;
491                                });
492                                if(ids)
493                                        DataLayer.commit();
494                       
495                               
496                                                                               
497                                UI.dialogs.addEvent.dialog('close');
498                            }else{
499                                zebraDiscardEventDialog = false;
500                            }
501                                                                       
502                            /**
503                            * Uma vez aberta uma janela de confirmação (Zebra_Dialog), ao fechá-la
504                            * com ESC, para que o evento ESC não seja propagado para fechamento da
505                            * janela de edição de eventos, deve ser setada uma flag indicando que
506                            * já existe uma janela de confirmação aberta.
507                            */
508                            if (!clicked) {
509                                window.setTimeout(function() {
510                                    zebraDiscardEventDialog = false;
511                                }, 200);
512                            }
513                        }
514                    });
515                                                       
516                }, 300);
517
518            }
519            //DataLayer.rollback();
520            return canDiscardEventDialog;
521        },
522        dragStart: function(event, ui) {
523                if ($('.qtip.qtip-blue.qtip-active').length)
524                        $('.qtip.qtip-blue.qtip-active').qtip('destroy');
525        }
526    });
527                       
528} else {
529    UI.dialogs.addEvent.html(html);
530}
531               
532var tabs = UI.dialogs.addEvent.children('.content').tabs({
533        select: function(event, ui) {
534                if ($('.qtip.qtip-blue.qtip-active').length)
535                        $('.qtip.qtip-blue.qtip-active').qtip('destroy');
536        }       
537        });
538var calendar = DataLayer.get('calendar', objEvent.calendar);
539                               
540if (calendar.timezone != objEvent.timezone){
541    UI.dialogs.addEvent.find('.calendar-addevent-details-txt-timezone').find('option[value="'+objEvent.timezone+'"]').attr('selected','selected').trigger('change');
542    UI.dialogs.addEvent.find('.calendar_addevent_details_lnk_timezone').addClass('hidden');
543    $('.calendar-addevent-details-txt-timezone').removeClass('hidden');
544                       
545}
546
547DataLayer.render( path+'templates/event_repeat.ejs', {
548    event:objEvent
549}, function( repeatHtml ){
550
551    UI.dialogs.addEvent.find('#calendar_addevent_details3').html(repeatHtml);
552    $(".date").datepicker({
553                dateFormat: User.preferences.dateFormat.replace(/M/g, 'm').replace(/yyyy/g, 'yy')
554                });
555                 
556    if(objEvent.repeat)
557    {
558        if( objEvent.repeat['id'] )
559        {
560            $("[name='repeatId']:last").val( objEvent.repeat['id'] );
561        }
562
563        if( objEvent.repeat['frequency'] !== 'none' )
564        {
565            if( objEvent.repeat['startTime'] && objEvent.repeat['startTime'] !== "0" )
566            {
567                $("[name='startOptions'] [value='customDate']:last").attr( 'selected', 'selected' );
568                $("[name='start']:last").val(new Date( parseInt(objEvent.repeat['startTime']) ).toString( User.preferences.dateFormat ) );
569            }
570            else
571            {
572                $("[name='start']:last").val($("[name='startDate']:last").val());     
573                $("[name='start']:last").readOnly=true;
574                $("[name='start']:last").datepicker("disable");
575            }
576                             
577            $(".finish_event").removeClass("hidden");
578
579            if(objEvent.repeat['endTime'] && objEvent.repeat['endTime'] !== "0" )
580            {
581                //$("[name='occurrences']").addClass("hidden");
582                $(".customDateEnd").removeClass("hidden");
583                $(".endRepeat option[value='customDate']").attr('selected', 'selected')                                         
584                $(".customDateEnd").val( new Date( parseInt(objEvent.repeat['endTime']) )/*.setTimezoneOffset( Timezone.timezone( objEvent.timezone ) )*/.toString( User.preferences.dateFormat ) ); 
585            }
586            else if (objEvent.repeat['count'] && objEvent.repeat['count'] !== "0" ) {
587                $(".endRepeat option[value='occurrences']").attr('selected', 'selected');                                               
588                $(".occurrencesEnd").removeClass("hidden");
589                $(".occurrencesEnd").val(objEvent.repeat['count']);                                             
590            }
591                             
592            switch ( objEvent.repeat['frequency'] )
593            {
594                case "daily":
595                    $(".event-repeat-container:last").find(".repeat-in").find(".interval").html("Dia(s)")
596                    .end().find(".eventInterval").val( objEvent.repeat['interval'] || "1" );
597                    $(".frequency option[value='daily']").attr('selected', 'selected');
598                    break;
599                case "weekly":
600                    $(".event-repeat-container:last").find(".repeat-in").find(".interval").html("Semana(s)")
601                    .end().find(".eventInterval").val( objEvent.repeat['interval'] || "1" );
602                    $(".frequency option[value='weekly']").attr('selected', 'selected');
603                                           
604                    $(".event-repeat-weekly").removeClass("hidden");
605                                           
606                    var day = [];
607                                           
608                    if( objEvent.repeat.byday )
609                        day = objEvent.repeat.byday.split(',');
610                                           
611                    for(i=0; i<day.length; i++)
612                        $(".event-repeat-weekly [value='" + day[i] + "']").attr("checked","checked");
613                                           
614                    break;
615                case "monthly":
616                    $(".event-repeat-container:last").find(".repeat-in").find(".interval").html("Mes(s)")
617                    .end().find(".eventInterval").val( objEvent.repeat['interval'] || "1" );
618                    $(".frequency option[value='monthly']").attr('selected', 'selected')
619                    $(".event-repeat-monthly:last").removeClass("hidden").find("input[type=radio][name=repeatmonthyType]").click(function(){
620                        if($("input[type=radio][name=repeatmonthyType]:checked").val() == "1")
621                            $(".event-repeat-weekly:last").removeClass("hidden");
622                        else
623                            $(".event-repeat-weekly:last").addClass("hidden");
624                    });
625                    if($("input[type=radio][name=repeatmonthyType]:checked").val() == "1")
626                        $(".event-repeat-weekly:last").removeClass("hidden");
627                    else
628                        $(".event-repeat-weekly:last").addClass("hidden");
629                    break;
630                case "yearly":
631                    $(".event-repeat-container:last").find(".repeat-in").find(".interval").html("Ano(s)")
632                    .end().find(".eventInterval").val( objEvent.repeat['interval'] || "1" );
633                    $(".frequency option[value='yearly']").attr('selected', 'selected')
634                    break;     
635            }
636        }
637    }
638    else {
639        $(".endRepeat option[value='never']").attr('selected', 'selected');
640    }
641
642
643    $(".event-repeat-container:last").find(".repeat-in").find("[name=startOptions]").change(function(){                                       
644
645        if($(this).find("option:selected").val() == "Today"){
646            $("[name='start']:last").val($("[name='startDate']:last").val());
647            $("[name='start']:last").readOnly=true;
648            $("[name='start']:last").datepicker("disable");
649        }
650        else{
651            $("[name='start']:last").readOnly=false;
652            $("[name='start']:last").datepicker("enable");
653        }
654    });
655    $(".event-repeat-container:last").find(".repeat-in").find("[name=endOptions]").change(function(){                                       
656        if($(this).find("option:selected").val() == "never"){
657            $("[name='occurrences']").addClass("hidden");
658            $("[name='end']:last").addClass("hidden");
659        }
660        else if($(this).find("option:selected").val() == "customDate"){
661            $("[name='occurrences']").addClass("hidden");
662            $("[name='end']:last").removeClass("hidden");   
663        }
664        else{
665            $("[name='end']:last").addClass("hidden");
666            $("[name='occurrences']").removeClass("hidden");                                       
667        }
668    });
669                       
670    $("[name='frequency']:last").change(function () {
671        $(".frequency-option").addClass("hidden");
672        if($(this).val() == "none"){
673            $(".repeat-in").addClass("hidden");
674            return;
675        }else{
676            $(".repeat-in").removeClass("hidden");
677            $("[name='start']:last").val($("[name='startDate']:last").val());
678        }
679                 
680                                 
681        switch($(this).val()){
682            case "daily":
683                $(".event-repeat-container:last").find(".repeat-in").find(".interval").html("Dia(s)");
684                break;
685            case "weekly":
686                $(".event-repeat-container:last").find(".repeat-in").find(".interval").html("Semana(s)");
687                $(".event-repeat-weekly:last").removeClass("hidden");
688                break;
689            case "monthly":
690                $(".event-repeat-container:last").find(".repeat-in").find(".interval").html("Mes(s)");
691                $(".event-repeat-monthly:last").removeClass("hidden").find("input[type=radio][name=repeatmonthyType]").click(function(){
692                    if($("input[type=radio][name=repeatmonthyType]:checked").val() == "1")
693                        $(".event-repeat-weekly:last").removeClass("hidden");
694                    else
695                        $(".event-repeat-weekly:last").addClass("hidden");
696                });
697                if($("input[type=radio][name=repeatmonthyType]:checked").val() == "1")
698                    $(".event-repeat-weekly:last").removeClass("hidden");
699                else
700                    $(".event-repeat-weekly:last").addClass("hidden");
701                break;
702            default:
703                $(".event-repeat-container:last").find(".repeat-in").find(".interval").html("Ano(s)");
704                break;
705        }
706                               
707    });
708});
709
710UI.dialogs.addEvent.find('.calendar_addevent_details_lnk_timezone').click(function(e){
711    $(this).addClass('hidden');
712    $('.calendar-addevent-details-txt-timezone').removeClass('hidden');
713    e.preventDefault();
714});
715               
716UI.dialogs.addEvent.find('.button.remove').button({
717    text:false,
718    icons:{
719        primary:'ui-icon-close'
720    }
721}).click(function(el){
722    var id;
723    if( id = $(this).parent().find('input[name="alarmId[]"]').val())
724        DataLayer.remove('alarm', id);
725    $(this).parent().remove().find('li').is(':empty');
726});
727
728var myCalendar = function(){
729        for(var i in Calendar.signatures)
730            if(Calendar.signatures[i].isOwner == "1")
731                return Calendar.signatures[i].calendar.id;
732}
733
734/*Seleciona a agenda padrão para visualização/edição de um evento*/
735if(objEvent.id)
736    UI.dialogs.addEvent.find('option[value="'+objEvent.calendar+'"]').attr('selected','selected').trigger('change');
737
738/*Adicionar alarms padrões, quando alterado a agenda do usuário*/               
739UI.dialogs.addEvent.find('select[name="calendar"]').change(function(){
740    if((typeof($('input[name = "idEvent"]').val()) == 'undefined') || (!!!$('input[name = "idEvent"]').val())) {
741        $('input[name = "isDefaultAlarm[]"]').parent().remove();
742        UI.dialogs.addEvent.find('input[name="defaultAlarm"]').parent().removeClass('hidden');
743        var calendarSelected = Calendar.signatureOf[$(this).val()];
744        calendarSelected.useAlarmDefault = 1;
745        if(calendarSelected.defaultAlarms != ""){
746            var li_attach = DataLayer.render(path+'templates/alarms_add_itemlist.ejs', {
747                alarm:calendarSelected
748            });
749            jQuery('.event-alarms-list').append(li_attach).find('.button.remove').button({
750                text:false,
751                icons:{
752                    primary:'ui-icon-close'
753                }
754            }).click(function(el) {
755            $(this).parent().remove().find('li').is(':empty');
756        });
757
758    }else{
759        UI.dialogs.addEvent.find('input[name="defaultAlarm"]').parent().addClass('hidden');
760    }
761}
762
763    var participant =  UI.dialogs.addEvent.find('dd.me input[name="attendee[]"]').val();
764    var calendar = $(this).val();
765   
766    if( !parseInt(Calendar.signatureOf[calendar].isOwner) ){
767        var signature = Calendar.signatureOf[calendar];
768        var organizer = DataLayer.get('calendarSignature', {
769            filter: ['AND', ['=','calendar',signature.calendar.id], ['=','isOwner','1']],
770            criteria: {
771                deepness: 2
772            }
773        });
774                           
775    if($.isArray(organizer))
776        organizer = organizer[0];
777    DataLayer.put('participant', {
778        id: participant,
779        user: organizer.user.id,
780        mail: organizer.user.mail
781        });
782                           
783    UI.dialogs.addEvent.find('dt.me').html(organizer.user.name);
784    UI.dialogs.addEvent.find('li.organizer input[name="attendee_organizer"]').val(participant);
785    UI.dialogs.addEvent.find('li.organizer label').filter('.name').html(organizer.user.name).end()
786    .filter('.mail').html(organizer.user.mail).attr('title',organizer.user.mail);
787
788}else{
789    UI.dialogs.addEvent.find('dt.me').html(User.me.name);
790    DataLayer.put('participant', {
791        id: participant,
792        user: User.me.id,
793        mail: User.me.mail
794        });
795    UI.dialogs.addEvent.find('li.organizer input[name="attendee_organizer"]').val(participant);
796    UI.dialogs.addEvent.find('li.organizer label').filter('.name').html(User.me.name).end()
797    .filter('.mail').html(User.me.mail).attr('title',User.me.mail);
798}
799
800});
801
802/*Checkbox adicionar alarms padrões*/
803UI.dialogs.addEvent.find('input[name="defaultAlarm"]').click(function(){
804    if($(this).attr("checked")){
805        $('input[name="isDefaultAlarm[]"]').parent().remove();
806        var calendarSelected = Calendar.signatureOf[$('select[name="calendar"]').val()];
807        calendarSelected.useAlarmDefault = 1;
808        if(calendarSelected.defaultAlarms != ""){
809            var li_attach = DataLayer.render(path+'templates/alarms_add_itemlist.ejs', {
810                alarm:calendarSelected
811            });
812            jQuery('.event-alarms-list').append(li_attach).find('.button.remove').button({
813                text:false,
814                icons:{
815                    primary:'ui-icon-close'
816                }
817            }).click(function(el) {
818            var id;
819            if( id = $(this).parent().find('input[name="alarmId[]"]').val())
820                DataLayer.remove('alarm', id);
821            $(this).parent().remove().find('li').is(':empty')
822        });
823    }
824} else {
825    $('input[name="isDefaultAlarm[]"]').parent().remove();
826}
827});
828/* Checkbox allday */
829UI.dialogs.addEvent.find('input[name="allDay"]').click(function(){
830    $(this).attr("checked") ?
831    UI.dialogs.addEvent.find('.start-time, .end-time').addClass('hidden') :
832    UI.dialogs.addEvent.find('.start-time, .end-time').removeClass('hidden');
833    updateMap(true);
834});
835
836UI.dialogs.addEvent.find('.button').button();
837UI.dialogs.addEvent.find('.button.add').button({
838    icons: {
839        secondary: "ui-icon-plus"
840    }
841});
842
843// ==== validation events ====
844UI.dialogs.addEvent.find(".input-group .h1").Watermark("Evento sem título");
845if(User.preferences.hourFormat.length == 5) {
846    UI.dialogs.addEvent.find(".end-time, .start-time").mask("99:99", {
847        completed: function(){
848            updateMap();
849        }
850    });
851} else {
852    $.mask.definitions['{']='[ap]';
853    $.mask.definitions['}']='[m]';
854    UI.dialogs.addEvent.find(".end-time, .start-time").mask("99:99 {}", {
855        completed:function(){
856            $(this).val(date.Calendar.defaultToAmPm($(this).val()));
857            $(this).timepicker("refresh");
858            $(this).val($(this).val().replace(/[\.]/gi, ""));
859            updateMap();
860        }
861    });
862}
863UI.dialogs.addEvent.find(".number").numeric();
864User.preferences.dateFormat.indexOf('-') > 0 ?
865UI.dialogs.addEvent.find(".date").mask("99-99-9999", {
866    completed:function(){
867        updateMap();
868    }
869}) :
870UI.dialogs.addEvent.find(".date").mask("99/99/9999", {
871    completed:function(){
872        updateMap();
873    }
874});
875
876UI.dialogs.addEvent.find(".menu-addevent")
877.children(".delete").click(function(){
878    $.Zebra_Dialog('Tem certeza que deseja excluir o evento?', {
879        'type':     'question',
880        'overlay_opacity': '0.5',
881        'buttons':  ['Sim', 'Não'],
882        'onClose':  function(clicked) {
883            if(clicked == 'Sim'){
884                canDiscardEventDialog = true;
885                /* Remove por filtro */
886                DataLayer.removeFilter('schedulable', {filter: ['AND', ['=', 'id', objEvent.id], ['=', 'calendar', objEvent.calendar], ['=','user',(objEvent.me.user ? objEvent.me.user.id : objEvent.me.id)]]});
887                Calendar.rerenderView(true);
888                /********************/
889                UI.dialogs.addEvent.dialog("close");
890            }
891        }
892    });
893}).end()
894           
895.children(".cancel").click(function(){
896    UI.dialogs.addEvent.dialog("close");
897}).end()
898           
899.children(".save").click(function(){
900    /* Validação */
901    var msg = false;                   
902    if(msg = validDateEvent()){
903        $(".new-event-win.active").find('.messages-validation').removeClass('hidden').find('.message label').html(msg);
904        return false;
905    }
906                       
907    canDiscardEventDialog = true;
908                       
909    var exit = function(event){
910        if(event)
911            DataLayer.remove('schedulable', event, false);
912
913        UI.dialogs.addEvent.children().find('form.form-addevent').submit();
914        UI.dialogs.addEvent.dialog("close");
915    }
916                       
917    if(repeat){
918        DataLayer.remove('repeat', false);
919        DataLayer.put('repeat', repeat);
920        DataLayer.commit('repeat', false, exit(repeat.schedulable));
921    }else
922        exit();
923}).end()
924               
925.children(".export").click(function(){
926    UI.dialogs.addEvent.children().find(".form-export").submit();
927});
928
929var dates = UI.dialogs.addEvent.find('input.date').datepicker({
930    dateFormat: User.preferences.dateFormat.replace(/M/g, 'm').replace(/yyyy/g, 'yy'),
931    onSelect : function( selectedDate ){
932        updateMap();
933    }
934});
935//if(path == ""){
936UI.dialogs.addEvent.find('input.time').timepicker({
937    closeText: 'Ok',
938    hourGrid: 4,
939    minuteGrid: 10,
940    ampm : ((User.preferences.hourFormat.length > 5) ? true: false),
941    timeFormat: "hh:mm tt",
942    onSelect: function (selectedDateTime){
943        if(!(User.preferences.hourFormat.length == 5))
944            $(this).val(selectedDateTime.replace(/[\.]/gi, ""));                                                               
945        updateMap();
946    },
947    onClose : function (selectedDateTime){
948        if(!(User.preferences.hourFormat.length == 5))
949            $(this).val(selectedDateTime.replace(/[\.]/gi, ""));
950    }
951});
952//}
953
954UI.dialogs.addEvent.find('.button-add-alarms').click(function(){
955    var li_attach = DataLayer.render(path+'templates/alarms_add_itemlist.ejs', {});
956
957    jQuery('.event-alarms-list').append(li_attach).find('.button.remove').button({
958        text:false,
959        icons:{
960            primary:'ui-icon-close'
961        }
962    }).click(function(el) {
963    $(this).parent().remove().find('li').is(':empty')
964});
965// valicacao de campos numericos
966$('.number').numeric();
967});
968           
969                 
970UI.dialogs.addEvent.find('.button.suggestion-hours').button({
971    icons: {
972        primary: "ui-icon-clock"
973    },
974    text: 'Sugerir horário'
975}).click(function () {
976    $(this).siblings('input').removeAttr('disabled')
977    .end().parents().find('input[name="allDay"]').removeAttr('disabled');               
978});
979
980
981if(!repeat)
982    if(objEvent.me.id == User.me.id){
983        objEvent.me.id = DataLayer.put('participant', {
984            user: objEvent.me.id,
985            mail: objEvent.me.mail
986            });
987        objEvent.organizer.id = objEvent.me.id;
988    }
989
990var attendeeHtml = DataLayer.render( path+'templates/attendee_add.ejs', {
991    event:objEvent
992});             
993       
994// load template of attendees
995var blkAddAtendee = UI.dialogs.addEvent.find('#calendar_addevent_details6').append(attendeeHtml);
996if(objEvent.attendee.length)
997                callbackAttendee();
998/**
999Opções de delegação do participante/organizer
1000*/             
1001blkAddAtendee.find(".button.participant-delegate").button({
1002    icons: {
1003        primary: "ui-icon-transferthick-e-w"
1004    },
1005    text: false
1006}).click(function () {
1007    if($(this).hasClass('attendee-permissions-change-button')){
1008        if(!$(this).hasClass('disable')){
1009            $(this).removeClass('attendee-permissions-change-button')   
1010            .find('.ui-icon-transferthick-e-w').removeClass('attendee-permissions-change').end();               
1011            blkAddAtendee.find('.block-add-attendee.search').addClass('hidden');
1012            blkAddAtendee.find('.block-add-attendee.search dt').html('Adicionar outros contatos');
1013        }
1014    }else{                                                                     
1015        $(this).addClass('attendee-permissions-change-button')   
1016        .find('.ui-icon-transferthick-e-w').addClass('attendee-permissions-change').end();               
1017        blkAddAtendee.find('.block-add-attendee.search dt').html('Delegar participação para');
1018        blkAddAtendee.find('.block-add-attendee.search').removeClass('hidden');
1019        blkAddAtendee.find('.block-add-attendee.search input.search').focus();
1020    }
1021})
1022.addClass('tiny');             
1023                       
1024//show or hidden permissions attendees
1025//blkAddAtendee.find('.block-attendee-list #attendees-users li').click(show_permissions_attendees);
1026
1027UI.dialogs.addEvent.find(".attendee-list-add .add-attendee-input input").Watermark("digite um email para convidar");
1028/*
1029 * Trata a edição de um novo participante adicionado
1030 */
1031var hasNewAttendee = false;
1032                       
1033blkAddAtendee.find('.attendee-list-add .add-attendee-input span').click(function(data){
1034    blkAddAtendee.find('.attendee-list-add .add-attendee-input input').keydown();
1035});
1036                       
1037blkAddAtendee.find('.attendee-list-add .add-attendee-input input').keydown(function(event) {
1038    if (event.keyCode == '13' && $(this).val() != '' || (event.keyCode == undefined && $(this).val() != '')) {
1039        Encoder.EncodeType = "entity";
1040        $(this).val(Encoder.htmlEncode($(this).val()));
1041                                       
1042        newAttendeeEmail = false;
1043        newAttendeeName  = false;
1044        skipAddNewLine   = false;
1045
1046        var info = $(this).val();
1047
1048        /**
1049                                         * email válido?
1050                                         */
1051        info.match(/^[\w!#$%&'*+\/=?^`{|}~-]+(\.[\w!#$%&'*+\/=?^`{|}~-]+)*@(([\w-]+\.)+[A-Za-z]{2,6}|\[\d{1,3}(\.\d{1,3}){3}\])$/) ?
1052        newAttendeeEmail = info : newAttendeeName = info;
1053
1054        /**
1055                                         * 1) busca no banco para saber se o usuário já existe
1056                                         *              1.1) se existe, atualiza as info na lista de participantes e nao abre o tooltip
1057                                         *              1.2) se não existe
1058                                         *                      a) salva como novo usuario externo no banco (apenas com email)
1059                                         *                      b) exibe tooltip pedindo o nome
1060                                         *                      c) se o usuário preenche tooltip e salva, atualiza com o nome o usuário recém criado
1061                                         *                      d) se o usuário cancela o tooltip, fica o usuário salvo apenas com email e sem nome
1062                                         */
1063
1064        var user = DataLayer.get('user', ["=", "mail", $(this).val()]);
1065        if(!!user && user[0].id)
1066            attendees[user[0].id] = {
1067                name: user[0].name
1068                };
1069                                       
1070        /**
1071                                         * guarda o último tooltip aberto referente à lista de participantes
1072                                         */
1073        lastEditAttendeeToolTip = [];
1074
1075        /**
1076                                         * Valida email e salva um participante externo
1077                                         */
1078        var saveContact = function() {
1079            Encoder.EncodeType = "entity";
1080
1081            var currentTip = $('.qtip-active');
1082            newAttendeeName  = currentTip.find('input[name="name"]').val();
1083            newAttendeeEmail = currentTip.find('input[name="mail"]').val();
1084
1085            if (!(!!newAttendeeEmail.match(/^[\w!#$%&'*+\/=?^`{|}~-]+(\.[\w!#$%&'*+\/=?^`{|}~-]+)*@(([\w-]+\.)+[A-Za-z]{2,6}|\[\d{1,3}(\.\d{1,3}){3}\])$/))) {
1086                currentTip.find('.messages').removeClass('hidden').find('.message label').html('Email inválido.');
1087                return false;
1088            }
1089
1090            DataLayer.put('user', {
1091                id:userId,
1092                name:newAttendeeName,
1093                mail:newAttendeeEmail,
1094                isExternal:isExternal
1095            });
1096
1097            lastEditAttendeeToolTip.find('label')
1098            .filter('.name').html(Encoder.htmlEncode(newAttendeeName)).attr('title', Encoder.htmlEncode(newAttendeeName)).end()
1099            .filter('.mail').html(Encoder.htmlEncode(newAttendeeEmail)).attr('title', Encoder.htmlEncode(newAttendeeEmail));
1100
1101            blkAddAtendee.find('.attendee-list-add .add-attendee-input input').val('');
1102            return true;
1103        }
1104                                               
1105        /**
1106                                         * Formata e adequa um tootip abert para edição de um participante na lista
1107                                         */
1108        var onShowToolTip = function(arg0) {
1109            $('.qtip-active .button.close').button({
1110                icons: {
1111                    primary: "ui-icon-close"
1112                },
1113                text: false
1114            });
1115            $('.qtip-active .button').button()
1116            .filter('.save').click(function(event, ui) {
1117                if(saveContact())
1118                    lastEditAttendeeToolTip.qtip("destroy");
1119                else
1120                    return false;
1121            }).end()
1122            .filter('.cancel').click(function(event, ui) {
1123                lastEditAttendeeToolTip.qtip("destroy");
1124            })
1125
1126            /**
1127                                                 * Trata o ENTER no campo da tooltip, equivalente a salvar
1128                                                 * o novo convidado.
1129                                                 */
1130            $('.qtip-active input').keydown(function(event) {
1131                if (event.keyCode == '13') {                                           
1132                    if (saveContact())                                         
1133                        lastEditAttendeeToolTip.qtip("destroy");
1134                       
1135                    lastEditAttendeeToolTip.qtip("destroy");
1136                    event.preventDefault();
1137                }
1138            })
1139            .filter('[name="name"]').Watermark("informe o nome do contato").end()
1140            .filter('[name="mail"]').Watermark("informe o email do contato");
1141        }
1142                                       
1143        /**
1144                                         * Se o email digitado já foi adicionado na lista,
1145                                         * o usuário deve ser avisado e um botão de edição deve ser exibido
1146                                         */
1147        if(blkAddAtendee.find('label.mail[title="' + newAttendeeEmail + '"]').length) {
1148            hasNewAttendee  = false;
1149            newAttendeeName = blkAddAtendee.find('label.mail[title="' + newAttendeeEmail + '"]').parents('li').find('label.name').attr('title');
1150
1151            blkAddAtendee.find('.email-validation').removeClass('hidden')
1152            .find('.message label').html("O usuário acima já foi adicionado! <a class=\"small button\">Editar</a>")
1153            .find(".button").button().click(function () {
1154                /**
1155                                                         * Se o usuário optar por editar o participante anteriormente adicionado,
1156                                                         * uma tooltip deve ser aberta para este participante, viabilizando a edição
1157                                                         */
1158                blkAddAtendee.find("ul.attendee-list").scrollTo('label.mail[title="' + newAttendeeEmail + '"]');
1159                /**
1160                                                         * Remove tooltip possivelmente existente
1161                                                         */
1162                if (lastEditAttendeeToolTip.length && lastEditAttendeeToolTip.data('qtip'))
1163                    lastEditAttendeeToolTip.qtip('destroy');
1164                                       
1165                lastEditAttendeeToolTip = blkAddAtendee.find('label.mail[title="' + newAttendeeEmail + '"]').parents('li');
1166                lastEditAttendeeToolTip.qtip({
1167                    show: {
1168                        ready: true,
1169                        solo: true,
1170                        when: {
1171                            event: 'click'
1172                        }
1173                    },
1174                hide: false,
1175                content: {
1176                    text: $('<div></div>').html( DataLayer.render( path+'templates/attendee_quick_edit.ejs', {
1177                        attendee:{
1178                            name:newAttendeeName,
1179                            mail:newAttendeeEmail
1180                        }
1181                    } ) ),
1182                title: {
1183                    text:'Detalhes do participante',
1184                    button: '<a class="button close" href="#">close</a>'
1185                }
1186                },
1187                style: {
1188                    name: 'blue',
1189                    tip: {
1190                        corner: 'leftMiddle'
1191                    },
1192                    border: {
1193                        width: 4,
1194                        radius: 8
1195                    },
1196                    width: {
1197                        min: 230,
1198                        max:230
1199                    }
1200                },
1201            position: {
1202                corner: {
1203                    target: 'rightMiddle',
1204                    tooltip: 'leftMiddle'
1205                },
1206                adjust: {
1207                    x:0,
1208                    y:0
1209                }
1210            }
1211            });
1212        lastEditAttendeeToolTip.qtip("api").onShow = onShowToolTip;
1213    });
1214skipAddNewLine = true;
1215} else {
1216    hasNewAttendee  = true;
1217    blkAddAtendee.find('.email-validation').addClass('hidden');
1218}
1219                                       
1220                                       
1221var isExternal = (!!user && !(!!user.isExternal)) ? 0 : 1;
1222
1223/**
1224                                         * Remove tooltip possivelmente existente
1225                                         */
1226if (lastEditAttendeeToolTip.length && lastEditAttendeeToolTip.data('qtip'))
1227    lastEditAttendeeToolTip.qtip('destroy');
1228
1229userId = '';
1230var newAttendeeId = '';
1231
1232if (user){
1233    if (!skipAddNewLine) {
1234        user[0].id =  DataLayer.put('participant', {
1235            user: user[0].id,
1236            isExternal: isExternal,
1237            acl: 'r'
1238        });
1239        user[0].acl = objEvent.acl;
1240        user[0].isDirty = !!!objEvent.id;
1241
1242        blkAddAtendee.find('dd.attendee-list ul.attendee-list').append(
1243            DataLayer.render(path+'templates/participants_add_itemlist.ejs', user)
1244            )
1245        .scrollTo('max');
1246        callbackAttendee();
1247    }
1248                                               
1249    $(this).val('');
1250
1251} else if (!skipAddNewLine) {
1252    /**
1253     * a) salva como novo usuario externo no banco (apenas com email) e...
1254     * adiciona novo contato externo à lista de convidados
1255     */
1256
1257    userId = DataLayer.put('user', {
1258        name: newAttendeeName,
1259        mail: newAttendeeEmail,
1260        isExternal: isExternal
1261    });
1262    newAttendeeId = DataLayer.put('participant', {
1263        user: userId,
1264        isExternal: isExternal
1265    });
1266
1267                                                 
1268    blkAddAtendee.find('dd.attendee-list ul.attendee-list').append(
1269        DataLayer.render(path+'templates/participants_add_itemlist.ejs', [{
1270            id:newAttendeeId,
1271            name: newAttendeeName,
1272            mail: newAttendeeEmail,
1273            isExternal: 1,
1274            acl: objEvent.acl,
1275            isDirty: !!!objEvent.id
1276            }])
1277        ).scrollTo('max');
1278    callbackAttendee();
1279
1280    /**
1281                                                 * Adiciona tootip para atualização dos dados do contato externo
1282                                                 * recém adicionado.
1283                                                 */
1284    lastEditAttendeeToolTip = blkAddAtendee.find('dd.attendee-list li:last');
1285    lastEditAttendeeToolTip.qtip({
1286        show: {
1287            ready: true,
1288            solo: true,
1289            when: {
1290                event: 'click'
1291            }
1292        },
1293    hide: false,
1294    content: {
1295        text: $('<div></div>').html( DataLayer.render( path+'templates/attendee_quick_edit.ejs', {
1296            attendee:{
1297                name:newAttendeeName,
1298                mail:newAttendeeEmail
1299            }
1300        } ) ),
1301    title: {
1302        text:'Detalhes do participante',
1303        button: '<a class="button close" href="#">close</a>'
1304    }
1305    },
1306    style: {
1307        name: 'blue',
1308        tip: {
1309            corner: 'leftMiddle'
1310        },
1311        border: {
1312            width: 4,
1313            radius: 8
1314        },
1315        width: {
1316            min: 230,
1317            max:230
1318        }
1319    },
1320position: {
1321    corner: {
1322        target: 'rightMiddle',
1323        tooltip: 'leftMiddle'
1324    },
1325    adjust: {
1326        x:0,
1327        y:0
1328    }
1329}
1330});
1331                       
1332lastEditAttendeeToolTip.qtip("api").onShow = onShowToolTip;
1333
1334$(this).val('');
1335
1336                                               
1337}
1338event.preventDefault();
1339}
1340                               
1341});
1342
1343/**
1344                        * Trata a busca de usuários para adição de participantes
1345                        */
1346blkAddAtendee.find('.add-attendee-search .ui-icon-search').click(function(event) {
1347    blkAddAtendee.find('.add-attendee-search input').keydown();
1348});
1349                       
1350                       
1351blkAddAtendee.find('.add-attendee-search input').keydown(function(event) {
1352
1353    if(event.keyCode == '13' || typeof(event.keyCode) == 'undefined') {                 
1354        var result = DataLayer.get('user', ["*", "name", $(this).val()], true);
1355
1356        /**
1357        * TODO: trocar por template
1358        */
1359        blkAddAtendee.find('ul.search-result-list').empty().css('overflow', 'hidden');
1360        if (!result) {
1361            blkAddAtendee.find('ul.search-result-list').append('<li><label class="empty">Nenhum resultado encontrado.</label></li>');
1362        }
1363
1364        for(i=0; i<result.length; i++)
1365            result[i].enabled = (blkAddAtendee.find('dd.attendee-list ul.attendee-list label.mail[title="' +  result[i].mail + '"]').length) ? false : true;
1366                                                                                       
1367        blkAddAtendee.find('ul.search-result-list').append(DataLayer.render( path+'templates/participants_search_itemlist.ejs', result));
1368
1369        blkAddAtendee.find('ul.search-result-list li').click(function(event, ui){
1370            if ($(event.target).is('input')) {
1371                old_item = $(event.target).parents('li');
1372                newAttendeeId = DataLayer.put('participant', {
1373                    user: old_item.find('.id').html(),
1374                    isExternal: old_item.find('.isExternal').html()
1375                });
1376                                                       
1377                attendees[old_item.find('.id').html()] = old_item.find('.name').html();
1378                                                       
1379                blkAddAtendee.find('dd.attendee-list ul.attendee-list')
1380                .append(DataLayer.render(path+'templates/participants_add_itemlist.ejs', [{
1381                    id: newAttendeeId,
1382                    name: old_item.find('.name').html(),
1383                    mail: old_item.find('.mail').html(),
1384                    isExternal: old_item.find('.isExternal').html(),
1385                    acl: objEvent.acl,
1386                    isDirty: !!!objEvent.id
1387                    }]))
1388                .scrollTo('max');
1389                /**
1390                                                        * Delegação de participação de um participante com permissão apenas de leitura
1391                                                        *
1392                                                        */
1393                if(!objEvent.acl.organization && !objEvent.acl.write && !objEvent.acl.inviteGuests && objEvent.acl.read ){
1394                                                               
1395                    blkAddAtendee.find('.block-add-attendee.search').addClass('hidden');
1396                    blkAddAtendee.find('.block-add-attendee.search dt').html('Adicionar outros contatos');
1397                                                               
1398                    blkAddAtendee.find('.status option').toggleClass('hidden');
1399                    blkAddAtendee.find('option[value=5]').attr('selected','selected').trigger('change');
1400                    blkAddAtendee.find('.request-update').removeClass('hidden');
1401
1402                    blkAddAtendee.find('dd.attendee-list ul.attendee-list li .button.close').parents('li').find('input[name="delegatedFrom[]"]').val(blkAddAtendee.find('.me input[name="attendee[]"]').val());
1403                                                               
1404                    blkAddAtendee.find('.me .participant-delegate').addClass('disable ui-button-disabled ui-state-disabled');
1405                    blkAddAtendee.find(".button.close").button({
1406                        icons: {
1407                            primary: "ui-icon-close"
1408                        },
1409                        text: false
1410                    }).click(function () {
1411                                                                       
1412                        $(this).parents('li').find('input[name="delegatedFrom[]"]').val('');
1413                        blkAddAtendee.find('.request-update').addClass('hidden');
1414                        blkAddAtendee.find('.status option').toggleClass('hidden');
1415                        blkAddAtendee.find('option[value=1]').attr('selected','selected').trigger('change');                   
1416                        blkAddAtendee.find('.me .participant-delegate').removeClass('disable ui-button-disabled ui-state-disabled attendee-permissions-change-button')
1417                        .find('.ui-icon-person').removeClass('attendee-permissions-change').end();                     
1418                                                                       
1419                        DataLayer.remove('participant', $(this).parents('li').find('[type=checkbox]').val());
1420                        $(this).parents('li').remove();
1421                    })
1422                    .addClass('tiny');
1423                }else{
1424                    callbackAttendee();
1425                    old_item.remove();
1426                }
1427            }
1428        });
1429
1430        event.preventDefault();
1431    }
1432});
1433
1434//$('.block-add-attendee .search-result-list').selectable();
1435
1436UI.dialogs.addEvent.find('.row.fileupload-buttonbar .button').filter('.delete').button({
1437    icons: {
1438        primary: "ui-icon-close"
1439    },
1440    text: 'Excluir'
1441}).click(function () {
1442    $.Zebra_Dialog('Tem certeza que deseja excluir todos anexos?', {
1443        'type':     'question',
1444        'overlay_opacity': '0.5',
1445        'buttons':  ['Sim', 'Não'],
1446        'onClose':  function(clicked) {
1447            if(clicked == 'Sim'){
1448               
1449                var ids = [];
1450                $.each($('.attachment-list input'), function (i, input) {
1451                     DataLayer.remove('schedulableToAttachment', {
1452                        filter: ['=', 'id', ''+input.value]
1453                        });
1454                });
1455                $('div.new-event-win .attachment-list input').remove();
1456                $('div.new-event-win .row.fileupload-buttonbar .attachments-list p').remove();
1457                $('div.new-event-win .btn-danger.delete').addClass('hidden');
1458            }
1459        }});
1460}).end()
1461.filter('.close').button({
1462    icons: {
1463        primary: "ui-icon-close"
1464    },
1465    text: false
1466}).click(function () {
1467    DataLayer.remove('schedulableToAttachment', $(this).parents('p').find('input[name="fileId[]"]').val());
1468    $(this).parents('p').remove();
1469}).end()
1470.filter('.downlaod-archive').button({
1471    icons: {
1472        primary: "ui-icon-arrowthickstop-1-s"
1473    },
1474    text: false
1475});
1476
1477extendsFileupload('event', path);
1478       
1479if(objEvent.isShared){
1480               
1481    var acls = Calendar.signatureOf[objEvent.calendar].permission.acl;
1482               
1483    if(!acls.write){
1484        UI.dialogs.addEvent.find(':input').attr('disabled', 'disabled');
1485        UI.dialogs.addEvent.find('.button').hide();
1486    }
1487               
1488    if(acls.remove)
1489        UI.dialogs.addEvent.find('.button.remove').show();
1490   
1491    UI.dialogs.addEvent.find('.button.cancel').show(); 
1492}
1493
1494disponibily(objEvent, path, attendees, 'event');
1495
1496/*Seleciona a agenda padrão para criação de um evento*/
1497if(!objEvent.id){
1498    var selectedCalendar = (objEvent.calendar != undefined) ? objEvent.calendar : (User.preferences.defaultCalendar ? User.preferences.defaultCalendar : myCalendar());
1499    UI.dialogs.addEvent.find('option[value="'+selectedCalendar+'"]').attr('selected','selected').trigger('change');
1500}
1501UI.dialogs.addEvent.find(':input').change(function(event){
1502    if (event.keyCode != '27' && event.keyCode != '13')
1503        canDiscardEventDialog = false;
1504}).keydown(function(event){
1505    if (event.keyCode != '27' && event.keyCode != '13')
1506        canDiscardEventDialog = false;
1507});     
1508
1509UI.dialogs.addEvent.dialog('open');
1510
1511}
1512
1513
1514
1515function add_tab_preferences()
1516{
1517    if(!(document.getElementById('preference_tab')))
1518    {
1519        var tab_title = "Preferencias";
1520        $tabs.tabs( "add", "#preference_tab", tab_title );
1521               
1522        /*
1523                DataLayer.render( 'templates/timezone_list.ejs', {}, function( timezones_options ){
1524                        tabPrefCalendar.find('select[name="timezone"]').html(timezones_options).find('option[value="'+User.preferences.timezone+'"]').attr('selected','selected').trigger('change');
1525                });
1526                */
1527        DataLayer.render( 'templates/preferences_calendar.ejs', {
1528            preferences:User.preferences,
1529            calendars: Calendar.calendars
1530            }, function( template ){
1531            var tabPrefCalendar = jQuery('#preference_tab').html( template ).find('.preferences-win');
1532               
1533            tabPrefCalendar.find('option[value="'+User.preferences.defaultCalendar+'"]').attr('selected','selected').trigger('change');
1534               
1535            DataLayer.render( 'templates/timezone_list.ejs', {}, function( timezones_options ){
1536                tabPrefCalendar.find('select[name="timezone"]').html(timezones_options).find('option[value="'+User.preferences.timezone+'"]').attr('selected','selected').trigger('change');
1537            });
1538               
1539            tabPrefCalendar.find('.button').button()
1540            .filter('.save').click(function(evt){
1541                tabPrefCalendar.find('form').submit();
1542                $('#calendar').fullCalendar('render');
1543                $('.block-vertical-toolbox .mini-calendar').datepicker( "refresh" );
1544                $tabs.tabs( "remove", "#preference_tab");
1545            }).end().filter('.cancel').click(function(evt){
1546                $tabs.tabs( "remove", "#preference_tab");
1547            });
1548                       
1549            tabPrefCalendar.find('.number').numeric();
1550                       
1551            tabPrefCalendar.find('input.time').timepicker({
1552                closeText: 'Ok',
1553                hourGrid: 4,
1554                minuteGrid: 10,
1555                ampm : (parseInt($("select[name=hourFormat] option:selected").val().length) > 5 ? true : false), //((User.preferences.hourFormat.length > 5) ? true: false),
1556                timeFormat: "hh:mm tt",
1557                onSelect: function (selectedDateTime){
1558                    if(!(User.preferences.hourFormat.length == 5)) {
1559                        $(this).val(selectedDateTime.replace(/[\.]/gi, ""));
1560                    }
1561                },
1562                onClose : function (selectedDateTime){
1563                    if(!(User.preferences.hourFormat.length == 5)) {
1564                        $(this).val(selectedDateTime.replace(/[\.]/gi, ""));
1565                    }
1566                }
1567            });
1568                       
1569            $.mask.definitions['{']='[ap]';
1570            $.mask.definitions['}']='[m]';
1571            tabPrefCalendar.find("input.time").mask( ((User.preferences.hourFormat.length > 5) ? "99:99 {}" : "99:99"), {
1572                completed:function(){
1573                    $(this).val(dateCalendar.defaultToAmPm($(this).val()));
1574                    $(this).timepicker("refresh");
1575                    $(this).val($(this).val().replace(/[\.]/gi, ""));                                   
1576                }
1577            });
1578                                                           
1579            tabPrefCalendar.find("select[name=hourFormat]").change( function() { // evento ao selecionar formato de hora
1580               
1581                tabPrefCalendar.find("input.time").timepicker("destroy");
1582
1583                tabPrefCalendar.find('input.time').timepicker({
1584                    closeText: 'Ok',
1585                    hourGrid: 4,
1586                    minuteGrid: 10,
1587                    ampm : (parseInt($("select[name=hourFormat] option:selected").val().length) > 5 ? true : false),
1588                    timeFormat: "hh:mm tt",
1589                    onSelect: function (selectedDateTime){
1590                        if(!(User.preferences.hourFormat.length == 5)) {
1591                            $(this).val(selectedDateTime.replace(/[\.]/gi, ""));
1592                        }                                                       
1593                    },
1594                    onClose : function (selectedDateTime){
1595                        if(!(User.preferences.hourFormat.length == 5)) {
1596                            $(this).val(selectedDateTime.replace(/[\.]/gi, ""));
1597                        }
1598                    }
1599                });
1600                               
1601                var defaultStartHour = tabPrefCalendar.find("input[name=defaultStartHour]").val().trim();
1602                var defaultEndHour = tabPrefCalendar.find("input[name=defaultEndHour]").val().trim();
1603               
1604                tabPrefCalendar.find("input.time").mask( (($("select[name=hourFormat] option:selected").val().trim().length > 5) ? "99:99 {}" : "99:99") );
1605               
1606                if (parseInt($("select[name=hourFormat] option:selected").val().length) > 5) { // am/pm
1607                    tabPrefCalendar.find("input[name=defaultStartHour]").val(dateCalendar.defaultToAmPm(defaultStartHour));
1608                    tabPrefCalendar.find("input[name=defaultEndHour]").val(dateCalendar.defaultToAmPm(defaultEndHour))
1609                                       
1610                } else { //24h
1611                    tabPrefCalendar.find("input[name=defaultStartHour]").val(dateCalendar.AmPmTo24(defaultStartHour));
1612                    tabPrefCalendar.find("input[name=defaultEndHour]").val(dateCalendar.AmPmTo24(defaultEndHour));
1613                }
1614            });                 
1615                       
1616                       
1617                       
1618        });             
1619    } else {
1620        $tabs.tabs("select", "#preference_tab");
1621               
1622        return true;
1623    }
1624}
1625
1626
1627function add_tab_configure_calendar(calendar, type)
1628{
1629    $('.qtip.qtip-blue').remove();
1630
1631    var calendars = [];
1632    var signatures = [];
1633    var previewActiveCalendarConf = 0;
1634        var calendarAlarms = [];
1635       
1636        for (var i=0; i<Calendar.signatures.length; i++) {
1637                if(parseInt(Calendar.signatures[i].calendar.type) == type){
1638                   calendars.push(Calendar.signatures[i].calendar);
1639                   signatures.push(Calendar.signatures[i]);
1640                   length = signatures.length - 1;
1641                   signatures[length].numberDefaultAlarm = signatures[length].defaultAlarms != '' ?  signatures[length].defaultAlarms.length: 0;
1642                   if (calendar && calendars[length].id == calendar)
1643                           previewActiveCalendarConf = length;
1644                }
1645   }
1646        var tab_selector = ['configure_tab', 'configure_tab_group'];   
1647    if(!(document.getElementById(tab_selector[type])))
1648    {
1649        $('.positionHelper').css('display', 'none');
1650        $('.cal-list-options-btn').removeClass('fg-menu-open ui-state-active');
1651        if(type == 0){
1652                var tab_title = "Configurações de agendas";
1653        }else{
1654                var tab_title = "Configurações de Grupos";
1655        }
1656        $tabs.tabs( "add", "#"+tab_selector[type], tab_title );
1657               
1658        var dataColorPicker = {
1659            colorsSuggestions: colors_suggestions()
1660        };
1661               
1662               
1663               
1664        var populateAccordionOnActive = function(event, ui) {
1665            var nowActive = (typeof(event) == 'number') ? event : $(event.target).accordion( "option", "active" );
1666            if (nowActive === false)
1667                        return;
1668            dataColorPicker.colorsDefined = {
1669                border: '#'+signatures[nowActive].borderColor,
1670                font:'#'+signatures[nowActive].fontColor,
1671                background:'#'+signatures[nowActive].backgroundColor
1672            };
1673            if (!jQuery('.accordion-user-calendars .ui-accordion-content').eq(nowActive).has('form')) {
1674                return true;
1675            }
1676
1677            DataLayer.render( 'templates/configure_calendars_itemlist.ejs', {
1678                user:User,
1679                type:0,
1680                calendar:calendars[nowActive],
1681                signature:signatures[nowActive]
1682                }, function( form_template ){
1683                var form_content = jQuery('#'+tab_selector[type]+' .accordion-user-calendars .ui-accordion-content').eq(nowActive).html( form_template ).find('form');
1684                form_content.find('.preferences-alarms-list .button').button({
1685                    text:false,
1686                    icons:{
1687                        primary:'ui-icon-close'
1688                    }
1689                });
1690            form_content.find('.button').button();
1691            jQuery('.preferences-alarms-list').find('.button.remove').click(function(el){
1692                        calendarAlarms[calendarAlarms.length] = $(this).parent('li').find('input[name="alarmId[]"]').val();
1693                        $(this).parent().remove();
1694                });
1695       
1696                DataLayer.render( 'templates/timezone_list.ejs', {}, function( timezones_options ){
1697                    var valueTimeZone = calendars[nowActive].timezone;
1698                    form_content.find('select[name="timezone"]').html(timezones_options).find('option[value="'+valueTimeZone+'"]').attr('selected','selected').trigger('change');
1699                });
1700
1701                form_content.find('.button-add-alarms').click(function(){
1702                    DataLayer.render( 'templates/alarms_add_itemlist.ejs', {type: 0}, function( template ){                                             
1703                        jQuery('.preferences-alarms-list').append(template)
1704                        .find('li:last label:eq(0)').remove().end()
1705                        .find('.number').numeric().end()
1706                        .find('.button.remove').button({
1707                            text:false,
1708                            icons:{
1709                                primary:'ui-icon-close'
1710                            }
1711                        }).click(function(el) {
1712                        $(this).parent().remove();
1713                    });   
1714                    });
1715                });
1716
1717
1718            /**
1719                                 * Set color picker
1720                                 */
1721            DataLayer.render( 'templates/calendar_colorpicker.ejs', dataColorPicker, function( template ){
1722                form_content.find('.calendar-colorpicker').html( template );
1723
1724                var f = $.farbtastic(form_content.find('.colorpicker'), colorpickerPreviewChange);
1725                var selected;
1726                var colorpicker = form_content.find('.calendar-colorpicker');
1727                                       
1728                var colorpickerPreviewChange = function(color) {
1729                    var pickedup = form_content.find('.colorwell-selected').val(color).css('background-color', color);
1730
1731                    var colorpicker = form_content.find('.calendar-colorpicker');
1732
1733                    if (pickedup.is('input[name="backgroundColor"]')) {
1734                        colorpicker.find('.fc-event-skin').css('background-color',color);
1735                    } else if (pickedup.is('input[name="fontColor"]')) {
1736                        colorpicker.find('.fc-event-skin').css('color',color);
1737                    } else if (pickedup.is('input[name="borderColor"]')) {
1738                        colorpicker.find('.fc-event-skin').css('border-color',color);
1739                    }
1740                }
1741                                       
1742                form_content.find('.colorwell').each(function () {
1743                    f.linkTo(this);
1744
1745                    if ($(this).is('input[name="backgroundColor"]')) {
1746                        colorpicker.find('.fc-event-skin').css('background-color', $(this).val());
1747                    } else if ($(this).is('input[name="fontColor"]')) {
1748                        colorpicker.find('.fc-event-skin').css('color', $(this).val());
1749                    } else if ($(this).is('input[name="borderColor"]')) {
1750                        colorpicker.find('.fc-event-skin').css('border-color', $(this).val());
1751                    }
1752                })
1753                .focus(function() {
1754                    if (selected) {
1755                        $(selected).removeClass('colorwell-selected');
1756                    }
1757
1758                    $(selected = this).addClass('colorwell-selected');
1759                    f.linkTo(this, colorpickerPreviewChange);
1760                    f.linkTo(colorpickerPreviewChange);
1761
1762                });
1763
1764                form_content.find('select.color-suggestions').change(function() {
1765                    var colors;
1766
1767                    if(colors = dataColorPicker.colorsSuggestions[$(this).val()]) {     
1768                        colorpicker
1769                        .find('input[name="fontColor"]').val(colors.font).focus().end()
1770                        .find('input[name="backgroundColor"]').val(colors.background).focus().end()
1771                        .find('input[name="borderColor"]').val(colors.border).focus().end()
1772
1773                        .find('.fc-event-skin').css({
1774                            'background-color':dataColorPicker.colorsSuggestions[$(this).val()].background,
1775                            'border-color':dataColorPicker.colorsSuggestions[$(this).val()].border,
1776                            'color':dataColorPicker.colorsSuggestions[$(this).val()].font
1777                        });
1778                    }
1779                });
1780
1781                /**
1782                                         * Trata a mudança dos valores dos campos de cores.
1783                                         * Se mudar um conjunto de cores sugerido,
1784                                         * este vira um conjunto de cores personalizado.
1785                                         */
1786                form_content.find('.colorwell').change(function (element, ui) {
1787                    if (true) {
1788                        form_content.find('select.color-suggestions')
1789                        .find('option:selected').removeAttr('selected').end()
1790                        .find('option[value="custom"]').attr('selected', 'selected').trigger('change');
1791                    }
1792                });
1793            }); //END set colorpicker
1794
1795            form_content.find('.phone').mask("+99 (99) 9999-9999");
1796            form_content.find('.number').numeric();
1797
1798        }); //END DataLayer.render( 'templates/configure_calendars_itemlist.ejs' ...
1799
1800// === validations preferences ====
1801
1802                       
1803} //END populateAccordionOnActive(event, ui)
1804               
1805
1806DataLayer.render( 'templates/configure_calendars.ejs', {
1807    user:User,
1808        type: 0,
1809    calendars:calendars,
1810    signatures:signatures
1811}, function( template ){
1812    var template_content = jQuery('#'+tab_selector[type]).html( template ).find('.configure-calendars-win');
1813    template_content.find('.button').button().filter('.save').click(function(evt){
1814        if(calendarAlarms.length)
1815                DataLayer.removeFilter('calendarSignatureAlarm', {filter: ['IN','id', calendarAlarms]});       
1816        template_content.find('form').submit();
1817        $tabs.tabs( "remove", "#"+tab_selector[type]);
1818        DataLayer.commit( false, false, function( received ){
1819            delete Calendar.currentViewKey;
1820            Calendar.load();
1821            refresh_calendars();
1822        });
1823        if(calendarAlarms.length)
1824                Calendar.load();
1825    }).end().filter('.cancel').click(function(evt){
1826        $tabs.tabs( "remove", "#"+tab_selector[type]);
1827    });
1828
1829    /**
1830                         * Muda a estrutura do template para a aplicação do plugin accordion
1831                         */
1832    template_content.find('.header-menu-container').after('<div class="accordion-user-calendars"></div>').end().find('.accordion-user-calendars')
1833    .append(template_content.children('fieldset'));
1834                       
1835    template_content.find('.accordion-user-calendars').children('fieldset').each(function(index) {
1836        $(this).before($('<h3></h3>').html($(this).children('legend')));
1837    });
1838                       
1839    template_content.find('.accordion-user-calendars').accordion({
1840        autoHeight: false,
1841        collapsible: true,
1842        clearStyle: true,
1843        active: previewActiveCalendarConf,
1844        changestart: populateAccordionOnActive
1845    });
1846    populateAccordionOnActive(previewActiveCalendarConf);
1847});
1848
1849} else {
1850        $('.positionHelper').css('display','none');
1851    $('.cal-list-options-btn').removeClass('fg-menu-open ui-state-active');
1852    $tabs.tabs("select", "#"+tab_selector[type]);
1853    $('.accordion-user-calendars').accordion( "activate" , previewActiveCalendarConf );
1854               
1855    return true;
1856}
1857
1858}
1859
1860function getSelectedCalendars( reverse, type ){
1861        var selector = "";
1862        if(type == 0)
1863                selector = ".my-calendars";
1864        if(type == 1)
1865                selector = ".my-groups-task";
1866    var selecteds = {};
1867    var cont = 0;
1868    jQuery(function() {
1869        jQuery(selector+" .calendar-view").each(function(i, obj) {
1870            var check_box = obj;
1871            if( reverse ? !check_box.checked : check_box.checked ) {
1872                selecteds[cont] = obj.value;
1873                cont++;
1874            };
1875        });               
1876    });
1877    if (!cont)
1878        return false;
1879       
1880    selecteds.length = cont;
1881    return $.makeArray( selecteds );
1882}
1883
1884/**
1885 * TODO - transformar em preferência do módulo e criar telas de adição e exclusão de conjunto de cores
1886 */
1887function colors_suggestions(){
1888    return [
1889    {
1890        name:'Padrão',
1891        border:'#3366cc',
1892        font:'#ffffff',
1893        background:'#3366cc'
1894    },
1895
1896    {
1897        name:'Coala',
1898        border:'#123456',
1899        font:'#ffffff',
1900        background:'#385c80'
1901    },
1902
1903    {
1904        name:'Tomate',
1905        border:'#d5130b',
1906        font:'#111111',
1907        background:'#e36d76'
1908    },
1909
1910    {
1911        name:'Limão',
1912        border:'#32ed21',
1913        font:'#1f3f1c',
1914        background:'#b2f1ac'
1915    },
1916
1917    {
1918        name:'Alto contraste',
1919        border:'#000000',
1920        font:'#ffffff',
1921        background:'#222222'
1922    }
1923    ]           
1924}
1925
1926function remove_event(eventId, idCalendar){
1927    $.Zebra_Dialog('Tem certeza que deseja excluir?', {
1928        'type':     'question',
1929        'overlay_opacity': '0.5',
1930        'buttons':  ['Sim', 'Não'],
1931        'onClose':  function(clicked) {
1932            if(clicked == 'Sim'){
1933
1934                var schedulable = DataLayer.get('schedulable', ''+eventId);
1935                schedulable.calendar = ''+idCalendar;
1936                var schudableDecode = DataLayer.encode( "schedulable:preview", schedulable);
1937                var me = schudableDecode.me.user ? schudableDecode.me.user.id : schudableDecode.me.id;
1938
1939                DataLayer.removeFilter('schedulable', {filter: ['AND', ['=','id',eventId], ['=','calendar',idCalendar], ['=','user', me]]})
1940                Calendar.rerenderView(true);
1941            }
1942        }
1943    });
1944}
1945
1946function mount_exception(eventID, idException){
1947   
1948    var schedulable = DataLayer.get('schedulable', ''+eventID);
1949    var edit = {
1950        repeat: (DataLayer.get('repeat', schedulable.repeat))
1951        };                                   
1952
1953    edit.repeat.startTime = new Date(parseInt(edit.repeat.startTime)).toString('yyyy-MM-dd HH:mm:00');
1954    edit.repeat.endTime = parseInt(edit.repeat.count) > 0 ? '0' : new Date(parseInt(edit.repeat.endTime)).toString('yyyy-MM-dd HH:mm:00');
1955   
1956    edit.repeat.exceptions = (schedulable.occurrences[idException]);         
1957   
1958    return edit.repeat;
1959
1960}
1961
1962function remove_ocurrence(eventId, idRecurrence){
1963    $.Zebra_Dialog('Tem certeza que deseja excluir esta ocorrência?', {
1964        'type':     'question',
1965        'overlay_opacity': '0.5',
1966        'buttons':  ['Sim', 'Não'],
1967        'onClose':  function(clicked) {
1968            if(clicked == 'Sim'){
1969                var repeat = mount_exception(eventId, idRecurrence);
1970                DataLayer.remove('repeat', false);
1971                DataLayer.put('repeat', repeat);
1972                DataLayer.commit(false, false, function(data){
1973                    Calendar.rerenderView(true);
1974                });
1975            }
1976        }
1977    });
1978}
1979
1980
1981function remove_calendar(type){
1982    /* Pode ser assim $('.cal-list-options-btn.ui-state-active').attr('class').replace(/[a-zA-Z-]+/g, ''); */
1983        if(!!parseInt(type))
1984                var title = 'Todas as tarefas deste grupo serão removidas. Deseja prosseguir com a operação?';
1985        else
1986                var title = 'Todos os eventos desta agenda serão removidos. Deseja prosseguir com a operação?';
1987    $.Zebra_Dialog(title, {
1988        'type':     'question',
1989        'overlay_opacity': '0.5',
1990        'buttons':  ['Sim', 'Não'],
1991        'onClose':  function(clicked) {
1992            if(clicked == 'Sim'){
1993                var idCalendar =  $('.cal-list-options-btn.ui-state-active').attr('class').match(/[0-9]+/g);
1994                               
1995                DataLayer.remove('calendarSignature', Calendar.signatureOf[idCalendar[0]].id );
1996                               
1997                if(idCalendar == User.preferences.defaultCalendar)
1998                    DataLayer.remove( 'modulePreference', User.preferenceIds['defaultCalendar']);
1999                       
2000                DataLayer.commit( false, false, function( received ){
2001                    delete Calendar.currentViewKey;
2002                    Calendar.load();
2003                    refresh_calendars(type);
2004                });
2005            }
2006            $('.positionHelper').css('display', 'none');
2007       
2008        }
2009    });
2010}
2011
2012function refresh_calendars(type){
2013
2014    var colorsSuggestions = colors_suggestions();
2015    var buttons_colors = "";
2016    for(var i = 0; i < colorsSuggestions.length; i++){
2017        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>";
2018    }
2019
2020    //DataLayer.render( 'templates/calendar_list.ejs', 'calendar:list', ["IN", "id", Calendar.calendarIds], function( html ){
2021    DataLayer.render( 'templates/calendar_list.ejs', Calendar, function( html ){
2022       
2023        var meu_container = $(".calendars-list").html( html );
2024       
2025        var doMenu = function(){
2026                $('ul.list-calendars .cal-list-options-btn').each(function(){
2027                        $(this).menu({   
2028                        content: $(this).next().html(),
2029                        width: '120',
2030                        positionOpts: {
2031                                posX: 'left', 
2032                                posY: 'bottom',
2033                                offsetX: 0,
2034                                offsetY: 0,
2035                                directionH: 'right',
2036                                directionV: 'down', 
2037                                detectH: true, // do horizontal collision detection   
2038                                detectV: true, // do vertical collision detection
2039                                linkToFront: false
2040                        },
2041                        flyOut: true,
2042                        showSpeed: 100,
2043                        crumbDefaultText: '>'
2044                        });
2045                });
2046        }
2047       
2048        doMenu();
2049       
2050        $('#divAppbox').on('scroll',function(){
2051                if ($('.cal-list-options-btn.fg-menu-open.ui-state-active')){                   
2052                        var offset = $('.cal-list-options-btn.fg-menu-open.ui-state-active').offset();
2053                        if (offset)
2054                                $('.positionHelper').css('top',offset.top);
2055                }
2056        });
2057       
2058        $('ul.list-calendars .cal-list-options-btn').on('click',function(){doMenu();});         
2059       
2060
2061    /***************************************New Calendar***************************************/
2062        meu_container.find(".button.new-calendar").button({
2063            icons: {
2064                primary: "ui-icon-plus"
2065            },
2066            text: false
2067        }).click(function () {
2068
2069        var typeCalendar = !!parseInt($(this).attr('class').match(/[0-9]+/g)) ?
2070            {type: 'new-group', title: 'Novo Grupo', typeValue: 1, prompt: 'Nome do grupo'} :
2071            {type: 'new-calendar', title: 'Nova Agenda', typeValue: 0, prompt: 'Nome da agenda'}
2072               
2073            if(!$('.qtip.qtip-blue.qtip-active.'+typeCalendar.type).length){
2074
2075            $('.qtip.qtip-blue').remove();
2076
2077                $(this).qtip({
2078                show: {
2079                       ready: true,
2080                   solo: true,
2081                   when: {
2082                          event: 'click'
2083                       }
2084                    },
2085                  hide: false,
2086                  content: {
2087                          text: $('<div></div>').html( DataLayer.render( 'templates/calendar_quick_add.ejs', {} ) ),
2088                          title: {
2089                              text: typeCalendar.title,
2090                              button: '<a class="button close" href="#">close</a>'
2091                          }
2092                        },
2093                  style: {
2094                          name: 'blue',
2095                      tip: {
2096                              corner: 'leftMiddle'
2097                          },
2098                   border: {
2099                           width: 4,
2100                           radius: 8
2101                          },
2102                      width: {
2103                              min: 230,
2104                          max:230
2105                          }
2106                    },
2107               position: {
2108                       corner: {
2109                           target: 'rightMiddle',
2110                           tooltip: 'leftMiddle'
2111                       },
2112                       adjust: {
2113                            x:0,
2114                            y:-12
2115                       }
2116                    }
2117            })
2118                .qtip("api").onShow = function(arg0) {
2119                    $('.qtip-active .button.close').button({
2120                          icons: {
2121                              primary: "ui-icon-close"
2122                          },
2123                          text: false
2124                    })
2125                    .click(function(){
2126                              $('.qtip.qtip-blue').remove();
2127                    });
2128                   
2129                 $('.qtip-active').addClass(typeCalendar.type);
2130
2131                    $('.qtip-active .button.save').button().click(function(){
2132                    if(!typeCalendar.typeValue)
2133                                for(var i = 0; i < Calendar.calendars.length; i++){
2134                                    if(Calendar.calendars[i].location == ( User.me.uid + '/' + $('.qtip-active input').val())){
2135                                        $.Zebra_Dialog('O nome desta agenda já está sendo utilizada em uma Url de outra agenda. Por favor, informe outro nome para agenda.',{
2136                                            'overlay_opacity': '0.5',
2137                                            'type': 'warning'
2138                                        });
2139                                        $('.qtip.qtip-blue').remove();
2140                                        return;
2141                                    }
2142                                }
2143                                       
2144                        var selected;
2145                        var color = $('.cal-colors-options-btn').each(function(index){
2146                            if ($(this).is('.color-selected'))
2147                                 selected = index;
2148                        });
2149                        DataLayer.put( "calendarSignature", {
2150                            user: User.me.id,
2151                            calendar: {
2152                                name: Encoder.htmlEncode($('.qtip-active input').val()),
2153                                timezone: User.preferences.timezone,
2154                        type: typeCalendar.typeValue                   
2155                            },
2156                            isOwner: 1,
2157                            fontColor: colorsSuggestions[selected]['font'].substring(1) ,
2158                            backgroundColor: colorsSuggestions[selected]['background'].substring(1) ,
2159                            borderColor: colorsSuggestions[selected]['border'].substring(1)
2160                        });
2161                        DataLayer.commit( false, false, function( received ){
2162                            delete Calendar.currentViewKey;
2163                            Calendar.load();
2164                            refresh_calendars();
2165                        });
2166                        $('.qtip.qtip-blue').remove();
2167                    });
2168                               
2169                    $('.qtip-active .button.cancel').button().click(function(){
2170                        meu_container.find(".button.new").qtip('destroy');
2171                    });
2172                               
2173                    $(".qtip-active input").Watermark(typeCalendar.prompt);
2174                               
2175                    $('.qtip-active').keydown(function(event) {
2176                            if (event.keyCode == '27')
2177                              meu_container.find(".button.new").qtip('destroy');
2178                    });
2179                               
2180                    $('.colors-options').prepend(buttons_colors);
2181                    $('.colors-options .signed-cal-colors-options-btn-0').addClass('color-selected');
2182                                               
2183                    var buttons = $('.cal-colors-options-btn').button();
2184                               
2185                    buttons.click(function(){
2186                        buttons.removeClass('color-selected');
2187                        $(this).addClass('color-selected');
2188                    });
2189                }                               
2190           }
2191    });
2192
2193    $("img.cal-list-img").click(function(evt) {
2194           $(".cal-list-options_1").toggleClass( "hidden" );
2195    });
2196
2197    $(".my-groups-task a.title-my-calendars").click(function() {
2198        $(".my-groups-task ul.my-list-calendars").toggleClass("hidden")
2199        $('.my-groups-task .status-list').toggleClass("ui-icon-triangle-1-s");
2200        $('.my-groups-task .status-list').toggleClass("ui-icon-triangle-1-e");
2201    });
2202
2203    $(".my-calendars a.title-my-calendars").click(function() {
2204        $(".my-calendars ul.my-list-calendars").toggleClass("hidden")
2205        $('.my-calendars .status-list').toggleClass("ui-icon-triangle-1-s");
2206        $('.my-calendars .status-list').toggleClass("ui-icon-triangle-1-e");
2207    });
2208               
2209    $(".signed-calendars a.title-signed-calendars").click(function() {
2210           $(".signed-calendars ul.signed-list-calendars").toggleClass( "hidden");
2211    });
2212
2213    $("ul li.list-calendars-item").click(function(evt) {
2214       
2215        });   
2216
2217    $("ul li.list-calendars-item .ui-corner-all").click(function(evt) {
2218        //alert('teste');
2219        });   
2220       
2221    meu_container.find(".button.new-calendar-shared").button({
2222        icons: {
2223            primary: "ui-icon-plus"
2224        },
2225        text: false
2226    }).click(function (event) {
2227        show_modal_search_shared();
2228    });
2229               
2230               
2231    //TODO Implementar ocultar agendas.
2232    meu_container.find('.title-signed-calendars').click(function(evt){
2233        var status = $(this).parent().find('.status-list-shared');
2234                       
2235        if(status.hasClass('ui-icon-triangle-1-s'))
2236            status.removeClass('ui-icon-triangle-1-s').addClass('ui-icon-triangle-1-e');
2237        else
2238            status.removeClass('ui-icon-triangle-1-e').addClass('ui-icon-triangle-1-s');
2239    });
2240               
2241    $('.calendar-view').click(function(evt){
2242        if($tabs.tabs('option' ,'selected') != 0){
2243            pageselectCallback('', 0, false, type);
2244        }
2245                       
2246        if(Calendar.currentView){
2247            var checkBox = $(this);
2248            if(!!Calendar.currentView[ checkBox.val() ]){
2249                Calendar.currentView[ checkBox.val() ].hidden = !checkBox.is(':checked');
2250                $('#calendar').fullCalendar( 'refetchEvents' );
2251            }
2252        }
2253    });
2254});
2255}
2256
2257function add_events_list(keyword, type)
2258{
2259    var tab_title = "";
2260    if (keyword){
2261                type = 2;
2262                if(keyword.length < 10)
2263                        tab_title = keyword;
2264                else
2265                        tab_title = keyword.substr(0,10) + '..."';
2266    }else{
2267                if(type){
2268                        if(!!parseInt(type))
2269                                tab_title = "Lista de tarefas";
2270                        else
2271                                tab_title = "Lista de eventos";
2272                }
2273    }
2274        var tab_selector = ['tab_events_list_', 'tab_tasks_list_', 'tab_all_list_'];
2275    keyword = ( keyword || '' ).replace( /\s+/g, "_" );
2276       
2277    if(!(document.getElementById(tab_selector[type] + (Base64.encode(keyword)).replace(/[^\w\s]/gi, "") )))     
2278    {
2279        Encoder.EncodeType = "entity";
2280        $tabs.tabs( "add", "#"+tab_selector[type] + (Base64.encode(keyword)).replace(/[^\w\s]/gi, ""), Encoder.htmlEncode(tab_title) );
2281    }
2282    else /* Tab already opened */
2283    {
2284                //$tabs.tabs("option", "selected", 2);
2285        }
2286       
2287    pageselectCallback(keyword, 0, false, type); // load page 1 and insert data on event_list.ejs
2288       
2289    $('.preferences-win.active .button.save, .preferences-win.active .button.cancel, .preferences-win.active .button.import, .preferences-win.active .button.export').button();
2290}
2291
2292function paginatorSearch(currentView){
2293    $(currentView+' .header-paginator .fc-header-left .fc-button').hover(
2294        function(){
2295            $(this).addClass('fc-state-hover');
2296        },
2297        function(){
2298            $(this).removeClass('fc-state-hover');
2299        }).mousedown(function(){
2300        $(this).addClass('fc-state-down');
2301    }).mouseup(function(){
2302        $(this).removeClass('fc-state-down');
2303        $('.events-list.events-list-win.active').removeClass('active');
2304        var paginator = $(this).attr('class');
2305        if(paginator.indexOf('next') > 0){
2306            if(parseInt($(currentView+' [name = results]').val()) > 25)
2307                pageselectCallback($(currentView+' [name = keyword]').val(), ((parseInt($(currentView+' [name = page_index]').val())) +1), false,  2);
2308        }else{
2309            if(parseInt($(currentView+' [name = page_index]').val()) > 0)
2310                pageselectCallback($(currentView+' [name = keyword]').val(), ((parseInt($(currentView+' [name = page_index]').val())) -1), false, 2);
2311        }
2312    });
2313}
2314
2315function mountTitleList(page_index ,view){
2316    switch (view){
2317        case 'agendaDay':
2318        case 'basicDay':
2319            var date = new Date().add({
2320                days: page_index
2321            });
2322            return (dateCalendar.dayNames[date.getDay()])+", "+(date.toString('dd MMM yyyy'));
2323        case 'agendaWeek':
2324            var dateStart = new Date().moveToDayOfWeek(dateCalendar.dayOfWeek[User.preferences.weekStart]);
2325            dateStart.add({
2326                days: (7 * page_index)
2327                });
2328            var dateEnd = new Date().moveToDayOfWeek(dateCalendar.dayOfWeek[User.preferences.weekStart]);
2329            dateEnd.add({
2330                days: (page_index * 7)+7
2331                });
2332            if(dateStart.toString('MM') != dateEnd.toString('MM'))
2333                return dateStart.toString('dd')+' de '+dateCalendar.monthNamesShort[dateStart.getMonth()]+' a '+dateEnd.toString('dd')+' de '+dateCalendar.monthNames[dateEnd.getMonth()]+' - '+dateEnd.toString('yyyy');
2334            return +dateStart.toString("dd")+" a "+dateEnd.toString("dd")+" de "+dateCalendar.monthNames[dateEnd.getMonth()]+" - "+dateEnd.toString('yyyy');
2335        case 'month':
2336            var date = new Date().add({
2337                months: page_index
2338            })
2339            return dateCalendar.monthNames[date.getMonth()]+" "+date.toString("yyyy");
2340        case 'year':
2341            var date = new Date().add({
2342                years: page_index
2343            });
2344            return date.toString("yyyy");
2345    }
2346}
2347
2348function paginatorList(currentView, view, type){
2349    $(currentView+' .events-list.events-list-win.active .list-events-paginator .fc-header-title').html('<h2>'+mountTitleList( parseInt($(currentView+' [name = page_index]').val()),view)+'</h2>');
2350    $(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right .fc-button').removeClass('fc-state-active')
2351    if(view == 'basicDay')
2352        $(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right .fc-button-agendaDay').addClass('fc-state-active');
2353    else
2354        $(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right .fc-button-'+view).addClass('fc-state-active');
2355    $(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right').addClass('list-right');
2356               
2357    $(currentView+' .header-paginator .fc-header-right .fc-button').hover(
2358        function(){
2359            $(this).addClass('fc-state-hover');
2360        },
2361        function(){
2362            $(this).removeClass('fc-state-hover');
2363        }).mousedown(function(){
2364        $(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right .fc-button').removeClass('fc-state-active')
2365        $(this).addClass('fc-state-active');
2366    }).mouseup(function(){
2367        var goView = $(this).attr('class');
2368        if(goView.indexOf('agendaDay') > 0)
2369            pageselectCallback($(currentView+' [name = keyword]').val(), 0, 'agendaDay', type);
2370        else if(goView.indexOf('month') > 0)
2371            pageselectCallback($(currentView+' [name = keyword]').val(), 0, 'month', type);
2372        else if(goView.indexOf('year') > 0)
2373            pageselectCallback($(currentView+' [name = keyword]').val(), 0, 'year', type);
2374        else if(goView.indexOf('agendaWeek') > 0)
2375            pageselectCallback($(currentView+' [name = keyword]').val(), 0, 'agendaWeek', type);
2376
2377    });
2378
2379    $(currentView+' .header-paginator .fc-header-left .fc-button').hover(
2380        function(){
2381            $(this).addClass('fc-state-hover');
2382        },
2383        function(){
2384            $(this).removeClass('fc-state-hover');
2385        }).mousedown(function(){
2386        $(this).addClass('fc-state-down');
2387    }).mouseup(function(){
2388        $(this).removeClass('fc-state-down');
2389        var paginator = $(this).attr('class');
2390        if(paginator.indexOf('next') > 0)
2391            pageselectCallback($(currentView+' [name = keyword]').val(), ((parseInt($(currentView+' [name = page_index]').val())) +1), view, type);
2392        else
2393            pageselectCallback($(currentView+' [name = keyword]').val(), ((parseInt($(currentView+' [name = page_index]').val())) -1), view, type);
2394    });
2395}
2396
2397function printEventList(view){
2398        $('.fc-button-print.print-list-events').click(function(){
2399                var window_print = window.open('','ExpressoCalendar','width=800,height=600,scrollbars=yes');
2400                var listEvents = $(view).clone();
2401                listEvents.find('.fc-button').remove();
2402                listEvents.find('.details-event-list').remove();
2403                listEvents.find('.list-events-paginator').attr( "align" , "center"  );
2404                listEvents = listEvents.html();
2405                type = $(this).parents('.ui-tabs-panel').attr("id").split("_")[1];
2406                var data = {
2407                        type : type == "tasks" ? "task-list" : ( type == "events" ? "event-list" : "search"),
2408                        html : listEvents
2409                }
2410                window_print.document.open();           
2411                window_print.document.write(DataLayer.render('templates/calendar_list_print.ejs', data));
2412                window_print.document.close();
2413                window_print.print();
2414        });
2415}
2416
2417function paginatorListEvent(currentView, typeView, view, type){
2418    if(!!$(currentView).find('.fc-calendar').length)
2419        return;
2420    $(currentView+' .events-list.events-list-win.active').prepend($('.fc-header:first').clone());
2421    //Remove contudo nao utilizado
2422    $(currentView+' .events-list.events-list-win.active .fc-header .fc-button-today').remove();
2423    $(currentView+' .events-list.events-list-win.active .fc-header .fc-button-basicWeek').remove();
2424    $(currentView+' .events-list.events-list-win.active .fc-header .fc-button-basicDay').remove();                     
2425               
2426    //Adiciona e remove as classes para esta visualizacao
2427    $(currentView+' .events-list.events-list-win.active .fc-header .fc-header-center').addClass('list-events-paginator');
2428    $(currentView+' .events-list.events-list-win.active .fc-header .list-events-paginator').removeClass('fc-header-center');           
2429               
2430    //Adicionar class no header padronizar com a tela principal
2431        $(currentView+' .events-list.events-list-win.active .fc-header .fc-button-print').addClass('print-list-events');               
2432        $(currentView+' .events-list.events-list-win.active .fc-header').addClass('header-paginator');
2433    $(currentView+' .events-list.events-list-win.active .header-paginator').removeClass('fc-header');   
2434       
2435        printEventList(currentView);
2436       
2437    if(typeView == 'search'){
2438        $(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right span.fc-button:not(.fc-button-print)').remove();
2439        $(currentView+' .events-list.events-list-win.active .list-events-paginator .fc-header-title').html('<h2>Resultados para: '+$(currentView+' [name = keyword]').val()+'</h2>');
2440        if((parseInt($(currentView+' [name = page_index]').val()) == 0) && (parseInt($(currentView+' [name = results]').val()) <= 25))
2441            return;
2442        paginatorSearch(currentView);
2443    }else
2444        paginatorList(currentView, view, type);
2445}
2446
2447function mountCriteriaList(view, page_index, calerdars_selecteds){
2448    var rangeStart , rangeEnd;
2449    switch (view){
2450        case 'basicDay':
2451        case 'agendaDay':
2452            rangeStart = new Date.today().add({
2453                days: page_index
2454            }).getTime();
2455            rangeEnd = rangeStart + 86400000;
2456            break;
2457        case 'agendaWeek':
2458            var dateStart = new Date().moveToDayOfWeek(dateCalendar.dayOfWeek[User.preferences.weekStart]);
2459            var dateEnd = new Date().moveToDayOfWeek(dateCalendar.dayOfWeek[User.preferences.weekStart]);
2460            rangeStart = dateStart.add({
2461                days: (7 * page_index)
2462                }).getTime();
2463            rangeEnd = dateEnd.add({
2464                days: (7 * page_index)+7
2465                }).getTime();
2466            break;
2467        case 'month':
2468            var date = Date.today().add({
2469                months: page_index
2470            })
2471            rangeStart = date.moveToFirstDayOfMonth().getTime();
2472            rangeEnd = date.moveToLastDayOfMonth().getTime();
2473            break;
2474        case 'year':
2475            var dateStart = new Date().add({
2476                years: page_index
2477            });
2478            var dateEnd = new Date().add({
2479                years: page_index
2480            });
2481            if(dateStart.getMonth() != 0)
2482                dateStart.moveToMonth(0, -1)
2483            if(dateEnd.getMonth() != 11)
2484                dateEnd.moveToMonth(11)
2485            rangeStart =    dateStart.moveToFirstDayOfMonth().getTime();
2486            rangeEnd = dateEnd.moveToLastDayOfMonth().getTime();
2487            break; 
2488    }
2489                       
2490    var timezone = {};
2491    for(var i in Calendar.signatureOf)
2492        timezone[i] = Calendar.signatureOf[i].calendar.timezone;               
2493       
2494    return {
2495         filter: ['AND',
2496                    ['OR',
2497                        ['AND',
2498                            ['>=', 'rangeEnd', rangeStart],
2499                            ['<=', 'rangeEnd', rangeEnd] ,
2500                        ],
2501                        ['AND',
2502                            ['>=', 'rangeStart', rangeStart],
2503                            ['<=', 'rangeStart', rangeEnd] ,
2504                        ],
2505                        ['AND',
2506                            ['<=', 'rangeStart', rangeStart],
2507                            ['>=', 'rangeEnd', rangeEnd] ,
2508                        ]
2509                    ],
2510                    ['IN', 'calendar',  calerdars_selecteds]
2511                ],
2512        criteria: {
2513            deepness: 2,
2514            order: 'startTime',
2515            timezones: timezone
2516        }
2517    };
2518
2519}
2520
2521function pageselectCallback(keyword, page_index, view, type){
2522    $('.qtip.qtip-blue').remove();
2523        var tab_selector = ['tab_events_list_', 'tab_tasks_list_', 'tab_all_list_'];
2524        var tab_title = ['Lista de eventos', 'Lista de tarefas'];
2525        var label_noselect_calendar = ['Por favor selecione ao menos uma agenda.', 'Por favor selecione ao menos um grupo.', 'Por favor selecione ao menos uma agenda ou grupo.'];
2526        var label_nofound_search = ['Não foi encontrado nenhum evento correspondente à sua pesquisa.', 'Não foi encontrado nenhuma tarefa ou atividade correspondente à sua pesquisa.', 'Não foi encontrado nenhum evento ou tarefa ou atividade correspondente à sua pesquisa.'];
2527        var label_nofound = ['Não foram encontrados eventos neste intervalo.', 'Não foram encontradas tarefas ou atividades neste intervalo.', 'Não foram encontrados eventos ou tarefas ou atividades neste intervalo.'];
2528        var selecteds = getSelectedCalendars(false, type);
2529   
2530        if(!selecteds && (keyword != '' && keyword != null)){   
2531        jQuery('#'+tab_selector[type] + ((Base64.encode(keyword)).replace(/[^\w\s]/gi, "")|| '')).html(
2532            '<div title="'+tab_title[type]+'" class="events-list events-list-win active empty">' +
2533            '<label>'+label_noselect_calendar[type]+'</label>' +
2534            '</div>'
2535            );
2536    }else{
2537        var criteria = null;
2538        if(keyword == '' || keyword == null)
2539            criteria = mountCriteriaList(!!view ? view : User.preferences.defaultCalView, page_index, selecteds)
2540        else
2541            criteria =  {
2542                filter: ['AND', ['OR', ["i*", "summary", keyword], ["i*", "description", keyword]], ['IN', 'calendar',  selecteds]],
2543                criteria: {
2544                    searchEvent: true,
2545                    order: 'startTime',
2546                    offset: (25 * page_index),
2547                    limit: (((25 * page_index) + 25) + 1),
2548                    deepness: 2
2549                }
2550            };
2551    var results = DataLayer.get('schedulable:detail', criteria);
2552    keyword = ( keyword || '' ).replace( /\s+/g, "_" );
2553        }
2554// não há resultados   
2555
2556var currentView = '#'+tab_selector[type] + ((Base64.encode(keyword)).replace(/[^\w\s]/gi, "") || '');
2557
2558if ((((typeof(results) == 'undefined') || (!results.events_list )) && selecteds) &&(keyword != '' && keyword != null)) {
2559    $(currentView).html(
2560                '<div title="'+title+'" class="events-list events-list-win active empty">' +
2561                '<label>'+label_nofound_search[type]+'</label>' +
2562                '</div>'
2563        );
2564// há resultados e Agendas Selecionadas
2565} else{
2566    if(typeof(results) != 'undefined'){
2567                results['page_index'] = page_index;
2568                results['keyword'] = keyword;
2569                results['tab_title'] = tab_title[type];
2570                DataLayer.render( 'templates/event_list.ejs', results, function( html ){
2571                       
2572                        $(currentView).html( html );
2573                        $('.events-list-win .menu-container .button').button();
2574                                                                                                                       
2575                        $(".event-details-item").parent().click(function(event){
2576                        event.stopImmediatePropagation();
2577                        $(this).siblings("div.details-event-list").toggleClass("hidden")
2578                        .find('.button.delete').click(function(event){
2579                                var eventId = $(this).siblings('[name="eventid"]').val();
2580                                var calendarId = $(this).siblings('[name="calendarid"]').val();
2581                                remove_event(eventId, calendarId);
2582                                event.stopImmediatePropagation()
2583                        })
2584                        .end().find('.button.edit').click(function(event){     
2585                                if($(this).siblings('[name="eventtype"]').val() == 1)
2586                                        eventDetails( DataLayer.get( "schedulable", $(this).siblings('[name="eventid"]').val() ), true );               
2587                                else
2588                                        taskDetails( DataLayer.get( "schedulable", $(this).siblings('[name="eventid"]').val() ), true );
2589                                       
2590                                event.stopImmediatePropagation()
2591                        })
2592                        .end().find('.button.print').click(function(event){     
2593                                var window_print = window.open('','ExpressoCalendar','width=800,height=600,scrollbars=yes');
2594                                var html = $(this).parents("td:first").clone();
2595                                html.find(".menu-container.footer-container").remove();
2596                                var html = html.html();
2597                                var data = {
2598                                        type : $(this).parents('.details-event-list').hasClass("details-event") ? "event-detail" : "task-detail",
2599                                        html : html
2600                                }
2601                                window_print.document.open();           
2602                                window_print.document.write(DataLayer.render('templates/calendar_list_print.ejs', data));
2603                                window_print.document.close();
2604                                window_print.print();
2605                               
2606                                event.stopImmediatePropagation()
2607                        });
2608
2609                        });
2610                        paginatorListEvent(currentView, (keyword == '' || keyword == null) ? 'list' : 'search',  !!view ? view : User.preferences.defaultCalView, type);
2611                });
2612    }else{
2613                $(currentView).html(
2614                        '<div title="'+title+'" class="events-list events-list-win active empty">' +
2615                        '<input type="hidden" name="page_index" value="'+page_index+'"></inpunt>'+
2616                        '<input type="hidden" name="keyword" value="'+keyword+'"></inpunt>'+
2617                        '<label class="empty-result">'+label_nofound[type]+'</label>' +
2618                        '</div>'
2619                        );
2620                paginatorListEvent(currentView, 'list', !!view ? view : User.preferences.defaultCalView, type);
2621    }
2622}
2623        if(currentView != '#'+tab_selector[type])
2624            $tabs.tabs("select", currentView);
2625}
2626
2627function show_modal_import_export(tab, calendarId, typeView){
2628    $('.qtip.qtip-blue').remove();
2629    DataLayer.render( 'templates/import_export.ejs', {
2630        calendars: typeView == 0 ? Calendar.calendars : Calendar.groups,
2631        owner: User.me.id,
2632        typeView: typeView
2633        }, function( html ){
2634
2635        if (!UI.dialogs.importCalendar) {
2636            UI.dialogs.importCalendar = jQuery('#div-import-export-calendar')
2637            .append('<div title="Importar e Exportar "' + (typeView == 0 ? 'Eventos' : 'Tarefas') + '" class="import-export import-export-win active"> <div>')
2638            .find('.import-export-win.active').html(html).dialog({
2639                resizable: false,
2640                modal:true,
2641                width:500,
2642                position: 'center'
2643            });
2644                       
2645        } else {
2646            UI.dialogs.importCalendar.html(html);
2647        }
2648               
2649        var tabsImportExport = UI.dialogs.importCalendar.find(".tabs-import-export").tabs({
2650            selected: tab
2651        });
2652       
2653        UI.dialogs.importCalendar.find('.button').button();
2654
2655        tabsImportExport.find('option[value="'+calendarId+'"]').attr('selected','selected').trigger('change');
2656               
2657        var form = false;
2658        $('.import-event-form').fileupload({
2659            sequentialUploads: true,
2660            add: function (e, data) {
2661                form = data
2662                var name = form.files[0].name;
2663                $('.import-event-form').find('input[type="file"]').hide();
2664                $('.import-event-form').find('span.file-add').removeClass('hidden');
2665                $('.import-event-form').find('span.file-add').append('<span>'+ name +'</span><a class="button remove-attachment tiny"></a>');
2666                $('.import-event-form').find('.button.remove-attachment').button({
2667                    icons: {
2668                        primary: "ui-icon-close"
2669                    },
2670                    text: false
2671                }).click(function (event){
2672                    $('.import-event-form').find('input[type="file"]').show();
2673                    $('.import-event-form').find('span.file-add').addClass('hidden').html('');
2674                    form = false;
2675                });
2676                               
2677                               
2678            },
2679            done: function(e, data){
2680                var msg = '';
2681                var type = '';
2682
2683                if(!!data.result && data.result == "[][[]]"){
2684                    msg = 'Não foram encontrados novos eventos na importação!';
2685                    type = 'information';
2686                }else if(!!data.result && data.result == '[][false]'){
2687                    msg = 'Erro ao realizar a importação, por favor verifique o arquivo .ics';
2688                    type = 'warning';
2689                }else{
2690                    msg = 'Importação realizada com sucesso!';
2691                    type = 'confirmation';
2692                    Calendar.rerenderView(true);
2693                }
2694
2695                $.Zebra_Dialog(msg, {
2696                    'type':     type,
2697                    'overlay_opacity': '0.5',
2698                    'buttons':  ['Fechar']
2699                });
2700            }
2701        });
2702
2703        UI.dialogs.importCalendar.find(".menu-import-event")       
2704        .children(".import").click(function(data){
2705            $('.import-event-form fieldset.import-calendar', UI.dialogs.importCalendar).append(
2706                '<input type="hidden" name="params[calendar_timezone]" value="'+ 
2707                Calendar.signatureOf[$('.import-event-form option:selected').val()].calendar.timezone
2708                +'"/>')
2709            if(form)
2710                form.submit();                 
2711            UI.dialogs.importCalendar.dialog("close");
2712        /**
2713                         * TODO - implementar ação de importação
2714                         */
2715        });
2716           
2717        UI.dialogs.importCalendar.find(".menu-export-event")       
2718        .children(".export").click(function(){
2719             
2720            $('.export-event-form', UI.dialogs.importCalendar).submit();
2721            UI.dialogs.importCalendar.dialog("close");
2722        /**
2723                         * TODO - implementar ação de exportação
2724                         */
2725        });
2726       
2727        UI.dialogs.importCalendar.find(".menu-container")
2728        .children(".cancel").click(function(){
2729            UI.dialogs.importCalendar.dialog("close");
2730        });   
2731               
2732        UI.dialogs.importCalendar.dialog("open");
2733    });
2734}
2735
2736function copyAndMoveTo(calendar, event, idRecurrence, type, evt){
2737    /*
2738     * Types
2739     * 0 = Move
2740     * 1 = Copy Event end Repet
2741     * 2 = Copy Ocurrence
2742     * 3 = Copy to edit ocurrence
2743     *
2744     **/
2745    if(!type)
2746        type = $('.calendar-copy-move input[name="typeEvent"]').val();
2747
2748    var schedulable = DataLayer.get('schedulable', event+'');
2749       
2750    calendar = !!calendar ? calendar : schedulable.calendar;
2751       
2752    if(typeof(schedulable) == "array")
2753        schedulable = schedulable[0];
2754       
2755    //Move eventos entre agendas
2756    if(parseInt(type) == 0){
2757               
2758        schedulable.lastCalendar = schedulable.calendar;
2759        schedulable.calendar = calendar;       
2760        DataLayer.put('schedulable', schedulable);
2761       
2762        DataLayer.commit();
2763    //copia eventos entre agendas
2764    }else{
2765       
2766        var newSchedulable = schedulable;
2767       
2768        delete newSchedulable.id;
2769        delete newSchedulable.uid;
2770        delete newSchedulable.sequence;
2771        delete newSchedulable.dtstamp;
2772               
2773        delete schedulable.DayLigth;
2774        delete schedulable.rangeStart
2775        delete schedulable.rangeEnd;
2776        delete schedulable.lastUpdate;
2777               
2778        delete schedulable.calendar;
2779               
2780        if(schedulable.repeat && type == "1" ){
2781            var repeat = DataLayer.get('repeat', schedulable.repeat);
2782            delete repeat.schedulable;
2783            delete repeat.id;
2784            repeat.startTime = new Date(parseInt(repeat.startTime)).toString('yyyy-MM-dd HH:mm:00');
2785            repeat.endTime = new Date(parseInt(repeat.endTime)).toString('yyyy-MM-dd HH:mm:00');
2786                   
2787            var exceptions = DataLayer.get('repeatOccurrence', {
2788                filter: ['AND', ['=','repeat', schedulable.repeat], ['=','exception','1']]
2789                }, true);
2790            if(exceptions){
2791                repeat.exceptions = '';
2792                for(var i in exceptions )
2793                    repeat.exceptions += exceptions[i].occurrence + ((exceptions.length -1) == parseInt(i) ? '' : ',');
2794                           
2795            }
2796                   
2797                   
2798            schedulable.repeat = repeat;
2799        }else{
2800            if(!!idRecurrence){
2801                newSchedulable.endTime = parseInt(schedulable.occurrences[idRecurrence]) + (parseInt(newSchedulable.endTime) - parseInt(newSchedulable.startTime));
2802                newSchedulable.startTime = schedulable.occurrences[idRecurrence];
2803            }
2804            delete schedulable.repeat;
2805        }
2806        delete schedulable.occurrences;
2807               
2808        schedulable.calendar = DataLayer.copy(calendar);       
2809               
2810        var participants = DataLayer.copy(schedulable.participants);
2811        delete schedulable.participants;
2812               
2813        schedulable.participants =  $.map( participants, function( attendee, i ){
2814                       
2815            var participant = DataLayer.get('participant', attendee, false);
2816                       
2817            if(typeof(participant) == 'array')
2818                participant = participant[0];
2819       
2820            delete participant.delegatedFrom;
2821            delete participant.id;
2822            delete participant.schedulable;
2823                       
2824            participant.id = DataLayer.put('participant', participant);
2825                       
2826            return participant ;
2827        });
2828        //Edit ocurrence
2829        if(parseInt(type) == 3){
2830            newSchedulable.endTime = !!evt.end  ? evt.end.getTime() :  ((evt.start).getTime() + 86400000);
2831            newSchedulable.startTime = evt.start.getTime();
2832                   
2833            return newSchedulable;
2834        }
2835        newSchedulable.endTime = new Date(parseInt(newSchedulable.endTime) - (newSchedulable.allDay ? 86400000 : 0)).toString('yyyy-MM-dd hh:mm:00');
2836        newSchedulable.startTime = new Date(parseInt(newSchedulable.startTime)).toString('yyyy-MM-dd hh:mm:00');
2837       
2838        DataLayer.put('schedulable', newSchedulable);
2839
2840    }
2841}
2842
2843function messageHelper(msg, isShow){
2844    if(isShow)
2845        new $.Zebra_Dialog('<span style="width: 50px; height: 50px;">'+
2846                            '<img src="'+DataLayer.dispatchPath+'/modules/calendar/img/loading.gif"></img>'+
2847                        '</span><label class="messagesHelpers"> '+ msg +' </label>' , {
2848                        'buttons':  false,
2849                        'modal': true,
2850                        'overlay_opacity': '0.5',
2851                        'keyboard': false,
2852                        'overlay_close': false,
2853                        'type': false,
2854                        'custom_class': 'messagesHelpersExpressoCalendar'
2855                        }
2856                    );
2857    else{
2858        $('.messagesHelpersExpressoCalendar').remove();
2859        $('.ZebraDialogOverlay').remove();
2860    }
2861}
2862
2863function extendsFileupload(view, path){
2864    var viewName = 'div.new-'+view+'-win';
2865   
2866    path = !!path ? path : '';
2867   
2868    var maxSizeFile = 2000000;
2869    $('#fileupload'+view).fileupload({
2870        sequentialUploads: true,
2871        add: function (e, data) {
2872            if(data.files[0].size < maxSizeFile)
2873                data.submit();
2874        },
2875        change: function (e, data) {
2876            $.each(data.files, function (index, file) {
2877                var attach = {};
2878                attach.fileName = file.name;
2879                var ext = file.name.split('.');
2880                if(file.name.length > 10)
2881                    attach.fileName = ext.length == 1 ? file.name.substr(0, 10) :  file.name.substr(0, 6) + '.' + ext[ext.length -1];
2882                attach.fileSize = formatBytes(file.size);
2883                if(file.size > maxSizeFile)
2884                    attach.error = 'Tamanho de arquivo nao permitido!!'
2885                               
2886                $(viewName+' .attachments-list').append(DataLayer.render(path+'templates/attachment_add_itemlist.ejs', {
2887                    file : attach
2888                }));
2889                               
2890                if(file.size < maxSizeFile){
2891                    $(viewName+' .fileinput-button.new').append(data.fileInput[0]).removeClass('new');
2892                    $(viewName+' .attachments-list').find('[type=file]').addClass('hidden');
2893                                       
2894                }else
2895                    $(viewName+' .fileinput-button.new').removeClass('new');
2896                               
2897                               
2898                $(viewName+' .attachments-list').find('.button.close').button({
2899                    icons: {
2900                        primary: "ui-icon-close"
2901                    },
2902                    text: false
2903                }).click(function(){
2904                    var idAttach = $(this).parent().find('input[name="fileId[]"]').val();
2905                    $(viewName+' .attachment-list').find('input[value="'+idAttach+'"]').remove();
2906                    $(this).parent().remove();
2907               
2908                    if(!$(viewName+' .attachment-list input').length)
2909                        $(viewName+' .btn-danger.delete').addClass('hidden');
2910               
2911                });     
2912                               
2913            })
2914        },
2915        done: function(e, data){
2916            var currentUpload = $(viewName+' .progress.after-upload:first').removeClass('after-upload').addClass('on-complete').hide();
2917
2918            if(!!data.result && data.result != "[]"){
2919                $(viewName+' .btn-danger.delete').removeClass('hidden');
2920                var newAttach = (attch = jQuery.parseJSON(data.result)) ? attch : jQuery.parseJSON(data.result[0].activeElement.childNodes[0].data);
2921                $(viewName+' .attachment-list').append('<input tyepe="hidden" name="attachment[]" value="'+newAttach['attachment'][0][0].id+'"/>');
2922                currentUpload.removeClass('on-complete').parents('p')
2923                .append('<input type="hidden" name="fileId[]" value="'+newAttach['attachment'][0][0].id+'"/>')
2924                .find('.status-upload').addClass('ui-icon ui-icon-check');
2925            }else
2926                currentUpload.removeClass('on-complete').parents('p').find('.status-upload').addClass('ui-icon ui-icon-cancel');
2927        }
2928    });
2929    $('.attachments-list .button').button();   
2930
2931    if(!!window.FormData)                       
2932        $('#fileupload'+view).bind('fileuploadstart', function () {
2933            var widget = $(this),
2934            progressElement = $('#fileupload-progress-'+view).fadeIn(),
2935            interval = 500,
2936            total = 0,
2937            loaded = 0,
2938            loadedBefore = 0,
2939            progressTimer,
2940            progressHandler = function (e, data) {
2941                loaded = data.loaded;
2942                total = data.total;
2943            },
2944            stopHandler = function () {
2945                widget
2946                .unbind('fileuploadprogressall', progressHandler)
2947                .unbind('fileuploadstop', stopHandler);
2948                window.clearInterval(progressTimer);
2949                progressElement.fadeOut(function () {
2950                    progressElement.html('');
2951                });
2952            },
2953            formatTime = function (seconds) {
2954                var date = new Date(seconds * 1000);
2955                return ('0' + date.getUTCHours()).slice(-2) + ':' +
2956                ('0' + date.getUTCMinutes()).slice(-2) + ':' +
2957                ('0' + date.getUTCSeconds()).slice(-2);
2958            },
2959            /* formatBytes = function (bytes) {
2960            if (bytes >= 1000000000) {
2961                return (bytes / 1000000000).toFixed(2) + ' GB';
2962            }
2963            if (bytes >= 1000000) {
2964                return (bytes / 1000000).toFixed(2) + ' MB';
2965            }
2966            if (bytes >= 1000) {
2967                return (bytes / 1000).toFixed(2) + ' KB';
2968            }
2969            return bytes + ' B';
2970        },*/
2971            formatPercentage = function (floatValue) {
2972                return (floatValue * 100).toFixed(2) + ' %';
2973            },
2974            updateProgressElement = function (loaded, total, bps) {
2975                progressElement.html(
2976                    formatBytes(bps) + 'ps | ' +
2977                    formatTime((total - loaded) / bps) + ' | ' +
2978                    formatPercentage(loaded / total) + ' | ' +
2979                    formatBytes(loaded) + ' / ' + formatBytes(total)
2980                    );
2981            },
2982            intervalHandler = function () {
2983                var diff = loaded - loadedBefore;
2984                if (!diff) {
2985                    return;
2986                }
2987                loadedBefore = loaded;
2988                updateProgressElement(
2989                    loaded,
2990                    total,
2991                    diff * (1000 / interval)
2992                    );
2993            };
2994            widget
2995            .bind('fileuploadprogressall', progressHandler)
2996            .bind('fileuploadstop', stopHandler);
2997            progressTimer = window.setInterval(intervalHandler, interval);
2998        });
2999   
3000}
Note: See TracBrowser for help on using the repository browser.