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

Revision 8018, 110.8 KB checked in by thiago, 11 years ago (diff)

Ticket #3383 - Melhorias ao alterar data e hora de eventos

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