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

Revision 8044, 113.7 KB checked in by angelo, 11 years ago (diff)

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