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

Revision 6476, 90.5 KB checked in by acoutinho, 12 years ago (diff)

Ticket #2855 - Lentidao na abertura da Expresso Calendar

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