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

Revision 7022, 101.6 KB checked in by marcieli, 12 years ago (diff)

Ticket #3028 - Corrigidas telas de impressao na agenda, fontes, posicoes, icones.

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