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

Revision 6904, 99.9 KB checked in by marcieli, 12 years ago (diff)

Ticket #2966 - Implementação da funcionalidade imprimir calendário anual.

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