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

Revision 6444, 89.6 KB checked in by acoutinho, 12 years ago (diff)

Ticket #2846 - Melhorias e inconsistências gerais no modulo expressoCalendar

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/*Adicionar alarms padrões, quando alterado a agenda do usuário*/               
662UI.dialogs.addEvent.find('select[name="calendar"]').change(function(){
663    if((typeof($('input[name = "idEvent"]').val()) == 'undefined') || (!!!$('input[name = "idEvent"]').val())) {
664        $('input[name = "isDefaultAlarm[]"]').parent().remove();
665        UI.dialogs.addEvent.find('input[name="defaultAlarm"]').parent().removeClass('hidden');
666        var calendarSelected = Calendar.signatureOf[$(this).val()];
667        calendarSelected.useAlarmDefault = 1;
668        if(calendarSelected.defaultAlarms != ""){
669            var li_attach = DataLayer.render(path+'templates/alarms_add_itemlist.ejs', {
670                alarm:calendarSelected
671            });
672            jQuery('.event-alarms-list').append(li_attach).find('.button.remove').button({
673                text:false,
674                icons:{
675                    primary:'ui-icon-close'
676                }
677            }).click(function(el) {
678            $(this).parent().remove().find('li').is(':empty');
679        });
680    }else{
681        UI.dialogs.addEvent.find('input[name="defaultAlarm"]').parent().addClass('hidden');
682    }
683}
684
685var participant =  UI.dialogs.addEvent.find('dd.me input[name="attendee[]"]').val();
686    if( !parseInt(Calendar.signatureOf[$(this).val()].isOwner) ){
687        var signature = Calendar.signatureOf[$(this).val()];
688        var organizer = DataLayer.get('calendarSignature', {
689            filter: ['AND', ['=','calendar',signature.calendar.id], ['=','isOwner','1']],
690            criteria: {
691                deepness: 2
692            }
693        });
694                           
695    if($.isArray(organizer))
696        organizer = organizer[0];
697    DataLayer.put('participant', {
698        id: participant,
699        user: organizer.user.id,
700        mail: organizer.user.mail
701        });
702                           
703    UI.dialogs.addEvent.find('dt.me').html(organizer.user.name);
704    UI.dialogs.addEvent.find('li.organizer input[name="attendee_organizer"]').val(participant);
705    UI.dialogs.addEvent.find('li.organizer label').filter('.name').html(organizer.user.name).end()
706    .filter('.mail').html(organizer.user.mail).attr('title',organizer.user.mail);
707
708}else{
709    UI.dialogs.addEvent.find('dt.me').html(User.me.name);
710    DataLayer.put('participant', {
711        id: participant,
712        user: User.me.id,
713        mail: User.me.mail
714        });
715    UI.dialogs.addEvent.find('li.organizer input[name="attendee_organizer"]').val(participant);
716    UI.dialogs.addEvent.find('li.organizer label').filter('.name').html(User.me.name).end()
717    .filter('.mail').html(User.me.mail).attr('title',User.me.mail);
718}
719});
720
721/*Checkbox adicionar alarms padrões*/
722UI.dialogs.addEvent.find('input[name="defaultAlarm"]').click(function(){
723    if($(this).attr("checked")){
724        $('input[name="isDefaultAlarm[]"]').parent().remove();
725        var calendarSelected = Calendar.signatureOf[$('select[name="calendar"]').val()];
726        calendarSelected.useAlarmDefault = 1;
727        if(calendarSelected.defaultAlarms != ""){
728            var li_attach = DataLayer.render(path+'templates/alarms_add_itemlist.ejs', {
729                alarm:calendarSelected
730            });
731            jQuery('.event-alarms-list').append(li_attach).find('.button.remove').button({
732                text:false,
733                icons:{
734                    primary:'ui-icon-close'
735                }
736            }).click(function(el) {
737            var id;
738            if( id = $(this).parent().find('input[name="alarmId[]"]').val())
739                DataLayer.remove('alarm', id);
740            $(this).parent().remove().find('li').is(':empty')
741        });
742    }
743} else {
744    $('input[name="isDefaultAlarm[]"]').parent().remove();
745}
746});
747/* Checkbox allday */
748UI.dialogs.addEvent.find('input[name="allDay"]').click(function(){
749    $(this).attr("checked") ?
750    UI.dialogs.addEvent.find('.start-time, .end-time').addClass('hidden') :
751    UI.dialogs.addEvent.find('.start-time, .end-time').removeClass('hidden');
752    updateMap(true);
753});
754
755UI.dialogs.addEvent.find('.button').button();
756UI.dialogs.addEvent.find('.button.add').button({
757    icons: {
758        secondary: "ui-icon-plus"
759    }
760});
761
762// ==== validation events ====
763UI.dialogs.addEvent.find(".input-group .h1").Watermark("Evento sem título");
764if(User.preferences.hourFormat.length == 5) {
765    UI.dialogs.addEvent.find(".end-time, .start-time").mask("99:99", {
766        completed: function(){
767            updateMap();
768        }
769    });
770} else {
771    $.mask.definitions['{']='[ap]';
772    $.mask.definitions['}']='[m]';
773    UI.dialogs.addEvent.find(".end-time, .start-time").mask("99:99 {}", {
774        completed:function(){
775            $(this).val(date.Calendar.defaultToAmPm($(this).val()));
776            $(this).timepicker("refresh");
777            $(this).val($(this).val().replace(/[\.]/gi, ""));
778            updateMap();
779        }
780    });
781}
782UI.dialogs.addEvent.find(".number").numeric();
783User.preferences.dateFormat.indexOf('-') > 0 ?
784UI.dialogs.addEvent.find(".date").mask("99-99-9999", {
785    completed:function(){
786        updateMap();
787    }
788}) :
789UI.dialogs.addEvent.find(".date").mask("99/99/9999", {
790    completed:function(){
791        updateMap();
792    }
793});
794
795UI.dialogs.addEvent.find(".menu-addevent")
796.children(".delete").click(function(){
797    $.Zebra_Dialog('Tem certeza que deseja excluir o evento?', {
798        'type':     'question',
799        'overlay_opacity': '0.5',
800        'buttons':  ['Sim', 'Não'],
801        'onClose':  function(clicked) {
802            if(clicked == 'Sim'){
803                canDiscardEventDialog = true;
804                /* Remove por filtro */
805                DataLayer.removeFilter('schedulable', {filter: ['AND', ['=', 'id', objEvent.id], ['=', 'calendar', objEvent.calendar], ['=','user',(objEvent.me.user ? objEvent.me.user.id : objEvent.me.id)]]});
806                Calendar.rerenderView(true);
807                /********************/
808                UI.dialogs.addEvent.dialog("close");
809            }
810        }
811    });
812}).end()
813           
814.children(".cancel").click(function(){
815    UI.dialogs.addEvent.dialog("close");
816}).end()
817           
818.children(".save").click(function(){
819    /* Validação */
820    var msg = false;                   
821    if(msg = validDateEvent()){
822        $(".new-event-win.active").find('.messages-validation').removeClass('hidden').find('.message label').html(msg);
823        return false;
824    }
825                       
826    canDiscardEventDialog = true;
827                       
828    var exit = function(event){
829        if(event)
830            DataLayer.remove('schedulable', event, false);
831
832        UI.dialogs.addEvent.children().find('form.form-addevent').submit();
833        UI.dialogs.addEvent.dialog("close");
834    }
835                       
836    if(repeat){
837        DataLayer.remove('repeat', false);
838        DataLayer.put('repeat', repeat);
839        DataLayer.commit('repeat', false, exit(repeat.schedulable));
840    }else
841        exit();
842}).end()
843               
844.children(".export").click(function(){
845    UI.dialogs.addEvent.children().find(".form-export").submit();
846});
847
848var dates = UI.dialogs.addEvent.find('input.date').datepicker({
849    dateFormat: User.preferences.dateFormat.replace(/M/g, 'm').replace(/yyyy/g, 'yy'),
850    onSelect : function( selectedDate ){
851        updateMap();
852    }
853});
854//if(path == ""){
855UI.dialogs.addEvent.find('input.time').timepicker({
856    closeText: 'Ok',
857    hourGrid: 4,
858    minuteGrid: 10,
859    ampm : ((User.preferences.hourFormat.length > 5) ? true: false),
860    timeFormat: "hh:mm tt",
861    onSelect: function (selectedDateTime){
862        if(!(User.preferences.hourFormat.length == 5))
863            $(this).val(selectedDateTime.replace(/[\.]/gi, ""));                                                               
864        updateMap();
865    },
866    onClose : function (selectedDateTime){
867        if(!(User.preferences.hourFormat.length == 5))
868            $(this).val(selectedDateTime.replace(/[\.]/gi, ""));
869    }
870});
871//}
872
873UI.dialogs.addEvent.find('.button-add-alarms').click(function(){
874    var li_attach = DataLayer.render(path+'templates/alarms_add_itemlist.ejs', {});
875
876    jQuery('.event-alarms-list').append(li_attach).find('.button.remove').button({
877        text:false,
878        icons:{
879            primary:'ui-icon-close'
880        }
881    }).click(function(el) {
882    $(this).parent().remove().find('li').is(':empty')
883});
884// valicacao de campos numericos
885$('.number').numeric();
886});
887           
888                 
889UI.dialogs.addEvent.find('.button.suggestion-hours').button({
890    icons: {
891        primary: "ui-icon-clock"
892    },
893    text: 'Sugerir horário'
894}).click(function () {
895    $(this).siblings('input').removeAttr('disabled')
896    .end().parents().find('input[name="allDay"]').removeAttr('disabled');               
897});
898
899
900if(!repeat)
901    if(objEvent.me.id == User.me.id){
902        objEvent.me.id = DataLayer.put('participant', {
903            user: objEvent.me.id,
904            mail: objEvent.me.mail
905            });
906        objEvent.organizer.id = objEvent.me.id;
907    }
908
909var attendeeHtml = DataLayer.render( path+'templates/attendee_add.ejs', {
910    event:objEvent
911});             
912       
913// load template of attendees
914var blkAddAtendee = UI.dialogs.addEvent.find('#calendar_addevent_details6').append(attendeeHtml);
915if(objEvent.attendee.length)
916    callbackAttendee();
917/**
918                                Opções de delegação do participante/organizer
919                        */             
920blkAddAtendee.find(".button.participant-delegate").button({
921    icons: {
922        primary: "ui-icon-transferthick-e-w"
923    },
924    text: false
925}).click(function () {
926    if($(this).hasClass('attendee-permissions-change-button')){
927        if(!$(this).hasClass('disable')){
928            $(this).removeClass('attendee-permissions-change-button')   
929            .find('.ui-icon-transferthick-e-w').removeClass('attendee-permissions-change').end();               
930            blkAddAtendee.find('.block-add-attendee.search').addClass('hidden');
931            blkAddAtendee.find('.block-add-attendee.search dt').html('Adicionar outros contatos');
932        }
933    }else{                                                                     
934        $(this).addClass('attendee-permissions-change-button')   
935        .find('.ui-icon-transferthick-e-w').addClass('attendee-permissions-change').end();               
936        blkAddAtendee.find('.block-add-attendee.search dt').html('Delegar participação para');
937        blkAddAtendee.find('.block-add-attendee.search').removeClass('hidden');
938        blkAddAtendee.find('.block-add-attendee.search input.search').focus();
939    }
940})
941.addClass('tiny');             
942                       
943//show or hidden permissions attendees
944//blkAddAtendee.find('.block-attendee-list #attendees-users li').click(show_permissions_attendees);
945
946UI.dialogs.addEvent.find(".attendee-list-add .add-attendee-input input").Watermark("digite um email para convidar");
947/* Trata a edição de um novo participante adicionado
948                        *
949                        */
950var hasNewAttendee = false;
951                       
952blkAddAtendee.find('.attendee-list-add .add-attendee-input span').click(function(data){
953    blkAddAtendee.find('.attendee-list-add .add-attendee-input input').keydown();
954});
955                       
956blkAddAtendee.find('.attendee-list-add .add-attendee-input input').keydown(function(event) {
957                               
958    if (event.keyCode == '13' && $(this).val() != '' || (event.keyCode == undefined && $(this).val() != '')) {
959        Encoder.EncodeType = "entity";
960        $(this).val(Encoder.htmlEncode($(this).val()));
961                                       
962        newAttendeeEmail = false;
963        newAttendeeName  = false;
964        skipAddNewLine   = false;
965
966        var info = $(this).val();
967
968        /**
969                                         * email válido?
970                                         */
971        info.match(/^[\w!#$%&'*+\/=?^`{|}~-]+(\.[\w!#$%&'*+\/=?^`{|}~-]+)*@(([\w-]+\.)+[A-Za-z]{2,6}|\[\d{1,3}(\.\d{1,3}){3}\])$/) ?
972        newAttendeeEmail = info : newAttendeeName = info;
973
974        /**
975                                         * 1) busca no banco para saber se o usuário já existe
976                                         *              1.1) se existe, atualiza as info na lista de participantes e nao abre o tooltip
977                                         *              1.2) se não existe
978                                         *                      a) salva como novo usuario externo no banco (apenas com email)
979                                         *                      b) exibe tooltip pedindo o nome
980                                         *                      c) se o usuário preenche tooltip e salva, atualiza com o nome o usuário recém criado
981                                         *                      d) se o usuário cancela o tooltip, fica o usuário salvo apenas com email e sem nome
982                                         */
983
984        var user = DataLayer.get('user', ["=", "mail", $(this).val()]);
985        if(!!user && user[0].id)
986            attendees[user[0].id] = {
987                name: user[0].name
988                };
989                                       
990        /**
991                                         * guarda o último tooltip aberto referente à lista de participantes
992                                         */
993        lastEditAttendeeToolTip = [];
994
995        /**
996                                         * Valida email e salva um participante externo
997                                         */
998        var saveContact = function() {
999            Encoder.EncodeType = "entity";
1000
1001            var currentTip = $('.qtip-active');
1002            newAttendeeName  = currentTip.find('input[name="name"]').val();
1003            newAttendeeEmail = currentTip.find('input[name="mail"]').val();
1004
1005            if (!(!!newAttendeeEmail.match(/^[\w!#$%&'*+\/=?^`{|}~-]+(\.[\w!#$%&'*+\/=?^`{|}~-]+)*@(([\w-]+\.)+[A-Za-z]{2,6}|\[\d{1,3}(\.\d{1,3}){3}\])$/))) {
1006                currentTip.find('.messages').removeClass('hidden').find('.message label').html('Email inválido.');
1007                return false;
1008            }
1009
1010            DataLayer.put('user', {
1011                id:userId,
1012                name:newAttendeeName,
1013                mail:newAttendeeEmail,
1014                isExternal:isExternal
1015            });
1016
1017            lastEditAttendeeToolTip.find('label')
1018            .filter('.name').html(Encoder.htmlEncode(newAttendeeName)).attr('title', Encoder.htmlEncode(newAttendeeName)).end()
1019            .filter('.mail').html(Encoder.htmlEncode(newAttendeeEmail)).attr('title', Encoder.htmlEncode(newAttendeeEmail));
1020
1021            blkAddAtendee.find('.attendee-list-add .add-attendee-input input').val('');
1022            return true;
1023        }
1024                                               
1025        /**
1026                                         * Formata e adequa um tootip abert para edição de um participante na lista
1027                                         */
1028        var onShowToolTip = function(arg0) {
1029            $('.qtip-active .button.close').button({
1030                icons: {
1031                    primary: "ui-icon-close"
1032                },
1033                text: false
1034            });
1035            $('.qtip-active .button').button()
1036            .filter('.save').click(function(event, ui) {
1037                if(saveContact())
1038                    lastEditAttendeeToolTip.qtip("destroy");
1039                else
1040                    return false;
1041            }).end()
1042            .filter('.cancel').click(function(event, ui) {
1043                lastEditAttendeeToolTip.qtip("destroy");
1044            })
1045
1046            /**
1047                                                 * Trata o ENTER no campo da tooltip, equivalente a salvar
1048                                                 * o novo convidado.
1049                                                 */
1050            $('.qtip-active input').keydown(function(event) {
1051                if (event.keyCode == '13') {                                           
1052                    if (saveContact())                                         
1053                        lastEditAttendeeToolTip.qtip("destroy");
1054                       
1055                    lastEditAttendeeToolTip.qtip("destroy");
1056                    event.preventDefault();
1057                }
1058            })
1059            .filter('[name="name"]').Watermark("informe o nome do contato").end()
1060            .filter('[name="mail"]').Watermark("informe o email do contato");
1061        }
1062                                       
1063        /**
1064                                         * Se o email digitado já foi adicionado na lista,
1065                                         * o usuário deve ser avisado e um botão de edição deve ser exibido
1066                                         */
1067        if(blkAddAtendee.find('label.mail[title="' + newAttendeeEmail + '"]').length) {
1068            hasNewAttendee  = false;
1069            newAttendeeName = blkAddAtendee.find('label.mail[title="' + newAttendeeEmail + '"]').parents('li').find('label.name').attr('title');
1070
1071            blkAddAtendee.find('.email-validation').removeClass('hidden')
1072            .find('.message label').html("O usuário acima já foi adicionado! <a class=\"small button\">Editar</a>")
1073            .find(".button").button().click(function () {
1074                /**
1075                                                         * Se o usuário optar por editar o participante anteriormente adicionado,
1076                                                         * uma tooltip deve ser aberta para este participante, viabilizando a edição
1077                                                         */
1078                blkAddAtendee.find("ul.attendee-list").scrollTo('label.mail[title="' + newAttendeeEmail + '"]');
1079                /**
1080                                                         * Remove tooltip possivelmente existente
1081                                                         */
1082                if (lastEditAttendeeToolTip.length && lastEditAttendeeToolTip.data('qtip'))
1083                    lastEditAttendeeToolTip.qtip('destroy');
1084                                       
1085                lastEditAttendeeToolTip = blkAddAtendee.find('label.mail[title="' + newAttendeeEmail + '"]').parents('li');
1086                lastEditAttendeeToolTip.qtip({
1087                    show: {
1088                        ready: true,
1089                        solo: true,
1090                        when: {
1091                            event: 'click'
1092                        }
1093                    },
1094                hide: false,
1095                content: {
1096                    text: $('<div></div>').html( DataLayer.render( path+'templates/attendee_quick_edit.ejs', {
1097                        attendee:{
1098                            name:newAttendeeName,
1099                            mail:newAttendeeEmail
1100                        }
1101                    } ) ),
1102                title: {
1103                    text:'Detalhes do participante',
1104                    button: '<a class="button close" href="#">close</a>'
1105                }
1106                },
1107                style: {
1108                    name: 'blue',
1109                    tip: {
1110                        corner: 'leftMiddle'
1111                    },
1112                    border: {
1113                        width: 4,
1114                        radius: 8
1115                    },
1116                    width: {
1117                        min: 230,
1118                        max:230
1119                    }
1120                },
1121            position: {
1122                corner: {
1123                    target: 'rightMiddle',
1124                    tooltip: 'leftMiddle'
1125                },
1126                adjust: {
1127                    x:0,
1128                    y:0
1129                }
1130            }
1131            });
1132        lastEditAttendeeToolTip.qtip("api").onShow = onShowToolTip;
1133    });
1134skipAddNewLine = true;
1135} else {
1136    hasNewAttendee  = true;
1137    blkAddAtendee.find('.email-validation').addClass('hidden');
1138}
1139                                       
1140                                       
1141var isExternal = (!!user && !(!!user.isExternal)) ? 0 : 1;
1142
1143/**
1144                                         * Remove tooltip possivelmente existente
1145                                         */
1146if (lastEditAttendeeToolTip.length && lastEditAttendeeToolTip.data('qtip'))
1147    lastEditAttendeeToolTip.qtip('destroy');
1148
1149userId = '';
1150var newAttendeeId = '';
1151
1152if (user){
1153    if (!skipAddNewLine) {
1154        user[0].id =  DataLayer.put('participant', {
1155            user: user[0].id,
1156            isExternal: isExternal,
1157            acl: 'r'
1158        });
1159        user[0].acl = objEvent.acl;
1160        user[0].isDirty = !!!objEvent.id;
1161
1162        blkAddAtendee.find('dd.attendee-list ul.attendee-list').append(
1163            DataLayer.render(path+'templates/participants_add_itemlist.ejs', user)
1164            )
1165        .scrollTo('max');
1166        callbackAttendee();
1167    }
1168                                               
1169    $(this).val('');
1170
1171} else if (!skipAddNewLine) {           
1172    /**
1173                                                 * a) salva como novo usuario externo no banco (apenas com email) e...
1174                                                 * adiciona novo contato externo à lista de convidados
1175                                                 */
1176
1177    userId = DataLayer.put('user', {
1178        name: newAttendeeName,
1179        mail: newAttendeeEmail,
1180        isExternal: isExternal
1181    });
1182    newAttendeeId = DataLayer.put('participant', {
1183        user: userId,
1184        isExternal: isExternal
1185    });
1186
1187                                                 
1188    blkAddAtendee.find('dd.attendee-list ul.attendee-list').append(
1189        DataLayer.render(path+'templates/participants_add_itemlist.ejs', [{
1190            id:newAttendeeId,
1191            name: newAttendeeName,
1192            mail: newAttendeeEmail,
1193            isExternal: 1,
1194            acl: objEvent.acl,
1195            isDirty: !!!objEvent.id
1196            }])
1197        ).scrollTo('max');
1198    callbackAttendee();
1199
1200    /**
1201                                                 * Adiciona tootip para atualização dos dados do contato externo
1202                                                 * recém adicionado.
1203                                                 */
1204    lastEditAttendeeToolTip = blkAddAtendee.find('dd.attendee-list li:last');
1205    lastEditAttendeeToolTip.qtip({
1206        show: {
1207            ready: true,
1208            solo: true,
1209            when: {
1210                event: 'click'
1211            }
1212        },
1213    hide: false,
1214    content: {
1215        text: $('<div></div>').html( DataLayer.render( path+'templates/attendee_quick_edit.ejs', {
1216            attendee:{
1217                name:newAttendeeName,
1218                mail:newAttendeeEmail
1219            }
1220        } ) ),
1221    title: {
1222        text:'Detalhes do participante',
1223        button: '<a class="button close" href="#">close</a>'
1224    }
1225    },
1226    style: {
1227        name: 'blue',
1228        tip: {
1229            corner: 'leftMiddle'
1230        },
1231        border: {
1232            width: 4,
1233            radius: 8
1234        },
1235        width: {
1236            min: 230,
1237            max:230
1238        }
1239    },
1240position: {
1241    corner: {
1242        target: 'rightMiddle',
1243        tooltip: 'leftMiddle'
1244    },
1245    adjust: {
1246        x:0,
1247        y:0
1248    }
1249}
1250});
1251                       
1252lastEditAttendeeToolTip.qtip("api").onShow = onShowToolTip;
1253
1254$(this).val('');
1255
1256                                               
1257}
1258event.preventDefault();
1259}
1260                               
1261});
1262
1263/**
1264                        * Trata a busca de usuários para adição de participantes
1265                        */
1266blkAddAtendee.find('.add-attendee-search .ui-icon-search').click(function(event) {
1267    blkAddAtendee.find('.add-attendee-search input').keydown();
1268});
1269                       
1270                       
1271blkAddAtendee.find('.add-attendee-search input').keydown(function(event) {
1272
1273    if(event.keyCode == '13' || typeof(event.keyCode) == 'undefined') {                 
1274        var result = DataLayer.get('user', ["*", "name", $(this).val()], true);
1275
1276        /**
1277        * TODO: trocar por template
1278        */
1279        blkAddAtendee.find('ul.search-result-list').empty().css('overflow', 'hidden');
1280        if (!result) {
1281            blkAddAtendee.find('ul.search-result-list').append('<li><label class="empty">Nenhum resultado encontrado.</label></li>');
1282        }
1283
1284        for(i=0; i<result.length; i++)
1285            result[i].enabled = (blkAddAtendee.find('dd.attendee-list ul.attendee-list label.mail[title="' +  result[i].mail + '"]').length) ? false : true;
1286                                                                                       
1287        blkAddAtendee.find('ul.search-result-list').append(DataLayer.render( path+'templates/participants_search_itemlist.ejs', result));
1288
1289        blkAddAtendee.find('ul.search-result-list li').click(function(event, ui){
1290            if ($(event.target).is('input')) {
1291                old_item = $(event.target).parents('li');
1292                newAttendeeId = DataLayer.put('participant', {
1293                    user: old_item.find('.id').html(),
1294                    isExternal: old_item.find('.isExternal').html()
1295                });
1296                                                       
1297                attendees[old_item.find('.id').html()] = old_item.find('.name').html();
1298                                                       
1299                blkAddAtendee.find('dd.attendee-list ul.attendee-list')
1300                .append(DataLayer.render(path+'templates/participants_add_itemlist.ejs', [{
1301                    id: newAttendeeId,
1302                    name: old_item.find('.name').html(),
1303                    mail: old_item.find('.mail').html(),
1304                    isExternal: old_item.find('.isExternal').html(),
1305                    acl: objEvent.acl,
1306                    isDirty: !!!objEvent.id
1307                    }]))
1308                .scrollTo('max');
1309                /**
1310                                                        * Delegação de participação de um participante com permissão apenas de leitura
1311                                                        *
1312                                                        */
1313                if(!objEvent.acl.organization && !objEvent.acl.write && !objEvent.acl.inviteGuests && objEvent.acl.read ){
1314                                                               
1315                    blkAddAtendee.find('.block-add-attendee.search').addClass('hidden');
1316                    blkAddAtendee.find('.block-add-attendee.search dt').html('Adicionar outros contatos');
1317                                                               
1318                    blkAddAtendee.find('.status option').toggleClass('hidden');
1319                    blkAddAtendee.find('option[value=5]').attr('selected','selected').trigger('change');
1320                    blkAddAtendee.find('.request-update').removeClass('hidden');
1321
1322                    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());
1323                                                               
1324                    blkAddAtendee.find('.me .participant-delegate').addClass('disable ui-button-disabled ui-state-disabled');
1325                    blkAddAtendee.find(".button.close").button({
1326                        icons: {
1327                            primary: "ui-icon-close"
1328                        },
1329                        text: false
1330                    }).click(function () {
1331                                                                       
1332                        $(this).parents('li').find('input[name="delegatedFrom[]"]').val('');
1333                        blkAddAtendee.find('.request-update').addClass('hidden');
1334                        blkAddAtendee.find('.status option').toggleClass('hidden');
1335                        blkAddAtendee.find('option[value=1]').attr('selected','selected').trigger('change');                   
1336                        blkAddAtendee.find('.me .participant-delegate').removeClass('disable ui-button-disabled ui-state-disabled attendee-permissions-change-button')
1337                        .find('.ui-icon-person').removeClass('attendee-permissions-change').end();                     
1338                                                                       
1339                        DataLayer.remove('participant', $(this).parents('li').find('[type=checkbox]').val());
1340                        $(this).parents('li').remove();
1341                    })
1342                    .addClass('tiny');
1343                }else{
1344                    callbackAttendee();
1345                    old_item.remove();
1346                }
1347            }
1348        });
1349
1350        event.preventDefault();
1351    }
1352});
1353//$('.block-add-attendee .search-result-list').selectable();
1354
1355UI.dialogs.addEvent.find('.row.fileupload-buttonbar .button').filter('.delete').button({
1356    icons: {
1357        primary: "ui-icon-close"
1358    },
1359    text: 'Excluir'
1360}).click(function () {
1361    $.Zebra_Dialog('Tem certeza que deseja excluir todos anexos?', {
1362        'type':     'question',
1363        'overlay_opacity': '0.5',
1364        'buttons':  ['Sim', 'Não'],
1365        'onClose':  function(clicked) {
1366            if(clicked == 'Sim'){
1367               
1368                var ids = [];
1369                $.each($('.attachment-list input'), function (i, input) {
1370                     DataLayer.remove('schedulableToAttachment', {
1371                        filter: ['=', 'id', ''+input.value]
1372                        });
1373                });
1374                $('.attachment-list input').remove();
1375                $('.row.fileupload-buttonbar .attachments-list p').remove();
1376            }
1377        }});
1378}).end()
1379.filter('.close').button({
1380    icons: {
1381        primary: "ui-icon-close"
1382    },
1383    text: false
1384}).click(function () {
1385    DataLayer.remove('schedulableToAttachment', $(this).parents('p').find('input[name="fileId[]"]').val());
1386    $(this).parents('p').remove();
1387}).end()
1388.filter('.downlaod-archive').button({
1389    icons: {
1390        primary: "ui-icon-arrowthickstop-1-s"
1391    },
1392    text: false
1393});
1394var maxSizeFile = 2000000;
1395$('#fileupload').fileupload({
1396    sequentialUploads: true,
1397    add: function (e, data) {
1398        if(data.files[0].size < maxSizeFile)
1399            data.submit();
1400    },
1401    change: function (e, data) {
1402        $.each(data.files, function (index, file) {
1403            var attach = {};
1404            attach.fileName = file.name;
1405            var ext = file.name.split('.');
1406            if(file.name.length > 10)
1407                attach.fileName = ext.length == 1 ? file.name.substr(0, 10) :  file.name.substr(0, 6) + '.' + ext[ext.length -1];
1408            attach.fileSize = formatBytes(file.size);
1409            if(file.size > maxSizeFile)
1410                attach.error = 'Tamanho de arquivo nao permitido!!'
1411                               
1412            $('.attachments-list').append(DataLayer.render(path+'templates/attachment_add_itemlist.ejs', {
1413                file : attach
1414            }));
1415                               
1416            if(file.size < maxSizeFile){
1417                $('.fileinput-button.new').append(data.fileInput[0]).removeClass('new');
1418                $('.attachments-list').find('[type=file]').addClass('hidden');
1419                                       
1420            }else
1421                $('.fileinput-button.new').removeClass('new');
1422                               
1423                               
1424            $('.attachments-list').find('.button.close').button({
1425                icons: {
1426                    primary: "ui-icon-close"
1427                },
1428                text: false
1429            }).click(function(){
1430                var idAttach = $(this).parent().find('input[name="fileId[]"]').val();
1431                $('.attachment-list').find('input[value="'+idAttach+'"]')
1432                $(this).parent().remove();
1433            });
1434                               
1435        })
1436        },
1437    done: function(e, data){
1438        var currentUpload = $('.progress.after-upload:first').removeClass('after-upload').addClass('on-complete').hide();
1439
1440        if(!!data.result && data.result != "[]"){
1441            var newAttach = (attch = jQuery.parseJSON(data.result)) ? attch : jQuery.parseJSON(data.result[0].activeElement.childNodes[0].data);
1442            $('.attachment-list').append('<input tyepe="hidden" name="attachment[]" value="'+newAttach['attachment'][0][0].id+'"/>');
1443            currentUpload.removeClass('on-complete').parents('p')
1444            .append('<input type="hidden" name="fileId[]" value="'+newAttach['attachment'][0][0].id+'"/>')
1445            .find('.status-upload').addClass('ui-icon ui-icon-check');
1446        }else
1447            currentUpload.removeClass('on-complete').parents('p').find('.status-upload').addClass('ui-icon ui-icon-cancel');
1448    }
1449});
1450$('.attachments-list .button').button();
1451
1452if(!!window.FormData)                   
1453$('#fileupload').bind('fileuploadstart', function () {
1454    var widget = $(this),
1455    progressElement = $('#fileupload-progress').fadeIn(),
1456    interval = 500,
1457    total = 0,
1458    loaded = 0,
1459    loadedBefore = 0,
1460    progressTimer,
1461    progressHandler = function (e, data) {
1462        loaded = data.loaded;
1463        total = data.total;
1464    },
1465    stopHandler = function () {
1466        widget
1467        .unbind('fileuploadprogressall', progressHandler)
1468        .unbind('fileuploadstop', stopHandler);
1469        window.clearInterval(progressTimer);
1470        progressElement.fadeOut(function () {
1471            progressElement.html('');
1472        });
1473    },
1474    formatTime = function (seconds) {
1475        var date = new Date(seconds * 1000);
1476        return ('0' + date.getUTCHours()).slice(-2) + ':' +
1477        ('0' + date.getUTCMinutes()).slice(-2) + ':' +
1478        ('0' + date.getUTCSeconds()).slice(-2);
1479    },
1480    /* formatBytes = function (bytes) {
1481            if (bytes >= 1000000000) {
1482                return (bytes / 1000000000).toFixed(2) + ' GB';
1483            }
1484            if (bytes >= 1000000) {
1485                return (bytes / 1000000).toFixed(2) + ' MB';
1486            }
1487            if (bytes >= 1000) {
1488                return (bytes / 1000).toFixed(2) + ' KB';
1489            }
1490            return bytes + ' B';
1491        },*/
1492    formatPercentage = function (floatValue) {
1493        return (floatValue * 100).toFixed(2) + ' %';
1494    },
1495    updateProgressElement = function (loaded, total, bps) {
1496        progressElement.html(
1497            formatBytes(bps) + 'ps | ' +
1498            formatTime((total - loaded) / bps) + ' | ' +
1499            formatPercentage(loaded / total) + ' | ' +
1500            formatBytes(loaded) + ' / ' + formatBytes(total)
1501            );
1502    },
1503    intervalHandler = function () {
1504        var diff = loaded - loadedBefore;
1505        if (!diff) {
1506            return;
1507        }
1508        loadedBefore = loaded;
1509        updateProgressElement(
1510            loaded,
1511            total,
1512            diff * (1000 / interval)
1513            );
1514    };
1515    widget
1516    .bind('fileuploadprogressall', progressHandler)
1517    .bind('fileuploadstop', stopHandler);
1518    progressTimer = window.setInterval(intervalHandler, interval);
1519});
1520       
1521if(objEvent.isShared){
1522               
1523    var acls = Calendar.signatureOf[objEvent.calendar].permission.acl;
1524               
1525    if(!acls.write){
1526        UI.dialogs.addEvent.find(':input').attr('disabled', 'disabled');
1527        UI.dialogs.addEvent.find('.button').hide();
1528    }
1529               
1530    if(acls.remove)
1531        UI.dialogs.addEvent.find('.button.remove').show();
1532               
1533    UI.dialogs.addEvent.find('.button.cancel').show();
1534               
1535       
1536}
1537
1538disponibily(objEvent, path, attendees);
1539
1540/*Seleciona a agenda padrão para criação de um evento*/
1541var selectedCalendar = (objEvent.calendar != undefined) ? objEvent.calendar : (User.preferences.defaultCalendar ? User.preferences.defaultCalendar : myCalendar());
1542UI.dialogs.addEvent.find('option[value="'+selectedCalendar+'"]').attr('selected','selected').trigger('change');
1543
1544UI.dialogs.addEvent.find(':input').change(function(event){
1545    if (event.keyCode != '27' && event.keyCode != '13')
1546        canDiscardEventDialog = false;
1547}).keydown(function(event){
1548    if (event.keyCode != '27' && event.keyCode != '13')
1549        canDiscardEventDialog = false;
1550});     
1551
1552UI.dialogs.addEvent.dialog('open');
1553//$('[href="#calendar_addevent_details7"]').trigger('click');
1554//$('[href="#calendar_addevent_details2"]').trigger('click');
1555}
1556
1557
1558
1559function add_tab_preferences()
1560{
1561    if(!(document.getElementById('preference_tab')))
1562    {
1563        var tab_title = "Preferencias";
1564        $tabs.tabs( "add", "#preference_tab", tab_title );
1565               
1566        /*
1567                DataLayer.render( 'templates/timezone_list.ejs', {}, function( timezones_options ){
1568                        tabPrefCalendar.find('select[name="timezone"]').html(timezones_options).find('option[value="'+User.preferences.timezone+'"]').attr('selected','selected').trigger('change');
1569                });
1570                */
1571        DataLayer.render( 'templates/preferences_calendar.ejs', {
1572            preferences:User.preferences,
1573            calendars: Calendar.calendars
1574            }, function( template ){
1575            var tabPrefCalendar = jQuery('#preference_tab').html( template ).find('.preferences-win');
1576               
1577            tabPrefCalendar.find('option[value="'+User.preferences.defaultCalendar+'"]').attr('selected','selected').trigger('change');
1578               
1579            DataLayer.render( 'templates/timezone_list.ejs', {}, function( timezones_options ){
1580                tabPrefCalendar.find('select[name="timezone"]').html(timezones_options).find('option[value="'+User.preferences.timezone+'"]').attr('selected','selected').trigger('change');
1581            });
1582               
1583            tabPrefCalendar.find('.button').button()
1584            .filter('.save').click(function(evt){
1585                tabPrefCalendar.find('form').submit();
1586                $('#calendar').fullCalendar('render');
1587                $('.block-vertical-toolbox .mini-calendar').datepicker( "refresh" );
1588                $tabs.tabs( "remove", "#preference_tab");
1589            }).end().filter('.cancel').click(function(evt){
1590                $tabs.tabs( "remove", "#preference_tab");
1591            });
1592                       
1593            tabPrefCalendar.find('.number').numeric();
1594                       
1595            tabPrefCalendar.find('input.time').timepicker({
1596                closeText: 'Ok',
1597                hourGrid: 4,
1598                minuteGrid: 10,
1599                ampm : (parseInt($("select[name=hourFormat] option:selected").val().length) > 5 ? true : false), //((User.preferences.hourFormat.length > 5) ? true: false),
1600                timeFormat: "hh:mm tt",
1601                onSelect: function (selectedDateTime){
1602                    if(!(User.preferences.hourFormat.length == 5)) {
1603                        $(this).val(selectedDateTime.replace(/[\.]/gi, ""));
1604                    }
1605                },
1606                onClose : function (selectedDateTime){
1607                    if(!(User.preferences.hourFormat.length == 5)) {
1608                        $(this).val(selectedDateTime.replace(/[\.]/gi, ""));
1609                    }
1610                }
1611            });
1612                       
1613            $.mask.definitions['{']='[ap]';
1614            $.mask.definitions['}']='[m]';
1615            tabPrefCalendar.find("input.time").mask( ((User.preferences.hourFormat.length > 5) ? "99:99 {}" : "99:99"), {
1616                completed:function(){
1617                    $(this).val(dateCalendar.defaultToAmPm($(this).val()));
1618                    $(this).timepicker("refresh");
1619                    $(this).val($(this).val().replace(/[\.]/gi, ""));                                   
1620                }
1621            });
1622                                                           
1623            tabPrefCalendar.find("select[name=hourFormat]").change( function() { // evento ao selecionar formato de hora
1624               
1625                tabPrefCalendar.find("input.time").timepicker("destroy");
1626
1627                tabPrefCalendar.find('input.time').timepicker({
1628                    closeText: 'Ok',
1629                    hourGrid: 4,
1630                    minuteGrid: 10,
1631                    ampm : (parseInt($("select[name=hourFormat] option:selected").val().length) > 5 ? true : false),
1632                    timeFormat: "hh:mm tt",
1633                    onSelect: function (selectedDateTime){
1634                        if(!(User.preferences.hourFormat.length == 5)) {
1635                            $(this).val(selectedDateTime.replace(/[\.]/gi, ""));
1636                        }                                                       
1637                    },
1638                    onClose : function (selectedDateTime){
1639                        if(!(User.preferences.hourFormat.length == 5)) {
1640                            $(this).val(selectedDateTime.replace(/[\.]/gi, ""));
1641                        }
1642                    }
1643                });
1644                               
1645                var defaultStartHour = tabPrefCalendar.find("input[name=defaultStartHour]").val().trim();
1646                var defaultEndHour = tabPrefCalendar.find("input[name=defaultEndHour]").val().trim();
1647               
1648                tabPrefCalendar.find("input.time").mask( (($("select[name=hourFormat] option:selected").val().trim().length > 5) ? "99:99 {}" : "99:99") );
1649               
1650                if (parseInt($("select[name=hourFormat] option:selected").val().length) > 5) { // am/pm
1651                    tabPrefCalendar.find("input[name=defaultStartHour]").val(dateCalendar.defaultToAmPm(defaultStartHour));
1652                    tabPrefCalendar.find("input[name=defaultEndHour]").val(dateCalendar.defaultToAmPm(defaultEndHour))
1653                                       
1654                } else { //24h
1655                    tabPrefCalendar.find("input[name=defaultStartHour]").val(dateCalendar.AmPmTo24(defaultStartHour));
1656                    tabPrefCalendar.find("input[name=defaultEndHour]").val(dateCalendar.AmPmTo24(defaultEndHour));
1657                }
1658            });                 
1659                       
1660                       
1661                       
1662        });             
1663    } else {
1664        $tabs.tabs("select", "#preference_tab");
1665               
1666        return true;
1667    }
1668}
1669
1670
1671function add_tab_configure_calendar(calendar)
1672{
1673    var calendars = [];
1674    var signatures = [];
1675    var previewActiveCalendarConf = 0;
1676
1677    for (var i=0; i<Calendar.signatures.length; i++) {
1678        calendars[i]  = Calendar.signatures[i].calendar;
1679        signatures[i] = Calendar.signatures[i];
1680        signatures[i].numberDefaultAlarm = signatures[i].defaultAlarms != '' ?  signatures[i].defaultAlarms.length: 0;
1681        if (calendar && calendars[i].id == calendar)
1682            previewActiveCalendarConf = i;
1683    }
1684               
1685    if(!(document.getElementById('configure_tab')))
1686    {
1687        $('.positionHelper').css('display', 'none');
1688        var tab_title = "Configurações de agendas";
1689        $tabs.tabs( "add", "#configure_tab", tab_title );
1690               
1691        var dataColorPicker = {
1692            colorsSuggestions: colors_suggestions()
1693        };
1694               
1695               
1696               
1697        var populateAccordionOnActive = function(event, ui) {
1698            var nowActive = (typeof(event) == 'number') ? event : $(event.target).accordion( "option", "active" );
1699            dataColorPicker.colorsDefined = {
1700                border: '#'+signatures[nowActive].borderColor,
1701                font:'#'+signatures[nowActive].fontColor,
1702                background:'#'+signatures[nowActive].backgroundColor
1703            };
1704            if (!jQuery('.accordion-user-calendars .ui-accordion-content').eq(nowActive).has('form')) {
1705                return true;
1706            }
1707
1708            DataLayer.render( 'templates/configure_calendars_itemlist.ejs', {
1709                user:User,
1710                calendar:calendars[nowActive],
1711                signature:signatures[nowActive]
1712                }, function( form_template ){
1713                var form_content = jQuery('.accordion-user-calendars .ui-accordion-content').eq(nowActive).html( form_template ).find('form');
1714                form_content.find('.preferences-alarms-list .button').button({
1715                    text:false,
1716                    icons:{
1717                        primary:'ui-icon-close'
1718                    }
1719                });
1720            form_content.find('.button').button();
1721                               
1722                DataLayer.render( 'templates/timezone_list.ejs', {}, function( timezones_options ){
1723                    var valueTimeZone = calendars[nowActive].timezone;
1724                    form_content.find('select[name="timezone"]').html(timezones_options).find('option[value="'+valueTimeZone+'"]').attr('selected','selected').trigger('change');
1725                });
1726
1727                form_content.find('.button-add-alarms').click(function(){
1728                    DataLayer.render( 'templates/alarms_add_itemlist.ejs', {}, function( template ){                                           
1729                        jQuery('.preferences-alarms-list').append(template)
1730                        .find('li:last label:eq(0)').remove().end()
1731                        .find('.number').numeric().end()
1732                        .find('.button.remove').button({
1733                            text:false,
1734                            icons:{
1735                                primary:'ui-icon-close'
1736                            }
1737                        }).click(function(el) {
1738                        $(this).parent().remove();
1739                    });   
1740                    });
1741                });
1742
1743
1744            /**
1745                                 * Set color picker
1746                                 */
1747            DataLayer.render( 'templates/calendar_colorpicker.ejs', dataColorPicker, function( template ){
1748                form_content.find('.calendar-colorpicker').html( template );
1749
1750                var f = $.farbtastic(form_content.find('.colorpicker'), colorpickerPreviewChange);
1751                var selected;
1752                var colorpicker = form_content.find('.calendar-colorpicker');
1753                                       
1754                var colorpickerPreviewChange = function(color) {
1755                    var pickedup = form_content.find('.colorwell-selected').val(color).css('background-color', color);
1756
1757                    var colorpicker = form_content.find('.calendar-colorpicker');
1758
1759                    if (pickedup.is('input[name="backgroundColor"]')) {
1760                        colorpicker.find('.fc-event-skin').css('background-color',color);
1761                    } else if (pickedup.is('input[name="fontColor"]')) {
1762                        colorpicker.find('.fc-event-skin').css('color',color);
1763                    } else if (pickedup.is('input[name="borderColor"]')) {
1764                        colorpicker.find('.fc-event-skin').css('border-color',color);
1765                    }
1766                }
1767                                       
1768                form_content.find('.colorwell').each(function () {
1769                    f.linkTo(this);
1770
1771                    if ($(this).is('input[name="backgroundColor"]')) {
1772                        colorpicker.find('.fc-event-skin').css('background-color', $(this).val());
1773                    } else if ($(this).is('input[name="fontColor"]')) {
1774                        colorpicker.find('.fc-event-skin').css('color', $(this).val());
1775                    } else if ($(this).is('input[name="borderColor"]')) {
1776                        colorpicker.find('.fc-event-skin').css('border-color', $(this).val());
1777                    }
1778                })
1779                .focus(function() {
1780                    if (selected) {
1781                        $(selected).removeClass('colorwell-selected');
1782                    }
1783
1784                    $(selected = this).addClass('colorwell-selected');
1785                    f.linkTo(this, colorpickerPreviewChange);
1786                    f.linkTo(colorpickerPreviewChange);
1787
1788                });
1789
1790                form_content.find('select.color-suggestions').change(function() {
1791                    var colors;
1792
1793                    if(colors = dataColorPicker.colorsSuggestions[$(this).val()]) {     
1794                        colorpicker
1795                        .find('input[name="fontColor"]').val(colors.font).focus().end()
1796                        .find('input[name="backgroundColor"]').val(colors.background).focus().end()
1797                        .find('input[name="borderColor"]').val(colors.border).focus().end()
1798
1799                        .find('.fc-event-skin').css({
1800                            'background-color':dataColorPicker.colorsSuggestions[$(this).val()].background,
1801                            'border-color':dataColorPicker.colorsSuggestions[$(this).val()].border,
1802                            'color':dataColorPicker.colorsSuggestions[$(this).val()].font
1803                        });
1804                    }
1805                });
1806
1807                /**
1808                                         * Trata a mudança dos valores dos campos de cores.
1809                                         * Se mudar um conjunto de cores sugerido,
1810                                         * este vira um conjunto de cores personalizado.
1811                                         */
1812                form_content.find('.colorwell').change(function (element, ui) {
1813                    if (true) {
1814                        form_content.find('select.color-suggestions')
1815                        .find('option:selected').removeAttr('selected').end()
1816                        .find('option[value="custom"]').attr('selected', 'selected').trigger('change');
1817                    }
1818                });
1819            }); //END set colorpicker
1820
1821            form_content.find('.phone').mask("+99 (99) 9999-9999");
1822            form_content.find('.number').numeric();
1823
1824        }); //END DataLayer.render( 'templates/configure_calendars_itemlist.ejs' ...
1825
1826// === validations preferences ====
1827
1828                       
1829} //END populateAccordionOnActive(event, ui)
1830               
1831
1832DataLayer.render( 'templates/configure_calendars.ejs', {
1833    user:User,
1834    calendars:calendars,
1835    signatures:signatures
1836}, function( template ){
1837    var template_content = jQuery('#configure_tab').html( template ).find('.configure-calendars-win');
1838    template_content.find('.button').button().filter('.save').click(function(evt){
1839        template_content.find('form').submit();
1840        $tabs.tabs( "remove", "#configure_tab");
1841        DataLayer.commit( false, false, function( received ){
1842            delete Calendar.currentViewKey;
1843            Calendar.load();
1844            refresh_calendars();
1845        });
1846    }).end().filter('.cancel').click(function(evt){
1847        $tabs.tabs( "remove", "#configure_tab");
1848    });
1849
1850    /**
1851                         * Muda a estrutura do template para a aplicação do plugin accordion
1852                         */
1853    template_content.find('.header-menu-container').after('<div class="accordion-user-calendars"></div>').end().find('.accordion-user-calendars')
1854    .append(template_content.children('fieldset'));
1855                       
1856    template_content.find('.accordion-user-calendars').children('fieldset').each(function(index) {
1857        $(this).before($('<h3></h3>').html($(this).children('legend')));
1858    });
1859                       
1860    template_content.find('.accordion-user-calendars').accordion({
1861        autoHeight: false,
1862        collapsible: true,
1863        clearStyle: true,
1864        active: previewActiveCalendarConf,
1865        changestart: populateAccordionOnActive
1866    });
1867    populateAccordionOnActive(previewActiveCalendarConf);
1868});
1869
1870} else {
1871
1872    $tabs.tabs("select", "#configure_tab");
1873    $('.accordion-user-calendars').accordion( "activate" , previewActiveCalendarConf );
1874               
1875    return true;
1876}
1877
1878}
1879
1880function getSelectedCalendars( reverse ){
1881    var selecteds = {};
1882    var cont = 0;
1883    jQuery(function() {
1884        jQuery(".my-calendars .calendar-view").each(function(i, obj) {
1885            var check_box = obj;
1886            if( reverse ? !check_box.checked : check_box.checked ) {
1887                selecteds[cont] = obj.value;
1888                cont++;
1889            };
1890        });               
1891    });
1892    if (!cont)
1893        return false;
1894       
1895    selecteds.length = cont;
1896    return $.makeArray( selecteds );
1897}
1898
1899/**
1900 * TODO - transformar em preferência do módulo e criar telas de adição e exclusão de conjunto de cores
1901 */
1902function colors_suggestions(){
1903    return [
1904    {
1905        name:'Padrão',
1906        border:'#3366cc',
1907        font:'#ffffff',
1908        background:'#3366cc'
1909    },
1910
1911    {
1912        name:'Coala',
1913        border:'#123456',
1914        font:'#ffffff',
1915        background:'#385c80'
1916    },
1917
1918    {
1919        name:'Tomate',
1920        border:'#d5130b',
1921        font:'#111111',
1922        background:'#e36d76'
1923    },
1924
1925    {
1926        name:'Limão',
1927        border:'#32ed21',
1928        font:'#1f3f1c',
1929        background:'#b2f1ac'
1930    },
1931
1932    {
1933        name:'Alto contraste',
1934        border:'#000000',
1935        font:'#ffffff',
1936        background:'#222222'
1937    }
1938    ]           
1939}
1940
1941function remove_event(eventId, idCalendar){
1942    $.Zebra_Dialog('Tem certeza que deseja excluir o evento?', {
1943        'type':     'question',
1944        'overlay_opacity': '0.5',
1945        'buttons':  ['Sim', 'Não'],
1946        'onClose':  function(clicked) {
1947            if(clicked == 'Sim'){
1948
1949                var schedulable = DataLayer.get('schedulable', ''+eventId);
1950                schedulable.calendar = ''+idCalendar;
1951                var schudableDecode = DataLayer.encode( "schedulable:preview", schedulable);
1952                var me = schudableDecode.me.user ? schudableDecode.me.user.id : schudableDecode.me.id;
1953
1954                DataLayer.removeFilter('schedulable', {filter: ['AND', ['=','id',eventId], ['=','calendar',idCalendar], ['=','user', me]]})
1955                Calendar.rerenderView(true);
1956            }
1957        }
1958    });
1959}
1960
1961function mount_exception(eventID, idException){
1962   
1963    var schedulable = DataLayer.get('schedulable', ''+eventID);
1964    var edit = {
1965        repeat: (DataLayer.get('repeat', schedulable.repeat))
1966        };                                   
1967
1968    edit.repeat.startTime = new Date(parseInt(edit.repeat.startTime)).toString('yyyy-MM-dd HH:mm:00');
1969    edit.repeat.endTime = parseInt(edit.repeat.count) > 0 ? '0' : new Date(parseInt(edit.repeat.endTime)).toString('yyyy-MM-dd HH:mm:00');
1970   
1971    edit.repeat.exceptions = (schedulable.occurrences[idException]);         
1972   
1973    return edit.repeat;
1974
1975}
1976
1977function remove_ocurrence(eventId, idRecurrence){
1978    $.Zebra_Dialog('Tem certeza que deseja excluir esta ocorrência?', {
1979        'type':     'question',
1980        'overlay_opacity': '0.5',
1981        'buttons':  ['Sim', 'Não'],
1982        'onClose':  function(clicked) {
1983            if(clicked == 'Sim'){
1984                var repeat = mount_exception(eventId, idRecurrence);
1985                DataLayer.remove('repeat', false);
1986                DataLayer.put('repeat', repeat);
1987                DataLayer.commit(false, false, function(data){
1988                    Calendar.rerenderView(true);
1989                });
1990            }
1991        }
1992    });
1993}
1994
1995
1996function remove_calendar(){
1997    /* Pode ser assim $('.cal-list-options-btn.ui-state-active').attr('class').replace(/[a-zA-Z-]+/g, ''); */
1998    $.Zebra_Dialog('Todos os eventos desta agenda serão removidos. Deseja prosseguir com a operação?', {
1999        'type':     'question',
2000        'overlay_opacity': '0.5',
2001        'buttons':  ['Sim', 'Não'],
2002        'onClose':  function(clicked) {
2003            if(clicked == 'Sim'){
2004                var idCalendar =  $('.cal-list-options-btn.ui-state-active').attr('class').match(/[0-9]+/g);
2005                               
2006                DataLayer.remove('calendarSignature', Calendar.signatureOf[idCalendar[0]].id );
2007                               
2008                if(idCalendar == User.preferences.defaultCalendar)
2009                    DataLayer.remove( 'modulePreference', User.preferenceIds['defaultCalendar']);
2010                       
2011                DataLayer.commit( false, false, function( received ){
2012                    delete Calendar.currentViewKey;
2013                    Calendar.load();
2014                    refresh_calendars();
2015                });
2016            }
2017            $('.positionHelper').css('display', 'none');
2018       
2019        }
2020    });
2021}
2022
2023function refresh_calendars(){
2024
2025    var colorsSuggestions = colors_suggestions();
2026    var buttons_colors = "";
2027    for(var i = 0; i < colorsSuggestions.length; i++){
2028        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>";
2029    }
2030
2031    //DataLayer.render( 'templates/calendar_list.ejs', 'calendar:list', ["IN", "id", Calendar.calendarIds], function( html ){
2032    DataLayer.render( 'templates/calendar_list.ejs', Calendar, function( html ){
2033       
2034        var meu_container = $(".calendars-list").html( html );
2035       
2036        $('ul.list-calendars .cal-list-options-btn').each(function(){
2037            $(this).menu({   
2038                content: $(this).next().html(),
2039                width: '120',
2040                positionOpts: {
2041                    posX: 'left', 
2042                    posY: 'bottom',
2043                    offsetX: 0,
2044                    offsetY: 0,
2045                    directionH: 'right',
2046                    directionV: 'down', 
2047                    detectH: true, // do horizontal collision detection   
2048                    detectV: true, // do vertical collision detection
2049                    linkToFront: false
2050                },
2051                flyOut: true,
2052                showSpeed: 100,
2053                crumbDefaultText: '>'
2054            });
2055        });         
2056       
2057        meu_container.find(".button.new-calendar").button({
2058            icons: {
2059                primary: "ui-icon-plus"
2060            },
2061            text: false
2062        }).click(function () {
2063               
2064            if( $('.qtip.qtip-blue.qtip-active').val() !== ''){
2065                $(this).qtip({
2066                    show: {
2067                    ready: true,
2068            solo: true,
2069            when: {
2070                    event: 'click'
2071                    }
2072                },
2073                hide: false,
2074                content: {
2075                text: $('<div></div>').html( DataLayer.render( 'templates/calendar_quick_add.ejs', {} ) ),
2076                title: {
2077                text:'Nova Agenda',
2078                button: '<a class="button close" href="#">close</a>'
2079                }
2080                },
2081                style: {
2082                name: 'blue',
2083            tip: {
2084                corner: 'leftMiddle'
2085                },
2086            border: {
2087                width: 4,
2088            radius: 8
2089                },
2090            width: {
2091                min: 230,
2092            max:230
2093                }
2094            },
2095            position: {
2096            corner: {
2097            target: 'rightMiddle',
2098            tooltip: 'leftMiddle'
2099            },
2100            adjust: {
2101            x:0,
2102            y:-12
2103            }
2104            }
2105            })
2106        .qtip("api").onShow = function(arg0) {
2107            $('.qtip-active .button.close').button({
2108                icons: {
2109                    primary: "ui-icon-close"
2110                },
2111                text: false
2112            })
2113            .click(function(){
2114                meu_container.find(".button.new-calendar").qtip('destroy');
2115            });
2116            //TODO emplementar tratamento de duplicação de valores no location
2117            $('.qtip-active .button.save').button().click(function(){
2118                for(var i = 0; i < Calendar.calendars.length; i++){
2119                    if(Calendar.calendars[i].location == ( User.me.uid + '/' + $('.qtip-active input').val())){
2120                        $.Zebra_Dialog('O nome desta agenda já está sendo utilizada em uma Url de outra agenda. Por favor, informe outro nome para agenda.',{
2121                            'overlay_opacity': '0.5',
2122                            'type': 'warning'
2123                        });
2124                        meu_container.find(".button.new").qtip('destroy');
2125                        return;
2126                    }
2127                }
2128                               
2129                var selected;
2130                var color = $('.cal-colors-options-btn').each(function(index){
2131                    if ($(this).is('.color-selected'))
2132                        selected = index;
2133                });
2134                DataLayer.put( "calendarSignature", {
2135                    user: User.me.id,
2136                    calendar: {
2137                        name: Encoder.htmlEncode($('.qtip-active input').val()),
2138                        timezone: User.preferences.timezone                             
2139                    },
2140                    isOwner: 1,
2141                    fontColor: colorsSuggestions[selected]['font'].substring(1) ,
2142                    backgroundColor: colorsSuggestions[selected]['background'].substring(1) ,
2143                    borderColor: colorsSuggestions[selected]['border'].substring(1)
2144                });
2145                DataLayer.commit( false, false, function( received ){
2146                    delete Calendar.currentViewKey;
2147                    Calendar.load();
2148                    refresh_calendars();
2149                });
2150                meu_container.find(".button.new").qtip('destroy');
2151            });
2152                       
2153            $('.qtip-active .button.cancel').button().click(function(){
2154                meu_container.find(".button.new").qtip('destroy');
2155            });
2156                       
2157            $(".qtip-active input").Watermark("Nome da agenda");
2158                       
2159            $('.qtip-active').keydown(function(event) {
2160                if (event.keyCode == '27') {
2161                    meu_container.find(".button.new").qtip('destroy');
2162                }
2163            });
2164                       
2165            $('.colors-options').prepend(buttons_colors);
2166            $('.colors-options .signed-cal-colors-options-btn-0').addClass('color-selected');
2167                                       
2168            var buttons = $('.cal-colors-options-btn').button();
2169                       
2170            buttons.click(function(){
2171                buttons.removeClass('color-selected');
2172                $(this).addClass('color-selected');
2173            });
2174        }                               
2175        }
2176    });
2177       
2178    $("img.cal-list-img").click(function(evt) {
2179        $(".cal-list-options_1").toggleClass( "hidden" );
2180    });
2181
2182    $(".my-calendars a.title-my-calendars").click(function() {
2183        $(".my-calendars ul.my-list-calendars").toggleClass("hidden")
2184        $('.my-calendars .status-list').toggleClass("ui-icon-triangle-1-s");
2185        $('.my-calendars .status-list').toggleClass("ui-icon-triangle-1-e");
2186    });
2187               
2188    $(".signed-calendars a.title-signed-calendars").click(function() {
2189        $(".signed-calendars ul.signed-list-calendars").toggleClass( "hidden");
2190    });
2191
2192    $("ul li.list-calendars-item").click(function(evt) {
2193       
2194        });   
2195
2196    $("ul li.list-calendars-item .ui-corner-all").click(function(evt) {
2197        //alert('teste');
2198        });   
2199       
2200    meu_container.find(".button.new-calendar-shared").button({
2201        icons: {
2202            primary: "ui-icon-plus"
2203        },
2204        text: false
2205    }).click(function (event) {
2206        show_modal_search_shared();
2207    });
2208               
2209               
2210    //TODO Implementar ocultar agendas.
2211    meu_container.find('.title-signed-calendars').click(function(evt){
2212        var status = $(this).parent().find('.status-list-shared');
2213                       
2214        if(status.hasClass('ui-icon-triangle-1-s'))
2215            status.removeClass('ui-icon-triangle-1-s').addClass('ui-icon-triangle-1-e');
2216        else
2217            status.removeClass('ui-icon-triangle-1-e').addClass('ui-icon-triangle-1-s');
2218    });
2219               
2220    $('.calendar-view').click(function(evt){
2221        if($tabs.tabs('option' ,'selected') == 1){
2222            pageselectCallback('', 0);
2223        }
2224                       
2225        if(Calendar.currentView){
2226            var checkBox = $(this);
2227            if(!!Calendar.currentView[ checkBox.val() ]){
2228                Calendar.currentView[ checkBox.val() ].hidden = !checkBox.is(':checked');
2229                $('#calendar').fullCalendar( 'refetchEvents' );
2230            }
2231        }
2232    });
2233});
2234}
2235
2236function add_events_list(keyword)
2237{
2238    var tab_title = "";
2239    if (keyword){
2240        if(keyword.length < 10)
2241            tab_title = keyword;
2242        else
2243            tab_title = keyword.substr(0,10) + '..."';
2244    }else{
2245        tab_title = "Lista de eventos";
2246    }
2247    keyword = ( keyword || '' ).replace( /\s+/g, "_" );
2248       
2249    if(!(document.getElementById('tab_events_list_' + (Base64.encode(keyword)).replace(/[^\w\s]/gi, "") )))     
2250    {
2251        Encoder.EncodeType = "entity";
2252        $tabs.tabs( "add", "#tab_events_list_" + (Base64.encode(keyword)).replace(/[^\w\s]/gi, ""), Encoder.htmlEncode(tab_title) );
2253    }
2254    else /* Tab already opened */
2255    {
2256        $tabs.tabs("option", "selected", 2);
2257    }
2258       
2259    pageselectCallback(keyword, 0); // load page 1 and insert data on event_list.ejs
2260       
2261    $('.preferences-win.active .button.save, .preferences-win.active .button.cancel, .preferences-win.active .button.import, .preferences-win.active .button.export').button();
2262}
2263
2264function paginatorSearch(currentView){
2265    $(currentView+' .header-paginator .fc-header-left .fc-button').hover(
2266        function(){
2267            $(this).addClass('fc-state-hover');
2268        },
2269        function(){
2270            $(this).removeClass('fc-state-hover');
2271        }).mousedown(function(){
2272        $(this).addClass('fc-state-down');
2273    }).mouseup(function(){
2274        $(this).removeClass('fc-state-down');
2275        $('.events-list.events-list-win.active').removeClass('active');
2276        var paginator = $(this).attr('class');
2277        if(paginator.indexOf('next') > 0){
2278            if(parseInt($(currentView+' [name = results]').val()) > 25)
2279                pageselectCallback($(currentView+' [name = keyword]').val(), ((parseInt($(currentView+' [name = page_index]').val())) +1));
2280        }else{
2281            if(parseInt($(currentView+' [name = page_index]').val()) > 0)
2282                pageselectCallback($(currentView+' [name = keyword]').val(), ((parseInt($(currentView+' [name = page_index]').val())) -1));
2283        }
2284    });
2285}
2286
2287function mountTitleList(page_index ,view){
2288    switch (view){
2289        case 'agendaDay':
2290        case 'basicDay':
2291            var date = new Date().add({
2292                days: page_index
2293            });
2294            return (dateCalendar.dayNames[date.getDay()])+", "+(date.toString('dd MMM yyyy'));
2295        case 'agendaWeek':
2296            var dateStart = new Date().moveToDayOfWeek(dateCalendar.dayOfWeek[User.preferences.weekStart]);
2297            dateStart.add({
2298                days: (7 * page_index)
2299                });
2300            var dateEnd = new Date().moveToDayOfWeek(dateCalendar.dayOfWeek[User.preferences.weekStart]);
2301            dateEnd.add({
2302                days: (page_index * 7)+7
2303                });
2304            if(dateStart.toString('MM') != dateEnd.toString('MM'))
2305                return dateStart.toString('dd')+' de '+dateCalendar.monthNamesShort[dateStart.getMonth()]+' a '+dateEnd.toString('dd')+' de '+dateCalendar.monthNames[dateEnd.getMonth()]+' - '+dateEnd.toString('yyyy');
2306            return +dateStart.toString("dd")+" a "+dateEnd.toString("dd")+" de "+dateCalendar.monthNames[dateEnd.getMonth()]+" - "+dateEnd.toString('yyyy');
2307        case 'month':
2308            var date = new Date().add({
2309                months: page_index
2310            })
2311            return dateCalendar.monthNames[date.getMonth()]+" "+date.toString("yyyy");
2312        case 'year':
2313            var date = new Date().add({
2314                years: page_index
2315            });
2316            return date.toString("yyyy");
2317    }
2318}
2319
2320function paginatorList(currentView, view){
2321    $(currentView+' .events-list.events-list-win.active .list-events-paginator .fc-header-title').html('<h2>'+mountTitleList( parseInt($('[name = page_index]').val()),view)+'</h2>');
2322    $(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right .fc-button').removeClass('fc-state-active')
2323    if(view == 'basicDay')
2324        $(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right .fc-button-agendaDay').addClass('fc-state-active');
2325    else
2326        $(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right .fc-button-'+view).addClass('fc-state-active');
2327    $(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right').addClass('list-right');
2328               
2329    $(currentView+' .header-paginator .fc-header-right .fc-button').hover(
2330        function(){
2331            $(this).addClass('fc-state-hover');
2332        },
2333        function(){
2334            $(this).removeClass('fc-state-hover');
2335        }).mousedown(function(){
2336        $(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right .fc-button').removeClass('fc-state-active')
2337        $(this).addClass('fc-state-active');
2338    }).mouseup(function(){
2339        var goView = $(this).attr('class');
2340        if(goView.indexOf('agendaDay') > 0)
2341            pageselectCallback($(currentView+' [name = keyword]').val(), 0, '', 'agendaDay');
2342        else if(goView.indexOf('month') > 0)
2343            pageselectCallback($(currentView+' [name = keyword]').val(), 0, '', 'month');
2344        else if(goView.indexOf('year') > 0)
2345            pageselectCallback($(currentView+' [name = keyword]').val(), 0, '', 'year');
2346        else if(goView.indexOf('agendaWeek') > 0)
2347            pageselectCallback($(currentView+' [name = keyword]').val(), 0, '', 'agendaWeek');
2348
2349    });
2350
2351    $(currentView+' .header-paginator .fc-header-left .fc-button').hover(
2352        function(){
2353            $(this).addClass('fc-state-hover');
2354        },
2355        function(){
2356            $(this).removeClass('fc-state-hover');
2357        }).mousedown(function(){
2358        $(this).addClass('fc-state-down');
2359    }).mouseup(function(){
2360        $(this).removeClass('fc-state-down');
2361        var paginator = $(this).attr('class');
2362        if(paginator.indexOf('next') > 0)
2363            pageselectCallback($(currentView+' [name = keyword]').val(), ((parseInt($('[name = page_index]').val())) +1), '', view);
2364        else
2365            pageselectCallback($(currentView+' [name = keyword]').val(), ((parseInt($('[name = page_index]').val())) -1), '', view);
2366    });
2367}
2368
2369function paginatorListEvent(currentView, typeView, view){
2370    if(!!$(currentView).find('.fc-calendar').length)
2371        return;
2372    $(currentView+' .events-list.events-list-win.active').prepend($('.fc-header:first').clone());
2373    //Remove contudo nao utilizado
2374    $(currentView+' .events-list.events-list-win.active .fc-header .fc-button-today').remove();
2375    $(currentView+' .events-list.events-list-win.active .fc-header .fc-button-basicWeek').remove();
2376    $(currentView+' .events-list.events-list-win.active .fc-header .fc-button-basicDay').remove();                     
2377               
2378    //Adiciona e remove as classes para esta visualizacao
2379    $(currentView+' .events-list.events-list-win.active .fc-header .fc-header-center').addClass('list-events-paginator');
2380    $(currentView+' .events-list.events-list-win.active .fc-header .list-events-paginator').removeClass('fc-header-center');           
2381               
2382    //Adicionar class no header padronizar com a tela principal
2383    $(currentView+' .events-list.events-list-win.active .fc-header').addClass('header-paginator');
2384    $(currentView+' .events-list.events-list-win.active .header-paginator').removeClass('fc-header');
2385                               
2386    if(typeView == 'search'){
2387        $(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right').remove()
2388        $(currentView+' .events-list.events-list-win.active .list-events-paginator .fc-header-title').html('<h2>Resultados para: '+$(currentView+' [name = keyword]').val()+'</h2>');
2389        if((parseInt($(currentView+' [name = page_index]').val()) == 0) && (parseInt($(currentView+' [name = results]').val()) <= 25))
2390            return;
2391        paginatorSearch(currentView);
2392    }else
2393        paginatorList(currentView, view);
2394}
2395
2396function mountCriteriaList(view, page_index, calerdars_selecteds){
2397    var rangeStart , rangeEnd;
2398    switch (view){
2399        case 'basicDay':
2400        case 'agendaDay':
2401            rangeStart = new Date().add({
2402                days: page_index
2403            }).getTime();
2404            rangeEnd = rangeStart;
2405            break;
2406        case 'agendaWeek':
2407            var dateStart = new Date().moveToDayOfWeek(dateCalendar.dayOfWeek[User.preferences.weekStart]);
2408            var dateEnd = new Date().moveToDayOfWeek(dateCalendar.dayOfWeek[User.preferences.weekStart]);
2409            rangeStart = dateStart.add({
2410                days: (7 * page_index)
2411                }).getTime();
2412            rangeEnd = dateEnd.add({
2413                days: (7 * page_index)+7
2414                }).getTime();
2415            break;
2416        case 'month':
2417            var date = Date.today().add({
2418                months: page_index
2419            })
2420            rangeStart = date.moveToFirstDayOfMonth().getTime();
2421            rangeEnd = date.moveToLastDayOfMonth().getTime();
2422            break;
2423        case 'year':
2424            var dateStart = new Date().add({
2425                years: page_index
2426            });
2427            var dateEnd = new Date().add({
2428                years: page_index
2429            });
2430            if(dateStart.getMonth() != 0)
2431                dateStart.moveToMonth(0, -1)
2432            if(dateEnd.getMonth() != 11)
2433                dateEnd.moveToMonth(11)
2434            rangeStart =    dateStart.moveToFirstDayOfMonth().getTime();
2435            rangeEnd = dateEnd.moveToLastDayOfMonth().getTime();
2436            break; 
2437    }
2438                       
2439    var timezone = {};
2440    for(var i in Calendar.signatureOf)
2441        timezone[i] = Calendar.signatureOf[i].calendar.timezone;               
2442       
2443    return {
2444         filter: ['AND',
2445                    ['OR',
2446                        ['AND',
2447                            ['>=', 'rangeEnd', rangeStart],
2448                            ['<=', 'rangeEnd', rangeEnd] ,
2449                        ],
2450                        ['AND',
2451                            ['>=', 'rangeStart', rangeStart],
2452                            ['<=', 'rangeStart', rangeEnd] ,
2453                        ],
2454                        ['AND',
2455                            ['<=', 'rangeStart', rangeStart],
2456                            ['>=', 'rangeEnd', rangeEnd] ,
2457                        ]
2458                    ],
2459                    ['IN', 'calendar',  calerdars_selecteds]
2460                ],
2461        criteria: {
2462            deepness: 2,
2463            order: 'startTime',
2464            timezones: timezone
2465        }
2466    };
2467
2468}
2469
2470function pageselectCallback(keyword, page_index, jq, view){
2471       
2472    var selecteds = getSelectedCalendars();
2473    if(!selecteds && (keyword != '' && keyword != null)){       
2474        jQuery('#tab_events_list_' + ((Base64.encode(keyword)).replace(/[^\w\s]/gi, "")|| '')).html(
2475            '<div title="Lista de eventos" class="events-list events-list-win active empty">' +
2476            '<label>Por favor selecione ao menos uma agenda.</label>' +
2477            '</div>'
2478            );
2479    }else{
2480        var criteria = null;
2481        if(keyword == '' || keyword == null)
2482            criteria = mountCriteriaList(!!view ? view : User.preferences.defaultCalView, page_index, selecteds)
2483        else
2484            criteria =  {
2485                filter: ['AND', ['OR', ["i*", "summary", keyword], ["i*", "description", keyword]], ['IN', 'calendar',  selecteds]],
2486                criteria: {
2487                    searchEvent: true,
2488                    order: 'startTime',
2489                    offset: (25 * page_index),
2490                    limit: (((25 * page_index) + 25) + 1),
2491                    deepness: 2
2492                }
2493            };
2494    var results = DataLayer.get('schedulable:detail', criteria);
2495    keyword = ( keyword || '' ).replace( /\s+/g, "_" );
2496}
2497// não há resultados   
2498
2499var currentView = '#tab_events_list_' + ((Base64.encode(keyword)).replace(/[^\w\s]/gi, "") || '');
2500
2501if ((((typeof(results) == 'undefined') || (!results.events_list )) && selecteds) &&(keyword != '' && keyword != null)) {
2502    $(currentView).html(
2503                '<div title="Lista de eventos" class="events-list events-list-win active empty">' +
2504                '<label>Não foi encontrado nenhum evento correspondente à sua pesquisa.</label>' +
2505                '</div>'
2506        );
2507// há resultados e Agendas Selecionadas
2508} else{
2509    if(typeof(results) != 'undefined'){
2510                results['page_index'] = page_index;
2511                results['keyword'] = keyword;
2512                               
2513                DataLayer.render( 'templates/event_list.ejs', results, function( html ){
2514                       
2515                        $(currentView).html( html );
2516                        $('.events-list-win .menu-container .button').button();
2517                                                                                                                       
2518                        $(".event-details-item").parent().click(function(){
2519
2520                        $(this).siblings("div.details-event-list").toggleClass("hidden")
2521                        .find('.button.delete').click(function(){
2522                                var eventId = $(this).siblings('[name="eventid"]').val();
2523                                var calendarId = $(this).siblings('[name="calendarid"]').val();
2524
2525                                remove_event(eventId, calendarId);
2526                        })
2527                        .end().find('.button.edit').click(function(){                           
2528                                eventDetails( DataLayer.get( "schedulable", $(this).siblings('[name="eventid"]').val() ), true );                                       
2529                        });
2530
2531                        });
2532                        paginatorListEvent(currentView, (keyword == '' || keyword == null) ? 'list' : 'search',  !!view ? view : User.preferences.defaultCalView);
2533                });
2534    }else{
2535                $(currentView).html(
2536                        '<div title="Lista de eventos" class="events-list events-list-win active empty">' +
2537                        '<input type="hidden" name="page_index" value="'+page_index+'"></inpunt>'+
2538                        '<input type="hidden" name="keyword" value="'+keyword+'"></inpunt>'+
2539                        '<label class="empty-result">Não foram encontrados eventos neste intervalo.</label>' +
2540                        '</div>'
2541                        );
2542                paginatorListEvent(currentView, 'list', !!view ? view : User.preferences.defaultCalView);
2543    }
2544}
2545        $tabs.tabs("select", currentView);
2546}
2547
2548function show_modal_import_export(tab, calendarId) {
2549    DataLayer.render( 'templates/import_export.ejs', {
2550        calendars: Calendar.calendars,
2551        owner: User.me.id
2552        }, function( html ){
2553
2554        if (!UI.dialogs.importCalendar) {
2555            UI.dialogs.importCalendar = jQuery('#div-import-export-calendar')
2556            .append('<div title="Importar e Exportar Eventos" class="import-export import-export-win active"> <div>')
2557            .find('.import-export-win.active').html(html).dialog({
2558                resizable: false,
2559                modal:true,
2560                width:500,
2561                position: 'center'
2562            });
2563                       
2564        } else {
2565            UI.dialogs.importCalendar.html(html);
2566        }
2567               
2568        var tabsImportExport = UI.dialogs.importCalendar.find(".tabs-import-export").tabs({
2569            selected: tab
2570        });
2571       
2572        UI.dialogs.importCalendar.find('.button').button();
2573
2574        tabsImportExport.find('option[value="'+calendarId+'"]').attr('selected','selected').trigger('change');
2575               
2576        var form = false;
2577        $('.import-event-form').fileupload({
2578            sequentialUploads: true,
2579            add: function (e, data) {
2580                form = data
2581                var name = form.files[0].name;
2582                $('.import-event-form').find('input[type="file"]').hide();
2583                $('.import-event-form').find('span.file-add').removeClass('hidden');
2584                $('.import-event-form').find('span.file-add').append('<span>'+ name +'</span><a class="button remove-attachment tiny"></a>');
2585                $('.import-event-form').find('.button.remove-attachment').button({
2586                    icons: {
2587                        primary: "ui-icon-close"
2588                    },
2589                    text: false
2590                }).click(function (event){
2591                    $('.import-event-form').find('input[type="file"]').show();
2592                    $('.import-event-form').find('span.file-add').addClass('hidden').html('');
2593                    form = false;
2594                });
2595                               
2596                               
2597            },
2598            done: function(e, data){
2599                var msg = '';
2600                var type = '';
2601
2602                if(!!data.result && data.result == "[][[]]"){
2603                    msg = 'Não foram encontrados novos eventos na importação!';
2604                    type = 'information';
2605                }else if(!!data.result && data.result == '[][false]'){
2606                    msg = 'Erro ao realizar a importação, por favor verifique o arquivo .ics';
2607                    type = 'warning';
2608                }else{
2609                    msg = 'Importação realizada com sucesso!';
2610                    type = 'confirmation';
2611                    Calendar.rerenderView(true);
2612                }
2613
2614                $.Zebra_Dialog(msg, {
2615                    'type':     type,
2616                    'overlay_opacity': '0.5',
2617                    'buttons':  ['Fechar']
2618                });
2619            }
2620        });
2621
2622        UI.dialogs.importCalendar.find(".menu-import-event")       
2623        .children(".import").click(function(data){
2624            $('.import-event-form fieldset.import-calendar', UI.dialogs.importCalendar).append(
2625                '<input type="hidden" name="params[calendar_timezone]" value="'+ 
2626                Calendar.signatureOf[$('.import-event-form option:selected').val()].calendar.timezone
2627                +'"/>')
2628            if(form)
2629                form.submit();                 
2630            UI.dialogs.importCalendar.dialog("close");
2631        /**
2632                         * TODO - implementar ação de importação
2633                         */
2634        });
2635           
2636        UI.dialogs.importCalendar.find(".menu-export-event")       
2637        .children(".export").click(function(){
2638             
2639            $('.export-event-form', UI.dialogs.importCalendar).submit();
2640            UI.dialogs.importCalendar.dialog("close");
2641        /**
2642                         * TODO - implementar ação de exportação
2643                         */
2644        });
2645       
2646        UI.dialogs.importCalendar.find(".menu-container")
2647        .children(".cancel").click(function(){
2648            UI.dialogs.importCalendar.dialog("close");
2649        });   
2650               
2651        UI.dialogs.importCalendar.dialog("open");
2652    });
2653}
2654
2655function copyAndMoveTo(calendar, event, idRecurrence, type, evt){
2656    /*
2657     * Types
2658     * 0 = Move
2659     * 1 = Copy Event end Repet
2660     * 2 = Copy Ocurrence
2661     * 3 = Copy to edit ocurrence
2662     *
2663     **/
2664    if(!type)
2665        type = $('.calendar-copy-move input[name="typeEvent"]').val();
2666
2667    var schedulable = DataLayer.get('schedulable', event+'');
2668       
2669    calendar = !!calendar ? calendar : schedulable.calendar;
2670       
2671    if(typeof(schedulable) == "array")
2672        schedulable = schedulable[0];
2673       
2674    //Move eventos entre agendas
2675    if(parseInt(type) == 0){
2676               
2677        schedulable.lastCalendar = schedulable.calendar;
2678        schedulable.calendar = calendar;       
2679        DataLayer.put('schedulable', schedulable);
2680       
2681        DataLayer.commit();
2682    //copia eventos entre agendas
2683    }else{
2684       
2685        var newSchedulable = schedulable;
2686       
2687        delete newSchedulable.id;
2688        delete newSchedulable.uid;
2689        delete newSchedulable.sequence;
2690        delete newSchedulable.dtstamp;
2691               
2692        delete schedulable.DayLigth;
2693        delete schedulable.rangeStart
2694        delete schedulable.rangeEnd;
2695        delete schedulable.lastUpdate;
2696               
2697        delete schedulable.calendar;
2698               
2699        if(schedulable.repeat && type == "1" ){
2700            var repeat = DataLayer.get('repeat', schedulable.repeat);
2701            delete repeat.schedulable;
2702            delete repeat.id;
2703            repeat.startTime = new Date(parseInt(repeat.startTime)).toString('yyyy-MM-dd HH:mm:00');
2704            repeat.endTime = new Date(parseInt(repeat.endTime)).toString('yyyy-MM-dd HH:mm:00');
2705                   
2706            var exceptions = DataLayer.get('repeatOccurrence', {
2707                filter: ['AND', ['=','repeat', schedulable.repeat], ['=','exception','1']]
2708                }, true);
2709            if(exceptions){
2710                repeat.exceptions = '';
2711                for(var i in exceptions )
2712                    repeat.exceptions += exceptions[i].occurrence + ((exceptions.length -1) == parseInt(i) ? '' : ',');
2713                           
2714            }
2715                   
2716                   
2717            schedulable.repeat = repeat;
2718        }else{
2719            if(!!idRecurrence){
2720                newSchedulable.endTime = parseInt(schedulable.occurrences[idRecurrence]) + (parseInt(newSchedulable.endTime) - parseInt(newSchedulable.startTime));
2721                newSchedulable.startTime = schedulable.occurrences[idRecurrence];
2722            }
2723            delete schedulable.repeat;
2724        }
2725        delete schedulable.occurrences;
2726               
2727        schedulable.calendar = DataLayer.copy(calendar);       
2728               
2729        var participants = DataLayer.copy(schedulable.participants);
2730        delete schedulable.participants;
2731               
2732        schedulable.participants =  $.map( participants, function( attendee, i ){
2733                       
2734            var participant = DataLayer.get('participant', attendee, false);
2735                       
2736            if(typeof(participant) == 'array')
2737                participant = participant[0];
2738       
2739            delete participant.delegatedFrom;
2740            delete participant.id;
2741            delete participant.schedulable;
2742                       
2743            participant.id = DataLayer.put('participant', participant);
2744                       
2745            return participant ;
2746        });
2747        //Edit ocurrence
2748        if(parseInt(type) == 3){
2749            newSchedulable.endTime = !!evt.end  ? evt.end.getTime() :  ((evt.start).getTime() + 86400000);
2750            newSchedulable.startTime = evt.start.getTime();
2751                   
2752            return newSchedulable;
2753        }
2754        newSchedulable.endTime = new Date(parseInt(newSchedulable.endTime) - (newSchedulable.allDay ? 86400000 : 0)).toString('yyyy-MM-dd hh:mm:00');
2755        newSchedulable.startTime = new Date(parseInt(newSchedulable.startTime)).toString('yyyy-MM-dd hh:mm:00');
2756       
2757        DataLayer.put('schedulable', newSchedulable);
2758
2759    }
2760       
2761
2762}
Note: See TracBrowser for help on using the repository browser.