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

Revision 6881, 95.7 KB checked in by thiago, 12 years ago (diff)

Ticket #2966 - Implementado a nova tela de atividades.

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