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

Revision 6893, 98.1 KB checked in by douglasz, 12 years ago (diff)

Ticket #2966 - Impressao das Listas e Detalhes Eventos e Tarefas.

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