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

Revision 5641, 74.7 KB checked in by acoutinho, 12 years ago (diff)

Ticket #2434 - Correcao de bugs e melhorias no modulo expressoCalendar

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        var start_date = $(".new-event-win.active .start-date").val();
16        var end_date   = $(".new-event-win.active .end-date").val();
17        var start_time = $(".new-event-win.active .start-time").val();
18        var end_time   = $(".new-event-win.active .end-time").val();
19        var isAllDay   = $('.new-event-win.active input[name="allDay"]').is(':checked');
20       
21        if(start_date == "")
22                return 'Por favor, informe uma data inicial';
23        else if(end_date == "")
24                return 'Por favor, informe uma data final';
25        else if(!isAllDay && start_time == "")
26                return 'Por favor, informe uma hora inicial';
27        else if(!isAllDay && end_time == "")
28                return 'Por favor, informe uma hora final';
29       
30        var formatString = (isAllDay)? User.preferences.dateFormat+" HH:mm" : User.preferences.dateFormat + " " + User.preferences.hourFormat;
31               
32        var startDate = Date.parseExact( isAllDay ? start_date+ " 00:00": start_date + " " + $.trim(start_time) , formatString );
33        var endDate = Date.parseExact( isAllDay ? end_date+ " 00:00": end_date + " " + $.trim(end_time) , formatString );
34
35        if(startDate == null || startDate.getTime() < 0 )
36                return 'Data inicial inválida';
37        if(endDate == null || endDate.getTime() < 0)
38                return 'Data final inválida';
39       
40        if((endDate.compareTo(startDate) != 1) && !((endDate.compareTo(startDate) == 0) && (isAllDay))){
41                return (start_date == end_date) ?
42                        ((end_time == start_time) ? 'Hora inicial igual a final' : 'Hora final menor que a inicial') :
43                        'Data final menor que a inicial';
44        }
45        return false;
46}
47
48/*
49function listEvents(){
50        var list = $('.fc-header-right').find('.fc-button.fc-button-agendaDay').clone();
51        $('.fc-header-right').find('.fc-button-year').toggleClass('fc-corner-right');
52        list.addClass('fc-corner-right');
53        list.addClass('fc-button-listagem');
54        list.removeClass('fc-button-agendaDay');
55        list.removeClass('fc-corner-left');
56        list.find('.fc-button-content').html('Listagem');
57        $('.fc-header-right').append(list);
58}
59*/
60
61function eventDetails( objEvent, decoded, path, isMail)
62{
63        attendees = {};
64
65        if(path == undefined)
66                path = "";
67               
68        if( !decoded )
69            objEvent = DataLayer.decode( "schedulable:calendar", objEvent );
70
71        if(!isMail)
72        objEvent = DataLayer.encode( "schedulable:preview", objEvent );
73       
74        if(typeof(objEvent.id) == 'undefined'){
75                        objEvent.alarms = Calendar.signatureOf[User.preferences.defaultCalendar || Calendar.calendarIds[0]].defaultAlarms || false;
76                        objEvent.useAlarmDefault = 1;
77        }
78       
79        /**
80         * canDiscardEventDialog deve ser true se não houver alterações no evento
81         */
82        canDiscardEventDialog = true;
83        /**
84         * zebraDiscardEventDialog é uma flag indicando que uma janela de confirmação (Zebra_Dialog)
85         * já está aberta na tela, uma vez que não é possivel acessar o evento ESC utilizado para fechá-la
86         */
87        zebraDiscardEventDialog = false;
88       
89        /**
90                ACLs do participant
91        */
92        acl_names = {
93                'w': 'acl-white',
94                'i': 'acl-invite-guests',
95                'p': 'acl-participation-required'
96        };
97       
98        var callbackAttendee = function(){
99                //Cria qtip de permissões pelo click do checkbox
100                var checked = false;
101                blkAddAtendee.find("li.not-attendee").addClass('hidden');
102       
103                blkAddAtendee.find("li .button").filter(".close.new").button({
104                        icons: {
105                                primary: "ui-icon-close"
106                        },
107                        text: false
108                }).click(function () {
109                        DataLayer.remove('participant', $(this).parents('li').find('[type=checkbox]').val());
110                        if($(this).parent().find('.button.delegate').hasClass('attendee-permissions-change-button')){
111                               
112                                blkAddAtendee.find('.request-update').addClass('hidden');
113                                blkAddAtendee.find('.status option').toggleClass('hidden');
114                               
115                                blkAddAtendee.find('option[value=1]').attr('selected','selected').trigger('change');
116                        }
117                       
118                        $(this).parents('li').remove();
119                       
120                        if(blkAddAtendee.find(".attendee-list li").length == 1)
121                                blkAddAtendee.find("li.not-attendee").removeClass('hidden');
122                })
123                .addClass('tiny disable ui-button-disabled ui-state-disabled')
124                .removeClass('new').end()
125       
126                .filter(".delegate.new").button({
127                        icons: {
128                                primary: "ui-icon-transferthick-e-w"
129                        },
130                        text: false
131                }).click(function () {
132                                               
133                        if($(this).hasClass('attendee-permissions-change-button')){
134                                $(this).removeClass('attendee-permissions-change-button')   
135                                .find('.ui-icon-transferthick-e-w').removeClass('attendee-permissions-change').end();               
136                               
137                                $(this).parents('li').find('input[name="delegatedFrom[]"]').val('');
138                               
139                                blkAddAtendee.find('.request-update').addClass('hidden');
140                                blkAddAtendee.find('.status option').toggleClass('hidden');
141                               
142                               
143                                blkAddAtendee.find('option[value=1]').attr('selected','selected').trigger('change');
144                               
145                        }else{
146                                blkAddAtendee.find('.delegate').removeClass('attendee-permissions-change-button');
147                                blkAddAtendee.find('.ui-icon-transferthick-e-w').removeClass('attendee-permissions-change');
148                       
149                                $(this).addClass('attendee-permissions-change-button')   
150                                .find('.ui-icon-transferthick-e-w').addClass('attendee-permissions-change').end();               
151                                $(this).parents('li').find('input[name="delegatedFrom[]"]').val(blkAddAtendee.find('.me input[name="attendee[]"]').val());
152                       
153                                blkAddAtendee.find('.request-update').removeClass('hidden');
154                                if(blkAddAtendee.find('.status option.hidden').length == 1)
155                                        blkAddAtendee.find('.status option').toggleClass('hidden');
156                       
157                                blkAddAtendee.find('option[value=5]').attr('selected','selected').trigger('change');
158                        }
159                })
160                .addClass('tiny disable ui-button-disabled ui-state-disabled')
161                .removeClass('new').end()
162               
163                .filter(".edit.new").button({
164                        icons: {
165                                primary: "ui-icon-key"
166                        },
167                        text: false
168                }).click(function() {
169                       
170                        if(!!!checked)
171                                $(this).parents('li').find('[type=checkbox]').attr('checked', (!$(this).parent().find('[type=checkbox]').is(':checked'))).end();
172                       
173                        var aclsParticipant =  $(this).parents('li').find('input[name="attendeeAcl[]"]').val();
174                        checked = false;
175                       
176                        if( $('.qtip.qtip-blue.qtip-active').val() !== ''){
177                                blkAddAtendee.find('dd.attendee-list').qtip({
178                                        show: {ready: true, solo: true, when: {event: 'click'}},
179                                        hide: false,
180                                        content: {
181                                                text: $('<div></div>').html( DataLayer.render( 'templates/attendee_permissions.ejs', {} ) ),
182                                                title: {
183                                                        text:'Permissões',
184                                                        button: '<a class="button close" href="#">close</a>'
185                                                }
186                                        },
187                                        style: {name: 'blue', tip: {corner: 'leftMiddle'}, border: {width: 4, radius: 8}, width: {min: 230, max:230}},
188                                        position: {
189                                                corner: {
190                                                        target: 'rightMiddle',
191                                                        tooltip: 'leftMiddle'
192                                                },
193                                                adjust: {x:0, y:0}
194                                        }
195                                })
196                                .qtip("api").onShow = function(arg0) {
197                                        $('.qtip-active .button.close').button({
198                                                icons: {primary: "ui-icon-close"},
199                                                text: false
200                                        })
201                                        .click(function(){
202                                                blkAddAtendee.find('dd.attendee-list').qtip('destroy');
203                                        });
204                                       
205                                        $('.qtip-active .button.save').button().click(function(){
206                                               
207                                                var acl = '';
208                                                $('.qtip-active').find('[type=checkbox]:checked').each(function(i, obj) {
209                                                        acl+= obj.value;
210                                                });
211
212                                                blkAddAtendee.find('dd.attendee-list [type=checkbox]:checked').siblings('input[name="attendeeAcl[]"]').each(function(i, obj) {
213                                                        obj.value = 'r'+acl;
214                                                }).parents('li').find('.button.edit').addClass('attendee-permissions-change-button')   
215                                                .find('.ui-icon-key').addClass('attendee-permissions-change');               
216                                               
217                                                blkAddAtendee.find('dd.attendee-list [type=checkbox]').attr('checked', false);
218                                               
219                                                blkAddAtendee.find('dd.attendee-list').qtip('destroy');
220                                       
221                                        });
222                                        $('.qtip-active .button.cancel').button().click(function(){
223                                                blkAddAtendee.find('dd.attendee-list [type=checkbox]').attr('checked', false);
224                                                blkAddAtendee.find('dd.attendee-list').qtip('destroy');
225                                        });
226                                       
227                                        if(aclsParticipant)
228                                                for(var i = 1; i < aclsParticipant.length; i++){
229                                                        $('.qtip-active').find('input[name="'+acl_names[aclsParticipant.charAt(i)]+'"]').attr('checked', true);
230                                                }
231                                       
232                                       
233                                        $('.button').button();
234                                       
235                                };
236                        }else{
237                                if(!$('.new-event-win dd.attendee-list').find('[type=checkbox]:checked').length){
238                                        blkAddAtendee.find('dd.attendee-list').qtip('destroy');
239                                }else{
240                                        $('.qtip-active .button.save .ui-button-text').html('Aplicar a todos')
241                                }
242                       
243                        };                     
244                })
245                .addClass('tiny disable ui-button-disabled ui-state-disabled')
246                .removeClass('new').end()
247               
248                .filter(".open-delegate.new").click(function(){
249                        if($(this).hasClass('ui-icon-triangle-1-e')){
250                                $(this).removeClass('ui-icon-triangle-1-e').addClass('ui-icon-triangle-1-s');
251                                $(this).parents('li').find('.list-delegates').removeClass('hidden');
252                        }else{
253                                $(this).removeClass('ui-icon-triangle-1-s').addClass('ui-icon-triangle-1-e');
254                                $(this).parents('li').find('.list-delegates').addClass('hidden');
255                        }
256               
257                }).removeClass('new');
258       
259       
260                blkAddAtendee.find("li input[type=checkbox].new").click(function(){
261                        if(!$('.new-event-win dd.attendee-list').find('[type=checkbox]:checked').length){
262                                blkAddAtendee.find('dd.attendee-list').qtip('destroy');
263                        }else{
264                                checked = true;
265                                        $(this).parents('li').find('.button.edit').click();
266                        }
267                }).removeClass('new');
268       
269                UI.dialogs.addEvent.find('.attendees-list li').hover(
270                        function () {
271                                $(this).addClass("hover-attendee");
272                                $(this).find('.button').removeClass('disable ui-button-disabled ui-state-disabled').end()
273                                .find('.attendee-options').addClass('hover-attendee');
274                        },
275                        function () {
276                                $(this).removeClass("hover-attendee");
277                                $(this).find('.button').addClass('disable ui-button-disabled ui-state-disabled').end()
278                                .find('.attendee-options').removeClass('hover-attendee');;
279                        }
280                );
281       
282               
283        }
284       
285        var html = DataLayer.render( path+'templates/event_add.ejs', {event:objEvent});
286               
287                if (!UI.dialogs.addEvent) {
288                        UI.dialogs.addEvent = jQuery('#sandbox').append('<div title="Criar Evento" class="new-event-win active"> <div>').find('.new-event-win.active').html(html).dialog({
289                                resizable: false,
290                                modal:true,
291                                autoOpen: false,
292                                width:700,
293                                position: 'center',
294                                close: function(event, ui) {
295                                        /**
296                                         * Remove tooltip possivelmente existente
297                                         */
298                                        if ($('dd.attendee-list li:last').data('qtip'))
299                                                $('dd.attendee-list li:last').qtip('destroy');
300                                               
301                                        attendees  = {};
302
303                                },
304                                beforeClose: function(event, ui) {
305
306                                        if (!canDiscardEventDialog && !zebraDiscardEventDialog) {
307                                                zebraDiscardEventDialog = true;
308                                                window.setTimeout(function() {
309                                                        $.Zebra_Dialog('Suas alterações no evento não foram salvas. Deseja descartar as alterações?', {
310                                                                'type':     'question',
311                                                                'overlay_opacity': '0.5',
312                                                                'buttons':  ['Descartar alterações', 'Continuar editando'],
313                                                                'onClose':  function(clicked) {
314                                                                        if(clicked == 'Descartar alterações') {
315                                                                                canDiscardEventDialog = true;
316                                                                                /**
317                                                                                *Remoção dos anexos do eventos caso seja cancelado a edição
318                                                                                */
319                                                                                var ids = [];
320                                                                                $.each($('.attachment-list input'), function (i, input) { ids.push(input.value); });
321                                                                                if(ids.length > 0)
322                                                                                        DataLayer.remove('attachment', {filter: ['IN', 'id', ids]});
323                                                                               
324                                                                                UI.dialogs.addEvent.dialog('close');
325                                                                        }else{
326                                                                                zebraDiscardEventDialog = false;
327                                                                        }
328                                                                       
329                                                                        /**
330                                                                         * Uma vez aberta uma janela de confirmação (Zebra_Dialog), ao fechá-la
331                                                                         * com ESC, para que o evento ESC não seja propagado para fechamento da
332                                                                         * janela de edição de eventos, deve ser setada uma flag indicando que
333                                                                         * já existe uma janela de confirmação aberta.
334                                                                         */
335                                                                        if (!clicked) {
336                                                                                window.setTimeout(function() {
337                                                                                        zebraDiscardEventDialog = false;
338                                                                                }, 200);
339                                                                        }
340                                                                }
341                                                        });
342                                                       
343                                                }, 300);
344
345                                        }
346                                        return canDiscardEventDialog;
347                                }
348                        });
349                       
350                } else {
351                        UI.dialogs.addEvent.html(html);
352                }
353               
354            var tabs = UI.dialogs.addEvent.children('.content').tabs();
355                var calendar = DataLayer.get('calendar', objEvent.calendar);
356                               
357                if (calendar.timezone != objEvent.timezone){
358                        UI.dialogs.addEvent.find('.calendar-addevent-details-txt-timezone').find('option[value="'+objEvent.timezone+'"]').attr('selected','selected').trigger('change');
359                        UI.dialogs.addEvent.find('.calendar_addevent_details_lnk_timezone').addClass('hidden');
360                        $('.calendar-addevent-details-txt-timezone').removeClass('hidden');
361                       
362                }
363               
364            UI.dialogs.addEvent.find('.calendar_addevent_details_lnk_timezone').click(function(e){
365                    $(this).addClass('hidden');
366                    $('.calendar-addevent-details-txt-timezone').removeClass('hidden');
367                    e.preventDefault();
368            });
369               
370                UI.dialogs.addEvent.find('.button.remove').button({text:false, icons:{primary:'ui-icon-close'}}).click(function(el){
371                        var id;
372                        if( id = $(this).parent().find('input[name="alarmId[]"]').val())
373                                DataLayer.remove('alarm', id);
374                        $(this).parent().remove().find('li').is(':empty');
375                });
376               
377                /*Seleciona a agenda padrão para criação de um evento*/
378                UI.dialogs.addEvent.find('option[value="'+objEvent.calendar || User.preferences.defaultCalendar+'"]').attr('selected','selected').trigger('change');
379               
380                /*Adicionar alarms padrões, quando alterado a agenda do usuário*/               
381                UI.dialogs.addEvent.find('select[name="calendar"]').change(function(){
382                        if((typeof($('input[name = "idEvent"]').val()) == 'undefined') || (!!!$('input[name = "idEvent"]').val())) {
383                                $('input[name = "isDefaultAlarm[]"]').parent().remove();
384                                UI.dialogs.addEvent.find('input[name="defaultAlarm"]').parent().removeClass('hidden');
385                                var calendarSelected = Calendar.signatureOf[$(this).val()];
386                                calendarSelected.useAlarmDefault = 1;
387                                if(calendarSelected.defaultAlarms != ""){
388                                        var li_attach = DataLayer.render(path+'templates/alarms_add_itemlist.ejs', {alarm:calendarSelected});
389                                                jQuery('.event-alarms-list').append(li_attach).find('.button.remove').button({text:false, icons:{primary:'ui-icon-close'}}).click(function(el) {
390                                                        $(this).parent().remove().find('li').is(':empty');
391                                                });
392                                }else{
393                                        UI.dialogs.addEvent.find('input[name="defaultAlarm"]').parent().addClass('hidden');
394                                }
395                        }
396            });
397               
398                /*Checkbox adicionar alarms padrões*/
399                UI.dialogs.addEvent.find('input[name="defaultAlarm"]').click(function(){
400                    if($(this).attr("checked")){
401                                $('input[name="isDefaultAlarm[]"]').parent().remove();
402                                var calendarSelected = Calendar.signatureOf[$('select[name="calendar"]').val()];
403                                calendarSelected.useAlarmDefault = 1;
404                                if(calendarSelected.defaultAlarms != ""){
405                                        var li_attach = DataLayer.render(path+'templates/alarms_add_itemlist.ejs', {alarm:calendarSelected});
406                                                jQuery('.event-alarms-list').append(li_attach).find('.button.remove').button({text:false, icons:{primary:'ui-icon-close'}}).click(function(el) {
407                                                        var id;
408                                                        if( id = $(this).parent().find('input[name="alarmId[]"]').val())
409                                                                DataLayer.remove('alarm', id);
410                                                        $(this).parent().remove().find('li').is(':empty')
411                                                });
412                                }
413                        } else {
414                            $('input[name="isDefaultAlarm[]"]').parent().remove();
415                        }
416            });
417            /* Checkbox allday */
418            UI.dialogs.addEvent.find('input[name="allDay"]').click(function(){
419                    $(this).attr("checked") ?
420                                UI.dialogs.addEvent.find('.start-time, .end-time').addClass('hidden') :
421                            UI.dialogs.addEvent.find('.start-time, .end-time').removeClass('hidden');
422                        updateMap(true);
423            });
424
425            UI.dialogs.addEvent.find('.button').button();
426            UI.dialogs.addEvent.find('.button.add').button({
427                    icons: {
428                            secondary: "ui-icon-plus"
429                    }
430            });
431
432         // ==== validation events ====
433            UI.dialogs.addEvent.find(".input-group .h1").Watermark("Evento sem título");
434                if(User.preferences.hourFormat.length == 5) {
435                        UI.dialogs.addEvent.find(".end-time, .start-time").mask("99:99", {
436                                completed: function(){
437                                        updateMap();
438                                }
439                        });
440                } else {
441                        $.mask.definitions['{']='[ap]';
442                        $.mask.definitions['}']='[m]';
443                        UI.dialogs.addEvent.find(".end-time, .start-time").mask("99:99 {}", {
444                                completed:function(){
445                                        $(this).val(date.Calendar.defaultToAmPm($(this).val()));
446                                        $(this).timepicker("refresh");
447                                        $(this).val($(this).val().replace(/[\.]/gi, ""));
448                                        updateMap();
449                                }
450                        });
451                }
452                UI.dialogs.addEvent.find(".number").numeric();
453                User.preferences.dateFormat.indexOf('-') > 0 ?
454                        UI.dialogs.addEvent.find(".date").mask("99-99-9999", {
455                                completed:function(){
456                                        updateMap();
457                                }
458                        }) :
459                        UI.dialogs.addEvent.find(".date").mask("99/99/9999", {
460                                completed:function(){
461                                        updateMap();
462                                }
463                        });
464
465            UI.dialogs.addEvent.find(".menu-addevent")
466            .children(".delete").click(function(){
467                        $.Zebra_Dialog('Tem certeza que deseja excluir o evento?', {
468                                'type':     'question',
469                                'overlay_opacity': '0.5',
470                                'buttons':  ['Sim', 'Não'],
471                                'onClose':  function(clicked) {
472                                        if(clicked == 'Sim'){
473                                                DataLayer.remove( "schedulable", UI.dialogs.addEvent.find(".id-event").val() );
474                                                UI.dialogs.addEvent.dialog("close");
475                                        }
476                                }
477                        });
478            }).end()
479           
480            .children(".cancel").click(function(){
481                        DataLayer.rollback('participant');
482                        UI.dialogs.addEvent.dialog("close");
483            }).end()
484           
485            .children(".save").click(function(){
486                        /* Validação */
487                        var msg = false;                       
488                        if(msg = validDateEvent()){
489                                $(".new-event-win.active").find('.messages-validation').removeClass('hidden').find('.message label').html(msg);
490                                return false;
491                        }
492                       
493                        canDiscardEventDialog = true;
494                       
495                        UI.dialogs.addEvent.children().find('form.form-addevent').submit();
496                        UI.dialogs.addEvent.dialog("close");
497            }).end()
498               
499                .children(".export").click(function(){
500                        UI.dialogs.addEvent.children().find(".form-export").submit();
501            });
502
503                var dates = UI.dialogs.addEvent.find('input.date').datepicker({
504                        dateFormat: 'dd/mm/yy',
505                        onSelect : function( selectedDate ){
506                                updateMap();
507                        }
508                });
509                //if(path == ""){
510                UI.dialogs.addEvent.find('input.time').timepicker({
511                        closeText: 'Ok',
512                        hourGrid: 4,
513                        minuteGrid: 10,
514                        ampm : ((User.preferences.hourFormat.length > 5) ? true: false),
515                        timeFormat: "hh:mm tt",
516                        onSelect: function (selectedDateTime){
517                                if(!(User.preferences.hourFormat.length == 5))
518                                        $(this).val(selectedDateTime.replace(/[\.]/gi, ""));                                                           
519                                updateMap();
520                        },
521                        onClose : function (selectedDateTime){
522                                if(!(User.preferences.hourFormat.length == 5))
523                                        $(this).val(selectedDateTime.replace(/[\.]/gi, ""));
524                        }
525                });
526                //}
527
528            UI.dialogs.addEvent.find('.button-add-alarms').click(function(){
529                        var li_attach = DataLayer.render(path+'templates/alarms_add_itemlist.ejs', {});
530
531                        jQuery('.event-alarms-list').append(li_attach).find('.button.remove').button({text:false, icons:{primary:'ui-icon-close'}}).click(function(el) {
532                                $(this).parent().remove().find('li').is(':empty')
533                        });
534                        // valicacao de campos numericos
535                        $('.number').numeric();
536            });
537           
538                 
539                UI.dialogs.addEvent.find('.button.suggestion-hours').button({
540                        icons: {
541                                primary: "ui-icon-clock"
542                        },
543                        text: 'Sugerir horário'
544                }).click(function () {
545                        $(this).siblings('input').removeAttr('disabled')
546                        .end().parents().find('input[name="allDay"]').removeAttr('disabled');           
547                });
548
549                if(objEvent.me.id == User.me.id){
550                        objEvent.me.id = DataLayer.put('participant', {user: objEvent.me.id, mail: objEvent.me.mail });
551                        objEvent.organizer.id = objEvent.me.id;
552                }
553
554                var attendeeHtml = DataLayer.render( path+'templates/attendee_add.ejs', {event:objEvent});             
555       
556                        // load template of attendees
557                        var blkAddAtendee = UI.dialogs.addEvent.find('#calendar_addevent_details6').append(attendeeHtml);
558                        if(objEvent.attendee.length)
559                                callbackAttendee();
560                        /**
561                                Opções de delegação do participante/organizer
562                        */             
563                        blkAddAtendee.find(".button.participant-delegate").button({
564                                icons: {
565                                        primary: "ui-icon-transferthick-e-w"
566                                },
567                                text: false
568                        }).click(function () {
569                                if($(this).hasClass('attendee-permissions-change-button')){
570                                        if(!$(this).hasClass('disable')){
571                                                $(this).removeClass('attendee-permissions-change-button')   
572                                                .find('.ui-icon-transferthick-e-w').removeClass('attendee-permissions-change').end();               
573                                                blkAddAtendee.find('.block-add-attendee.search').addClass('hidden');
574                                                blkAddAtendee.find('.block-add-attendee.search dt').html('Adicionar outros contatos');
575                                        }
576                                }else{                                                                 
577                                        $(this).addClass('attendee-permissions-change-button')   
578                                        .find('.ui-icon-transferthick-e-w').addClass('attendee-permissions-change').end();               
579                                        blkAddAtendee.find('.block-add-attendee.search dt').html('Delegar participação para');
580                                        blkAddAtendee.find('.block-add-attendee.search').removeClass('hidden');
581                                        blkAddAtendee.find('.block-add-attendee.search input.search').focus();
582                                }
583                        })
584                        .addClass('tiny');             
585                       
586                        //show or hidden permissions attendees
587                        //blkAddAtendee.find('.block-attendee-list #attendees-users li').click(show_permissions_attendees);
588
589                        UI.dialogs.addEvent.find(".attendee-list-add .add-attendee-input input").Watermark("digite um email para convidar");
590                        /* Trata a edição de um novo participante adicionado
591                        *
592                        */
593                        var hasNewAttendee = false;
594                       
595                        blkAddAtendee.find('.attendee-list-add .add-attendee-input span').click(function(data){
596                                blkAddAtendee.find('.attendee-list-add .add-attendee-input input').keydown();
597                        });
598                       
599                        blkAddAtendee.find('.attendee-list-add .add-attendee-input input').keydown(function(event) {
600                               
601                                if (event.keyCode == '13' && $(this).val() != '' || (event.keyCode == undefined && $(this).val() != '')) {
602                                        Encoder.EncodeType = "entity";
603                                        $(this).val(Encoder.htmlEncode($(this).val()));
604                                       
605                                        newAttendeeEmail = false;
606                                        newAttendeeName  = false;
607                                        skipAddNewLine   = false;
608
609                                        var info = $(this).val();
610
611                                        /**
612                                         * email válido?
613                                         */
614                                        info.match(/^[\w!#$%&'*+\/=?^`{|}~-]+(\.[\w!#$%&'*+\/=?^`{|}~-]+)*@(([\w-]+\.)+[A-Za-z]{2,6}|\[\d{1,3}(\.\d{1,3}){3}\])$/) ?
615                                                newAttendeeEmail = info : newAttendeeName = info;
616
617                                        /**
618                                         * 1) busca no banco para saber se o usuário já existe
619                                         *              1.1) se existe, atualiza as info na lista de participantes e nao abre o tooltip
620                                         *              1.2) se não existe
621                                         *                      a) salva como novo usuario externo no banco (apenas com email)
622                                         *                      b) exibe tooltip pedindo o nome
623                                         *                      c) se o usuário preenche tooltip e salva, atualiza com o nome o usuário recém criado
624                                         *                      d) se o usuário cancela o tooltip, fica o usuário salvo apenas com email e sem nome
625                                         */
626
627                                        var user = DataLayer.get('user', ["=", "mail", $(this).val()]);
628                                        if(!!user && user[0].id)
629                                                attendees[user[0].id].name  = user[0].name;
630                                       
631                                        /**
632                                         * guarda o último tooltip aberto referente à lista de participantes
633                                         */
634                                        lastEditAttendeeToolTip = [];
635
636                                        /**
637                                         * Valida email e salva um participante externo
638                                         */
639                                        var saveContact = function() {
640                                                Encoder.EncodeType = "entity";
641
642                                                var currentTip = $('.qtip-active');
643                                                newAttendeeName  = currentTip.find('input[name="name"]').val();
644                                                newAttendeeEmail = currentTip.find('input[name="mail"]').val();
645
646                                                if (!(!!newAttendeeEmail.match(/^[\w!#$%&'*+\/=?^`{|}~-]+(\.[\w!#$%&'*+\/=?^`{|}~-]+)*@(([\w-]+\.)+[A-Za-z]{2,6}|\[\d{1,3}(\.\d{1,3}){3}\])$/))) {
647                                                        currentTip.find('.messages').removeClass('hidden').find('.message label').html('Email inválido.');
648                                                        return false;
649                                                }
650
651                                                DataLayer.put('user', {id:userId, name:newAttendeeName, mail:newAttendeeEmail, isExternal:isExternal});
652
653                                                lastEditAttendeeToolTip.find('label')
654                                                .filter('.name').html(Encoder.htmlEncode(newAttendeeName)).attr('title', Encoder.htmlEncode(newAttendeeName)).end()
655                                                .filter('.mail').html(Encoder.htmlEncode(newAttendeeEmail)).attr('title', Encoder.htmlEncode(newAttendeeEmail));
656
657                                                blkAddAtendee.find('.attendee-list-add .add-attendee-input input').val('');
658                                                return true;
659                                        }
660                                               
661                                        /**
662                                         * Formata e adequa um tootip abert para edição de um participante na lista
663                                         */
664                                        var onShowToolTip = function(arg0) {
665                                                $('.qtip-active .button.close').button({
666                                                        icons: {primary: "ui-icon-close"},
667                                                        text: false
668                                                });
669                                                $('.qtip-active .button').button()
670                                                .filter('.save').click(function(event, ui) {
671                                                        if(saveContact())
672                                                                lastEditAttendeeToolTip.qtip("destroy");
673                                                        else
674                                                                return false;
675                                                }).end()
676                                                .filter('.cancel').click(function(event, ui) {
677                                                        lastEditAttendeeToolTip.qtip("destroy");
678                                                })
679
680                                                /**
681                                                 * Trata o ENTER no campo da tooltip, equivalente a salvar
682                                                 * o novo convidado.
683                                                 */
684                                                $('.qtip-active input').keydown(function(event) {
685                                                        if (event.keyCode == '13') {                                           
686                                                                if (saveContact())                                             
687                                                                        lastEditAttendeeToolTip.qtip("destroy");
688                       
689                                                                lastEditAttendeeToolTip.qtip("destroy");
690                                                                event.preventDefault();
691                                                        }
692                                                })
693                                                .filter('[name="name"]').Watermark("informe o nome do contato").end()
694                                                .filter('[name="mail"]').Watermark("informe o email do contato");
695                                        }
696                                       
697                                        /**
698                                         * Se o email digitado já foi adicionado na lista,
699                                         * o usuário deve ser avisado e um botão de edição deve ser exibido
700                                         */
701                                        if(blkAddAtendee.find('label.mail[title="' + newAttendeeEmail + '"]').length) {
702                                                hasNewAttendee  = false;
703                                                newAttendeeName = blkAddAtendee.find('label.mail[title="' + newAttendeeEmail + '"]').parents('li').find('label.name').attr('title');
704
705                                                blkAddAtendee.find('.email-validation').removeClass('hidden')
706                                                .find('.message label').html("O usuário acima já foi adicionado! <a class=\"small button\">Editar</a>")
707                                                .find(".button").button().click(function () {
708                                                        /**
709                                                         * Se o usuário optar por editar o participante anteriormente adicionado,
710                                                         * uma tooltip deve ser aberta para este participante, viabilizando a edição
711                                                         */
712                                                        blkAddAtendee.find("ul.attendee-list").scrollTo('label.mail[title="' + newAttendeeEmail + '"]');
713                                                        /**
714                                                         * Remove tooltip possivelmente existente
715                                                         */
716                                                        if (lastEditAttendeeToolTip.length && lastEditAttendeeToolTip.data('qtip'))
717                                                                lastEditAttendeeToolTip.qtip('destroy');
718                                       
719                                                        lastEditAttendeeToolTip = blkAddAtendee.find('label.mail[title="' + newAttendeeEmail + '"]').parents('li');
720                                                        lastEditAttendeeToolTip.qtip({
721                                                                show: {ready: true, solo: true, when: {event: 'click'}},
722                                                                hide: false,
723                                                                content: {
724                                                                        text: $('<div></div>').html( DataLayer.render( path+'templates/attendee_quick_edit.ejs', {attendee:{name:newAttendeeName, mail:newAttendeeEmail}} ) ),
725                                                                        title: {
726                                                                                text:'Detalhes do participante',
727                                                                                button: '<a class="button close" href="#">close</a>'
728                                                                        }
729                                                                },
730                                                                style: {name: 'blue', tip: {corner: 'leftMiddle'}, border: {width: 4, radius: 8}, width: {min: 230, max:230}},
731                                                                position: {
732                                                                        corner: {
733                                                                                target: 'rightMiddle',
734                                                                                tooltip: 'leftMiddle'
735                                                                        },
736                                                                        adjust: {x:0, y:0}
737                                                                }
738                                                        });
739                                                        lastEditAttendeeToolTip.qtip("api").onShow = onShowToolTip;
740                                                });
741                                                skipAddNewLine = true;
742                                        } else {
743                                                hasNewAttendee  = true;
744                                                blkAddAtendee.find('.email-validation').addClass('hidden');
745                                        }
746                                       
747                                       
748                                        var isExternal = (!!user && !(!!user.isExternal)) ? 0 : 1;
749
750                                        /**
751                                         * Remove tooltip possivelmente existente
752                                         */
753                                        if (lastEditAttendeeToolTip.length && lastEditAttendeeToolTip.data('qtip'))
754                                                lastEditAttendeeToolTip.qtip('destroy');
755
756                                        userId = '';
757                                        var newAttendeeId = '';
758
759                                        if (user){
760                                                if (!skipAddNewLine) {
761                                                        user[0].id =  DataLayer.put('participant', {user: user[0].id, isExternal: isExternal, acl: 'r'});
762                                                        user[0].acl = objEvent.acl
763
764                                                        blkAddAtendee.find('dd.attendee-list ul.attendee-list').append(
765                                                                DataLayer.render(path+'templates/participants_add_itemlist.ejs', user)
766                                                        )
767                                                        .scrollTo('max');
768                                                        callbackAttendee();
769                                                }
770                                               
771                                                $(this).val('');
772
773                                        } else if (!skipAddNewLine) {           
774                                                /**
775                                                 * a) salva como novo usuario externo no banco (apenas com email) e...
776                                                 * adiciona novo contato externo à lista de convidados
777                                                 */
778
779                                                userId = DataLayer.put('user', {name: newAttendeeName, mail: newAttendeeEmail, isExternal: isExternal});
780                                                newAttendeeId = DataLayer.put('participant', {user: userId, isExternal: isExternal});
781
782                                                 
783                                                blkAddAtendee.find('dd.attendee-list ul.attendee-list').append(
784                                                        DataLayer.render(path+'templates/participants_add_itemlist.ejs', [{id:newAttendeeId, name: newAttendeeName, mail: newAttendeeEmail, isExternal: 1, acl: objEvent.acl}])
785                                                ).scrollTo('max');
786                                                callbackAttendee();
787
788                                                /**
789                                                 * Adiciona tootip para atualização dos dados do contato externo
790                                                 * recém adicionado.
791                                                 */
792                                                lastEditAttendeeToolTip = blkAddAtendee.find('dd.attendee-list li:last');
793                                                lastEditAttendeeToolTip.qtip({
794                                                        show: {ready: true, solo: true, when: {event: 'click'}},
795                                                        hide: false,
796                                                        content: {
797                                                                text: $('<div></div>').html( DataLayer.render( path+'templates/attendee_quick_edit.ejs', {attendee:{name:newAttendeeName, mail:newAttendeeEmail}} ) ),
798                                                                title: {
799                                                                        text:'Detalhes do participante',
800                                                                        button: '<a class="button close" href="#">close</a>'
801                                                                }
802                                                        },
803                                                        style: {name: 'blue', tip: {corner: 'leftMiddle'}, border: {width: 4, radius: 8}, width: {min: 230, max:230}},
804                                                        position: {
805                                                                corner: {
806                                                                        target: 'rightMiddle',
807                                                                        tooltip: 'leftMiddle'
808                                                                },
809                                                                adjust: {x:0, y:0}
810                                                        }
811                                                });
812                       
813                                                lastEditAttendeeToolTip.qtip("api").onShow = onShowToolTip;
814
815                                                $(this).val('');
816
817                                               
818                                        }
819                                        event.preventDefault();
820                                }
821                               
822                        });
823
824                        /**
825                        * Trata a busca de usuários para adição de participantes
826                        */
827                        blkAddAtendee.find('.add-attendee-search .ui-icon-search').click(function(event) {
828                                blkAddAtendee.find('.add-attendee-search input').keydown();
829                        });
830                       
831                       
832                        blkAddAtendee.find('.add-attendee-search input').keydown(function(event) {
833
834                                if(event.keyCode == '13' || typeof(event.keyCode) == 'undefined') {                     
835                                        var result = DataLayer.get('user', ["*", "name", $(this).val()], true);
836
837                                        /**
838                                        * TODO: trocar por template
839                                        */
840                                        blkAddAtendee.find('ul.search-result-list').empty().css('overflow', 'hidden');
841                                        if (!result) {
842                                                blkAddAtendee.find('ul.search-result-list').append('<li><label class="empty">Nenhum resultado encontrado.</label></li>');
843                                        }
844
845                                        for(i=0; i<result.length; i++)
846                                                result[i].enabled = (blkAddAtendee.find('dd.attendee-list ul.attendee-list label.mail[title="' +  result[i].mail + '"]').length) ? false : true;
847                                                                                       
848                                        blkAddAtendee.find('ul.search-result-list').append(DataLayer.render( path+'templates/participants_search_itemlist.ejs', result));
849
850                                        blkAddAtendee.find('ul.search-result-list li').click(function(event, ui){
851                                                if ($(event.target).is('input')) {
852                                                        old_item = $(event.target).parents('li');
853                                                        newAttendeeId = DataLayer.put('participant', {user: old_item.find('.id').html(), isExternal: 0});
854                                                       
855                                                        attendees[old_item.find('.id').html()] = old_item.find('.name').html();
856                                                       
857                                                        blkAddAtendee.find('dd.attendee-list ul.attendee-list')
858                                                        .append(DataLayer.render(path+'templates/participants_add_itemlist.ejs', [{id: newAttendeeId, name: old_item.find('.name').html(), mail: old_item.find('.mail').html(), isExternal: 0, acl: objEvent.acl}]))
859                                                        .scrollTo('max');
860                                                        /**
861                                                        * Delegação de participação de um participante com permissão apenas de leitura
862                                                        *
863                                                        */
864                                                        if(!objEvent.acl.organization && !objEvent.acl.write && !objEvent.acl.inviteGuests && objEvent.acl.read ){
865                                                               
866                                                                blkAddAtendee.find('.block-add-attendee.search').addClass('hidden');
867                                                                blkAddAtendee.find('.block-add-attendee.search dt').html('Adicionar outros contatos');
868                                                               
869                                                                blkAddAtendee.find('.status option').toggleClass('hidden');
870                                                                blkAddAtendee.find('option[value=5]').attr('selected','selected').trigger('change');
871                                                                blkAddAtendee.find('.request-update').removeClass('hidden');
872
873                                                                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());
874                                                               
875                                                                blkAddAtendee.find('.me .participant-delegate').addClass('disable ui-button-disabled ui-state-disabled');
876                                                                blkAddAtendee.find(".button.close").button({
877                                                                        icons: {
878                                                                                primary: "ui-icon-close"
879                                                                        },
880                                                                        text: false
881                                                                }).click(function () {
882                                                                       
883                                                                        $(this).parents('li').find('input[name="delegatedFrom[]"]').val('');
884                                                                        blkAddAtendee.find('.request-update').addClass('hidden');
885                                                                        blkAddAtendee.find('.status option').toggleClass('hidden');
886                                                                        blkAddAtendee.find('option[value=1]').attr('selected','selected').trigger('change');                   
887                                                                        blkAddAtendee.find('.me .participant-delegate').removeClass('disable ui-button-disabled ui-state-disabled attendee-permissions-change-button')
888                                                                        .find('.ui-icon-person').removeClass('attendee-permissions-change').end();                     
889                                                                       
890                                                                        DataLayer.remove('participant', $(this).parents('li').find('[type=checkbox]').val());
891                                                                        $(this).parents('li').remove();
892                                                                })
893                                                                .addClass('tiny');
894                                                        }else{
895                                                                callbackAttendee();
896                                                                old_item.remove();
897                                                        }
898                                                }
899                                        });
900
901                                        event.preventDefault();
902                                }
903                        });
904                        //$('.block-add-attendee .search-result-list').selectable();
905
906                UI.dialogs.addEvent.find('.row.fileupload-buttonbar .button').filter('.delete').button({
907                        icons: {
908                                primary: "ui-icon-close"
909                        },
910                                text: 'Excluir'
911                        }).click(function () {
912                                $('.row.fileupload-buttonbar .attachments-list p').remove();
913                               
914                                var ids = [];
915                                $.each($('.attachment-list input'), function (i, input) { ids.push(input.value); });
916                                if(ids.length > 0){
917                                        DataLayer.remove('attachment', {filter: ['IN', 'id', ids]});
918                                        $('.attachment-list input').remove();
919                                }
920                }).end()
921                .filter('.close').button({
922                        icons: {
923                                primary: "ui-icon-close"
924                        },
925                                text: false
926                        }).click(function () {
927                                DataLayer.remove('attachment', $(this).parents('p').find('input[name="fileId[]"]').val());
928                                $(this).parents('p').remove();
929                }).end()
930                .filter('.downlaod-archive').button({
931                        icons: {
932                                primary: "ui-icon-arrowthickstop-1-s"
933                        },
934                                text: false
935                });
936               
937        $('#fileupload').fileupload({
938                sequentialUploads: true,
939                add: function (e, data) {
940                        if(data.files[0].size < 2000000)
941                                data.submit();
942                },
943                change: function (e, data) {
944                        $.each(data.files, function (index, file) {
945                                var attach = {};
946                                attach.fileName = file.name;
947                                if(file.name.length > 10)
948                                        attach.fileName = file.name.substr(0, 6) + file.name.substr(file.name.length-4, file.name.length);
949                                attach.fileSize = formatBytes(file.size);
950                                if(file.size > 2000000)
951                                        attach.error = 'Tamanho de arquivo nao permitido!!'
952                               
953                                $('.attachments-list').append(DataLayer.render(path+'templates/attachment_add_itemlist.ejs', {file : attach}));
954                               
955                                if(file.size < 2000000){
956                                        $('.fileinput-button.new').append(data.fileInput[0]).removeClass('new');
957                                        $('.attachments-list').find('[type=file]').addClass('hidden');
958                                       
959                                }else
960                                        $('.fileinput-button.new').removeClass('new');
961                               
962                               
963                                $('.attachments-list').find('.button.close').button({
964                                        icons: {
965                                                primary: "ui-icon-close"
966                                        },
967                                        text: false
968                                }).click(function(){
969                                        var idAttach = $(this).parent().find('input[name="fileId[]"]').val();
970                                        $('.attachment-list').find('input[value="'+idAttach+'"]')
971                                        $(this).parent().remove();
972                                });     
973                               
974                })},
975                progress: function(e, data){
976                        var value = parseInt(data.loaded / data.total * 100, 10);
977                        $('.progress.in-progress:first').removeClass('hidden')
978                        $('.progress.in-progress:first').progressbar({
979                                value: value
980                        });
981                       
982                        if(value == 100){
983                                $('.progress.in-progress:first').removeClass('in-progress').addClass('on-complete').fadeOut('slow');
984                        }
985                               
986                },
987                done: function(e, data){
988                        if(!!data.result && data.result != "[]"){
989                                var newAttach = jQuery.parseJSON(data.result);
990                                $('.attachment-list').append('<input tyepe="hidden" name="attachment[]" value="'+newAttach['attachment'][0][0].id+'"/>');
991                                $('.progress.on-complete:first').removeClass('on-complete').parents('p')
992                                .append('<input type="hidden" name="fileId[]" value="'+newAttach['attachment'][0][0].id+'"/>')
993                                .find('.status-upload').addClass('ui-icon ui-icon-check');
994                        }else
995                                $('.progress.on-complete:first').removeClass('on-complete').parents('p').find('.status-upload').addClass('ui-icon ui-icon-cancel');
996                }
997        });
998        $('.attachments-list .button').button();
999                       
1000        $('#fileupload').bind('fileuploadstart', function () {
1001                var widget = $(this),
1002        progressElement = $('#fileupload-progress').fadeIn(),
1003        interval = 500,
1004        total = 0,
1005        loaded = 0,
1006        loadedBefore = 0,
1007        progressTimer,
1008        progressHandler = function (e, data) {
1009            loaded = data.loaded;
1010            total = data.total;
1011        },
1012        stopHandler = function () {
1013            widget
1014                .unbind('fileuploadprogressall', progressHandler)
1015                .unbind('fileuploadstop', stopHandler);
1016            window.clearInterval(progressTimer);
1017            progressElement.fadeOut(function () {
1018                progressElement.html('');
1019            });
1020        },
1021        formatTime = function (seconds) {
1022            var date = new Date(seconds * 1000);
1023            return ('0' + date.getUTCHours()).slice(-2) + ':' +
1024                ('0' + date.getUTCMinutes()).slice(-2) + ':' +
1025                ('0' + date.getUTCSeconds()).slice(-2);
1026        },
1027       /* formatBytes = function (bytes) {
1028            if (bytes >= 1000000000) {
1029                return (bytes / 1000000000).toFixed(2) + ' GB';
1030            }
1031            if (bytes >= 1000000) {
1032                return (bytes / 1000000).toFixed(2) + ' MB';
1033            }
1034            if (bytes >= 1000) {
1035                return (bytes / 1000).toFixed(2) + ' KB';
1036            }
1037            return bytes + ' B';
1038        },*/
1039        formatPercentage = function (floatValue) {
1040            return (floatValue * 100).toFixed(2) + ' %';
1041        },
1042        updateProgressElement = function (loaded, total, bps) {
1043            progressElement.html(
1044                formatBytes(bps) + 'ps | ' +
1045                    formatTime((total - loaded) / bps) + ' | ' +
1046                    formatPercentage(loaded / total) + ' | ' +
1047                    formatBytes(loaded) + ' / ' + formatBytes(total)
1048            );
1049        },
1050        intervalHandler = function () {
1051            var diff = loaded - loadedBefore;
1052            if (!diff) {
1053                return;
1054            }
1055            loadedBefore = loaded;
1056            updateProgressElement(
1057                loaded,
1058                total,
1059                diff * (1000 / interval)
1060            );
1061        };
1062                widget
1063                        .bind('fileuploadprogressall', progressHandler)
1064                        .bind('fileuploadstop', stopHandler);
1065                progressTimer = window.setInterval(intervalHandler, interval);
1066        });
1067       
1068        if(objEvent.isShared){
1069               
1070                var acls = Calendar.signatureOf[objEvent.calendar].permission.acl;
1071               
1072                if(!acls.write){
1073                        UI.dialogs.addEvent.find(':input').attr('disabled', 'disabled');
1074                        UI.dialogs.addEvent.find('.button').hide();
1075                }
1076               
1077                if(acls.remove)
1078                        UI.dialogs.addEvent.find('.button.remove').show();
1079               
1080                UI.dialogs.addEvent.find('.button.cancel').show();
1081               
1082       
1083        }
1084
1085        disponibily(objEvent, path, attendees);
1086         
1087        UI.dialogs.addEvent.find(':input').change(function(event){
1088                if (event.keyCode != '27' && event.keyCode != '13')
1089                        canDiscardEventDialog = false;
1090        }).keydown(function(event){
1091                if (event.keyCode != '27' && event.keyCode != '13')
1092                        canDiscardEventDialog = false;
1093        });     
1094
1095        UI.dialogs.addEvent.dialog('open');
1096        //$('[href="#calendar_addevent_details7"]').trigger('click');
1097        //$('[href="#calendar_addevent_details2"]').trigger('click');
1098}
1099
1100
1101
1102function add_tab_preferences()
1103{
1104        if(!(document.getElementById('preference_tab')))
1105        {
1106                var tab_title = "Preferencias";
1107                $tabs.tabs( "add", "#preference_tab", tab_title );
1108               
1109                /*
1110                DataLayer.render( 'templates/timezone_list.ejs', {}, function( timezones_options ){
1111                        tabPrefCalendar.find('select[name="timezone"]').html(timezones_options).find('option[value="'+User.preferences.timezone+'"]').attr('selected','selected').trigger('change');
1112                });
1113                */
1114                DataLayer.render( 'templates/preferences_calendar.ejs', {preferences:User.preferences, calendars: Calendar.calendars}, function( template ){
1115                var tabPrefCalendar = jQuery('#preference_tab').html( template ).find('.preferences-win');
1116               
1117                tabPrefCalendar.find('option[value="'+User.preferences.defaultCalendar+'"]').attr('selected','selected').trigger('change');
1118               
1119                DataLayer.render( 'templates/timezone_list.ejs', {}, function( timezones_options ){
1120                        tabPrefCalendar.find('select[name="timezone"]').html(timezones_options).find('option[value="'+User.preferences.timezone+'"]').attr('selected','selected').trigger('change');
1121                });
1122               
1123                        tabPrefCalendar.find('.button').button()
1124                        .filter('.save').click(function(evt){
1125                                tabPrefCalendar.find('form').submit();
1126                                $('#calendar').fullCalendar('render');
1127                                $('.block-vertical-toolbox .mini-calendar').datepicker( "refresh" );
1128                                $tabs.tabs( "remove", "#preference_tab");
1129                        }).end().filter('.cancel').click(function(evt){
1130                                $tabs.tabs( "remove", "#preference_tab");
1131                        });
1132                       
1133                        tabPrefCalendar.find('.number').numeric();
1134                       
1135                        tabPrefCalendar.find('input.time').timepicker({
1136                                closeText: 'Ok',
1137                                hourGrid: 4,
1138                                minuteGrid: 10,
1139                                ampm : (parseInt($("select[name=hourFormat] option:selected").val().length) > 5 ? true : false), //((User.preferences.hourFormat.length > 5) ? true: false),
1140                                timeFormat: "hh:mm tt",
1141                                onSelect: function (selectedDateTime){
1142                                        if(!(User.preferences.hourFormat.length == 5)) {
1143                                                $(this).val(selectedDateTime.replace(/[\.]/gi, ""));
1144                                        }
1145                                },
1146                                onClose : function (selectedDateTime){
1147                                        if(!(User.preferences.hourFormat.length == 5)) {
1148                                                $(this).val(selectedDateTime.replace(/[\.]/gi, ""));
1149                                        }
1150                                }
1151                        });
1152                       
1153                        $.mask.definitions['{']='[ap]';
1154                        $.mask.definitions['}']='[m]';
1155                        tabPrefCalendar.find("input.time").mask( ((User.preferences.hourFormat.length > 5) ? "99:99 {}" : "99:99"), {
1156                completed:function(){
1157                                        $(this).val(dateCalendar.defaultToAmPm($(this).val()));
1158                                        $(this).timepicker("refresh");
1159                                        $(this).val($(this).val().replace(/[\.]/gi, ""));                                       
1160                                }
1161                        });
1162                                                           
1163                tabPrefCalendar.find("select[name=hourFormat]").change( function() { // evento ao selecionar formato de hora
1164               
1165                                tabPrefCalendar.find("input.time").timepicker("destroy");
1166
1167                tabPrefCalendar.find('input.time').timepicker({
1168                                        closeText: 'Ok',
1169                                        hourGrid: 4,
1170                                        minuteGrid: 10,
1171                                        ampm : (parseInt($("select[name=hourFormat] option:selected").val().length) > 5 ? true : false),
1172                                        timeFormat: "hh:mm tt",
1173                                        onSelect: function (selectedDateTime){
1174                                                if(!(User.preferences.hourFormat.length == 5)) {
1175                                                        $(this).val(selectedDateTime.replace(/[\.]/gi, ""));
1176                                                }                                                       
1177                                        },
1178                                        onClose : function (selectedDateTime){
1179                                                if(!(User.preferences.hourFormat.length == 5)) {
1180                                                        $(this).val(selectedDateTime.replace(/[\.]/gi, ""));
1181                                                }
1182                                        }
1183                });
1184                               
1185                var defaultStartHour = tabPrefCalendar.find("input[name=defaultStartHour]").val().trim();
1186                var defaultEndHour = tabPrefCalendar.find("input[name=defaultEndHour]").val().trim();
1187               
1188                                tabPrefCalendar.find("input.time").mask( (($("select[name=hourFormat] option:selected").val().trim().length > 5) ? "99:99 {}" : "99:99") );
1189               
1190                        if (parseInt($("select[name=hourFormat] option:selected").val().length) > 5) { // am/pm
1191                                                tabPrefCalendar.find("input[name=defaultStartHour]").val(dateCalendar.defaultToAmPm(defaultStartHour));
1192                                                tabPrefCalendar.find("input[name=defaultEndHour]").val(dateCalendar.defaultToAmPm(defaultEndHour))
1193                                       
1194                                        } else { //24h
1195                                                tabPrefCalendar.find("input[name=defaultStartHour]").val(dateCalendar.AmPmTo24(defaultStartHour));
1196                                                tabPrefCalendar.find("input[name=defaultEndHour]").val(dateCalendar.AmPmTo24(defaultEndHour));
1197                                        }
1198                        });                     
1199                       
1200                       
1201                       
1202                });             
1203        } else {
1204                $tabs.tabs("select", "#preference_tab");
1205               
1206                return true;
1207        }
1208}
1209
1210
1211function add_tab_configure_calendar(calendar)
1212{
1213        var calendars = [];
1214        var signatures = [];
1215        var previewActiveCalendarConf = 0;
1216
1217        for (var i=0; i<Calendar.signatures.length; i++) {
1218                calendars[i]  = Calendar.signatures[i].calendar;
1219                signatures[i] = Calendar.signatures[i];
1220                signatures[i].numberDefaultAlarm = signatures[i].defaultAlarms != '' ?  signatures[i].defaultAlarms.length: 0;
1221                if (calendar && calendars[i].id == calendar)
1222                        previewActiveCalendarConf = i;
1223        }
1224               
1225        if(!(document.getElementById('configure_tab')))
1226        {
1227                $('.positionHelper').css('display', 'none');
1228                var tab_title = "Configurações de agendas";
1229                $tabs.tabs( "add", "#configure_tab", tab_title );
1230               
1231                var dataColorPicker = {
1232                        colorsSuggestions: colors_suggestions()
1233                };
1234               
1235               
1236               
1237                var populateAccordionOnActive = function(event, ui) {
1238                        var nowActive = (typeof(event) == 'number') ? event : $(event.target).accordion( "option", "active" );
1239                        dataColorPicker.colorsDefined = {
1240                                border: '#'+signatures[nowActive].borderColor,
1241                                font:'#'+signatures[nowActive].fontColor,
1242                                background:'#'+signatures[nowActive].backgroundColor
1243                        };
1244                        if (!jQuery('.accordion-user-calendars .ui-accordion-content').eq(nowActive).has('form')) {
1245                                return true;
1246                        }
1247
1248                        DataLayer.render( 'templates/configure_calendars_itemlist.ejs', {user:User, calendar:calendars[nowActive], signature:signatures[nowActive]}, function( form_template ){
1249                                var form_content = jQuery('.accordion-user-calendars .ui-accordion-content').eq(nowActive).html( form_template ).find('form');
1250                                form_content.find('.preferences-alarms-list .button').button({text:false, icons:{primary:'ui-icon-close'}});
1251                                form_content.find('.button').button();
1252                               
1253                                DataLayer.render( 'templates/timezone_list.ejs', {}, function( timezones_options ){
1254                                        var valueTimeZone = calendars[nowActive].timezone;
1255                                        form_content.find('select[name="timezone"]').html(timezones_options).find('option[value="'+valueTimeZone+'"]').attr('selected','selected').trigger('change');
1256                                });
1257
1258                                form_content.find('.button-add-alarms').click(function(){
1259                                        DataLayer.render( 'templates/alarms_add_itemlist.ejs', {}, function( template ){                                               
1260                                                jQuery('.preferences-alarms-list').append(template)
1261                                                .find('li:last label:eq(0)').remove().end()
1262                                                .find('.number').numeric().end()
1263                                                .find('.button.remove').button({text:false, icons:{primary:'ui-icon-close'}}).click(function(el) {
1264                                                        $(this).parent().remove();
1265                                                });   
1266                                        });
1267                                });
1268
1269
1270                                /**
1271                                 * Set color picker
1272                                 */
1273                                DataLayer.render( 'templates/calendar_colorpicker.ejs', dataColorPicker, function( template ){
1274                                        form_content.find('.calendar-colorpicker').html( template );
1275
1276                                        var f = $.farbtastic(form_content.find('.colorpicker'), colorpickerPreviewChange);
1277                                        var selected;
1278                                        var colorpicker = form_content.find('.calendar-colorpicker');
1279                                       
1280                                        var colorpickerPreviewChange = function(color) {
1281                                                var pickedup = form_content.find('.colorwell-selected').val(color).css('background-color', color);
1282
1283                                                var colorpicker = form_content.find('.calendar-colorpicker');
1284
1285                                                if (pickedup.is('input[name="backgroundColor"]')) {
1286                                                        colorpicker.find('.fc-event-skin').css('background-color',color);
1287                                                } else if (pickedup.is('input[name="fontColor"]')) {
1288                                                        colorpicker.find('.fc-event-skin').css('color',color);
1289                                                } else if (pickedup.is('input[name="borderColor"]')) {
1290                                                        colorpicker.find('.fc-event-skin').css('border-color',color);
1291                                                }
1292                                        }
1293                                       
1294                                        form_content.find('.colorwell').each(function () {
1295                                                f.linkTo(this);
1296
1297                                                if ($(this).is('input[name="backgroundColor"]')) {
1298                                                        colorpicker.find('.fc-event-skin').css('background-color', $(this).val());
1299                                                } else if ($(this).is('input[name="fontColor"]')) {
1300                                                        colorpicker.find('.fc-event-skin').css('color', $(this).val());
1301                                                } else if ($(this).is('input[name="borderColor"]')) {
1302                                                        colorpicker.find('.fc-event-skin').css('border-color', $(this).val());
1303                                                }
1304                                        })
1305                                        .focus(function() {
1306                                                if (selected) {
1307                                                        $(selected).removeClass('colorwell-selected');
1308                                                }
1309
1310                                                $(selected = this).addClass('colorwell-selected');
1311                                                f.linkTo(this, colorpickerPreviewChange);
1312                                                f.linkTo(colorpickerPreviewChange);
1313
1314                                        });
1315
1316                                        form_content.find('select.color-suggestions').change(function() {
1317                                                var colors;
1318
1319                                                if(colors = dataColorPicker.colorsSuggestions[$(this).val()]) {
1320                                                        colorpicker
1321                                                        .find('input[name="fontColor"]').val(colors.font).focus().end()
1322                                                        .find('input[name="backgroundColor"]').val(colors.background).focus().end()
1323                                                        .find('input[name="borderColor"]').val(colors.border).focus().end()
1324
1325                                                        .find('.fc-event-skin').css({
1326                                                                'background-color':dataColorPicker.colorsSuggestions[$(this).val()].background,
1327                                                                'border-color':dataColorPicker.colorsSuggestions[$(this).val()].border,
1328                                                                'color':dataColorPicker.colorsSuggestions[$(this).val()].font
1329                                                        });
1330                                                }
1331                                        });
1332
1333                                        /**
1334                                         * Trata a mudança dos valores dos campos de cores.
1335                                         * Se mudar um conjunto de cores sugerido,
1336                                         * este vira um conjunto de cores personalizado.
1337                                         */
1338                                        form_content.find('.colorwell').change(function (element, ui) {
1339                                                if (true) {
1340                                                        form_content.find('select.color-suggestions')
1341                                                        .find('option:selected').removeAttr('selected').end()
1342                                                        .find('option[value="custom"]').attr('selected', 'selected').trigger('change');
1343                                                }
1344                                        });
1345                                });     //END set colorpicker
1346
1347                                form_content.find('.phone').mask("+99 (99) 9999-9999");
1348                                form_content.find('.number').numeric();
1349
1350                        }); //END DataLayer.render( 'templates/configure_calendars_itemlist.ejs' ...
1351
1352                        // === validations preferences ====
1353
1354                       
1355                } //END populateAccordionOnActive(event, ui)
1356               
1357
1358                DataLayer.render( 'templates/configure_calendars.ejs', {user:User, calendars:calendars, signatures:signatures}, function( template ){
1359                        var template_content = jQuery('#configure_tab').html( template ).find('.configure-calendars-win');
1360                        template_content.find('.button').button().filter('.save').click(function(evt){
1361                                template_content.find('form').submit();
1362                                $tabs.tabs( "remove", "#configure_tab");
1363                                DataLayer.commit( false, false, function( received ){
1364                                        delete Calendar.currentViewKey;
1365                                        Calendar.load();
1366                                        refresh_calendars();
1367                                });
1368                        }).end().filter('.cancel').click(function(evt){
1369                                $tabs.tabs( "remove", "#configure_tab");
1370                        });
1371
1372                        /**
1373                         * Muda a estrutura do template para a aplicação do plugin accordion
1374                         */
1375                        template_content.find('.header-menu-container').after('<div class="accordion-user-calendars"></div>').end().find('.accordion-user-calendars')
1376                        .append(template_content.children('fieldset'));
1377                       
1378                        template_content.find('.accordion-user-calendars').children('fieldset').each(function(index) {
1379                                $(this).before($('<h3></h3>').html($(this).children('legend')));
1380                        });
1381                       
1382                        template_content.find('.accordion-user-calendars').accordion({
1383                                autoHeight: false,
1384                                collapsible: true,
1385                                clearStyle: true,
1386                                active: previewActiveCalendarConf,
1387                                changestart: populateAccordionOnActive
1388                        });
1389                        populateAccordionOnActive(previewActiveCalendarConf);
1390                });
1391
1392        } else {
1393
1394                $tabs.tabs("select", "#configure_tab");
1395                $('.accordion-user-calendars').accordion( "activate" , previewActiveCalendarConf );
1396               
1397                return true;
1398        }
1399
1400}
1401
1402function getSelectedCalendars( reverse ){
1403        var selecteds = {};
1404        var cont = 0;
1405        jQuery(function() {
1406            jQuery(".my-calendars .calendar-view").each(function(i, obj) {
1407                var check_box = obj;
1408                        if( reverse ? !check_box.checked : check_box.checked ) {
1409                                selecteds[cont] = obj.value;
1410                                cont++;
1411                        };
1412            });               
1413        });
1414        if (!cont)
1415                return false;
1416       
1417        selecteds.length = cont;
1418        return $.makeArray( selecteds );
1419}
1420
1421/**
1422 * TODO - transformar em preferência do módulo e criar telas de adição e exclusão de conjunto de cores
1423 */
1424function colors_suggestions(){
1425        return [
1426                                {name:'Padrão', border:'#3366cc', font:'#ffffff', background:'#3366cc'},
1427                                {name:'Coala', border:'#123456', font:'#ffffff', background:'#385c80'},
1428                                {name:'Tomate', border:'#d5130b', font:'#111111', background:'#e36d76'},
1429                                {name:'Limão', border:'#32ed21', font:'#1f3f1c', background:'#b2f1ac'},
1430                                {name:'Alto contraste', border:'#000000', font:'#ffffff', background:'#222222'}
1431                        ]               
1432}
1433
1434function remove_event(eventId){
1435        $.Zebra_Dialog('Tem certeza que deseja excluir o evento?', {
1436                'type':     'question',
1437                'overlay_opacity': '0.5',
1438                'buttons':  ['Sim', 'Não'],
1439                'onClose':  function(clicked) {
1440                        if(clicked == 'Sim'){
1441                                DataLayer.remove('schedulable', ''+eventId);
1442                                window.setTimeout(function() {DataLayer.commit();}, 500);
1443                        }
1444                }
1445        });     
1446}
1447
1448
1449function remove_calendar(){
1450        /* Pode ser assim $('.cal-list-options-btn.ui-state-active').attr('class').replace(/[a-zA-Z-]+/g, ''); */
1451        $.Zebra_Dialog('Todos os eventos desta agenda serão removidos. Deseja prosseguir com a operação?', {
1452                'type':     'question',
1453                'overlay_opacity': '0.5',
1454                'buttons':  ['Sim', 'Não'],
1455                'onClose':  function(clicked) {
1456                        if(clicked == 'Sim'){
1457                                var idCalendar =  $('.cal-list-options-btn.ui-state-active').attr('class').match(/[0-9]+/g);
1458                               
1459                                DataLayer.remove('calendarSignature', Calendar.signatureOf[idCalendar[0]].id );
1460                               
1461                                if(idCalendar == User.preferences.defaultCalendar)
1462                                        DataLayer.remove( 'modulePreference', User.preferenceIds['defaultCalendar']);
1463                       
1464                                DataLayer.commit( false, false, function( received ){
1465                                        delete Calendar.currentViewKey;
1466                                        Calendar.load();
1467                                        refresh_calendars();
1468                                });
1469                        }
1470                                $('.positionHelper').css('display', 'none');
1471       
1472                }
1473        });     
1474}
1475
1476function refresh_calendars(){
1477
1478        var colorsSuggestions = colors_suggestions();
1479        var buttons_colors = "";
1480        for(var i = 0; i < colorsSuggestions.length; i++){
1481                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>";
1482        }
1483
1484        //DataLayer.render( 'templates/calendar_list.ejs', 'calendar:list', ["IN", "id", Calendar.calendarIds], function( html ){
1485        DataLayer.render( 'templates/calendar_list.ejs', Calendar, function( html ){
1486       
1487    var meu_container = $(".calendars-list").html( html );
1488       
1489        $('ul.list-calendars .cal-list-options-btn').each(function(){
1490                $(this).menu({   
1491                content: $(this).next().html(),
1492                        width: '120',
1493                    positionOpts: {
1494                                posX: 'left', 
1495                                posY: 'bottom',
1496                                offsetX: 0,
1497                                offsetY: 0,
1498                                directionH: 'right',
1499                                directionV: 'down', 
1500                                detectH: true, // do horizontal collision detection   
1501                                detectV: true, // do vertical collision detection
1502                                linkToFront: false
1503                    },
1504                        flyOut: true,
1505                    showSpeed: 100,
1506                    crumbDefaultText: '>'
1507                });
1508        });         
1509       
1510        meu_container.find(".button.new-calendar").button({
1511                icons: {
1512            primary: "ui-icon-plus"
1513        },
1514        text: false
1515    }).click(function () {
1516               
1517        if( $('.qtip.qtip-blue.qtip-active').val() !== ''){
1518                $(this).qtip({
1519                        show: {ready: true, solo: true, when: {event: 'click'}},
1520                        hide: false,
1521                        content: {
1522                                text: $('<div></div>').html( DataLayer.render( 'templates/calendar_quick_add.ejs', {} ) ),
1523                                title: {
1524                                        text:'Nova Agenda',
1525                                        button: '<a class="button close" href="#">close</a>'
1526                                }
1527                        },
1528                        style: {name: 'blue', tip: {corner: 'leftMiddle'}, border: {width: 4, radius: 8}, width: {min: 230, max:230}},
1529                        position: {
1530                                corner: {
1531                                        target: 'rightMiddle',
1532                                        tooltip: 'leftMiddle'
1533                                },
1534                                adjust: {x:0, y:-12}
1535                        }
1536                })
1537                .qtip("api").onShow = function(arg0) {
1538                        $('.qtip-active .button.close').button({
1539                                icons: {primary: "ui-icon-close"},
1540                                text: false
1541                        })
1542                        .click(function(){
1543                                meu_container.find(".button.new-calendar").qtip('destroy');
1544                        });
1545                        //TODO emplementar tratamento de duplicação de valores no location
1546                        $('.qtip-active .button.save').button().click(function(){
1547                                for(var i = 0; i < Calendar.calendars.length; i++){
1548                                        if(Calendar.calendars[i].location == $('.qtip-active input').val()){   
1549                                                $.Zebra_Dialog('O nome desta agenda já está sendo utilizada em uma Url de outra agenda. Por favor, informe outro nome para agenda.',{
1550                                                        'overlay_opacity': '0.5',
1551                                                        'type': 'warning'
1552                                                });
1553                                                meu_container.find(".button.new").qtip('destroy');
1554                                                return;
1555                                        }
1556                                }
1557                               
1558                                var selected;
1559                                var color = $('.cal-colors-options-btn').each(function(index){
1560                                        if ($(this).is('.color-selected'))
1561                                                        selected = index;
1562                                });
1563                                DataLayer.put( "calendarSignature", {
1564                                        user: User.me.id,
1565                                        calendar: {
1566                                                name: Encoder.htmlEncode($('.qtip-active input').val()),
1567                                                timezone: User.preferences.timezone                             
1568                                        },
1569                                        isOwner: 1,
1570                                        fontColor: colorsSuggestions[selected]['font'].substring(1) ,
1571                                        backgroundColor: colorsSuggestions[selected]['background'].substring(1) ,
1572                                        borderColor: colorsSuggestions[selected]['border'].substring(1)
1573                                });
1574                                DataLayer.commit( false, false, function( received ){
1575                                        delete Calendar.currentViewKey;
1576                                        Calendar.load();
1577                                        refresh_calendars();
1578                                });
1579                                meu_container.find(".button.new").qtip('destroy');
1580                        });
1581                       
1582                        $('.qtip-active .button.cancel').button().click(function(){
1583                                meu_container.find(".button.new").qtip('destroy');
1584                        });
1585                       
1586                        $(".qtip-active input").Watermark("Nome da agenda");
1587                       
1588                        $('.qtip-active').keydown(function(event) {
1589                                if (event.keyCode == '27') {
1590                                        meu_container.find(".button.new").qtip('destroy');
1591                                }
1592                        });
1593                       
1594                        $('.colors-options').prepend(buttons_colors);
1595                        $('.colors-options .signed-cal-colors-options-btn-0').addClass('color-selected');
1596                                       
1597                        var buttons = $('.cal-colors-options-btn').button();
1598                       
1599                        buttons.click(function(){
1600                                buttons.removeClass('color-selected');
1601                                $(this).addClass('color-selected');
1602                        });
1603                }                               
1604        }
1605        });
1606       
1607            $("img.cal-list-img").click(function(evt) {
1608                   $(".cal-list-options_1").toggleClass( "hidden" );
1609            });
1610
1611            $(".my-calendars a.title-my-calendars").click(function() {
1612                                $(".my-calendars ul.my-list-calendars").toggleClass("hidden")
1613                                $('.my-calendars .status-list').toggleClass("ui-icon-triangle-1-s");
1614                                $('.my-calendars .status-list').toggleClass("ui-icon-triangle-1-e");
1615            });
1616               
1617            $(".signed-calendars a.title-signed-calendars").click(function() {
1618                        $(".signed-calendars ul.signed-list-calendars").toggleClass( "hidden");
1619            });
1620
1621            $("ul li.list-calendars-item").click(function(evt) {
1622       
1623            });   
1624
1625                $("ul li.list-calendars-item .ui-corner-all").click(function(evt) {
1626                        //alert('teste');
1627            });   
1628       
1629                meu_container.find(".button.new-calendar-shared").button({
1630                icons: {
1631            primary: "ui-icon-plus"
1632        },
1633        text: false
1634                }).click(function (event) {
1635                        show_modal_search_shared();
1636                });
1637               
1638               
1639                //TODO Implementar ocultar agendas.
1640                meu_container.find('.title-signed-calendars').click(function(evt){
1641                        var status = $(this).parent().find('.status-list-shared');
1642                       
1643                        if(status.hasClass('ui-icon-triangle-1-s'))
1644                                status.removeClass('ui-icon-triangle-1-s').addClass('ui-icon-triangle-1-e');
1645                        else
1646                                status.removeClass('ui-icon-triangle-1-e').addClass('ui-icon-triangle-1-s');
1647                });
1648               
1649            $('.calendar-view').click(function(evt){
1650                        if($tabs.tabs('option' ,'selected') == 1){
1651                                pageselectCallback('', 0);
1652                        }
1653                       
1654                         if(Calendar.currentView){
1655                                var checkBox = $(this);
1656                if(!!Calendar.currentView[ checkBox.val() ]){
1657                                        Calendar.currentView[ checkBox.val() ].hidden = !checkBox.is(':checked');
1658                                        $('#calendar').fullCalendar( 'refetchEvents' );
1659                                }
1660                        }
1661            });
1662      });
1663}
1664
1665function add_events_list(keyword)
1666{
1667        var tab_title = "";     
1668        if (keyword){
1669                if(keyword.length < 10)
1670                        tab_title = keyword;
1671                else
1672                        tab_title = keyword.substr(0,10) + '..."';
1673        }else{
1674                tab_title = "Lista de eventos";
1675        }
1676        keyword = ( keyword || '' ).replace( /\s+/g, "_" );
1677       
1678        if(!(document.getElementById('tab_events_list_' + (Base64.encode(keyword)).replace(/[^\w\s]/gi, "") )))
1679        {
1680                Encoder.EncodeType = "entity";
1681            $tabs.tabs( "add", "#tab_events_list_" + (Base64.encode(keyword)).replace(/[^\w\s]/gi, ""), Encoder.htmlEncode(tab_title) );
1682        }
1683        else /* Tab already opened */
1684        {
1685              $tabs.tabs("option", "selected", 2);
1686        }
1687       
1688        pageselectCallback(keyword, 0); // load page 1 and insert data on event_list.ejs
1689       
1690        $('.preferences-win.active .button.save, .preferences-win.active .button.cancel, .preferences-win.active .button.import, .preferences-win.active .button.export').button();
1691}
1692
1693function paginatorSearch(currentView){
1694        $(currentView+' .header-paginator .fc-header-left .fc-button').hover(
1695                        function(){
1696                                $(this).addClass('fc-state-hover');
1697                        },
1698                        function(){
1699                                $(this).removeClass('fc-state-hover');
1700                }).mousedown(function(){
1701                        $(this).addClass('fc-state-down');
1702                }).mouseup(function(){
1703                        $(this).removeClass('fc-state-down');
1704                        $('.events-list.events-list-win.active').removeClass('active');
1705                        var paginator = $(this).attr('class');
1706                        if(paginator.indexOf('next') > 0){
1707                                if(parseInt($(currentView+' [name = results]').val()) > 25)
1708                                        pageselectCallback($(currentView+' [name = keyword]').val(), ((parseInt($(currentView+' [name = page_index]').val())) +1));
1709                        }else{
1710                                if(parseInt($(currentView+' [name = page_index]').val()) > 0)
1711                                        pageselectCallback($(currentView+' [name = keyword]').val(), ((parseInt($(currentView+' [name = page_index]').val())) -1));
1712                        }
1713                });
1714}
1715
1716function mountTitleList(page_index ,view){
1717        switch (view){
1718                case 'day':
1719                case 'basicDay':
1720                        var date = new Date().add({days: page_index});
1721                        return (dateCalendar.dayNames[date.getDay()])+", "+(date.toString('dd MMM yyyy'));
1722                case 'agendaWeek':
1723                case 'week':
1724                        var dateStart = new Date().moveToDayOfWeek(dateCalendar.dayOfWeek[User.preferences.weekStart]);
1725                        dateStart.add({days: (7 * page_index)});
1726                        var dateEnd = new Date().moveToDayOfWeek(dateCalendar.dayOfWeek[User.preferences.weekStart]);
1727                        dateEnd.add({days: (page_index * 7)+7});
1728                        if(dateStart.toString('MM') != dateEnd.toString('MM'))
1729                                        return dateStart.toString('dd')+' de '+dateCalendar.monthNamesShort[dateStart.getMonth()]+' a '+dateEnd.toString('dd')+' de '+dateCalendar.monthNames[dateEnd.getMonth()]+' - '+dateEnd.toString('yyyy');
1730                        return +dateStart.toString("dd")+" a "+dateEnd.toString("dd")+" de "+dateCalendar.monthNames[dateEnd.getMonth()]+" - "+dateEnd.toString('yyyy');
1731                case 'month':
1732                        var date = new Date().add({months: page_index})
1733                        return dateCalendar.monthNames[date.getMonth()]+" "+date.toString("yyyy");
1734                case 'year':
1735                        var date = new Date().add({years: page_index});
1736                        return date.toString("yyyy");
1737        }
1738}
1739
1740function paginatorList(currentView, view){
1741                $(currentView+' .events-list.events-list-win.active .list-events-paginator .fc-header-title').html('<h2>'+mountTitleList( parseInt($('[name = page_index]').val()),view)+'</h2>');
1742                $(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right .fc-button').removeClass('fc-state-active')
1743                if(view == 'basicDay')
1744                        $(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right .fc-button-agendaday').addClass('fc-state-active');
1745                else
1746                        $(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right .fc-button-'+((view == 'day' || view == 'week') ? 'agenda'+view : view )).addClass('fc-state-active');
1747                $(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right').addClass('list-right');
1748               
1749                $(currentView+' .header-paginator .fc-header-right .fc-button').hover(
1750                                function(){
1751                                        $(this).addClass('fc-state-hover');
1752                                },
1753                                function(){
1754                                        $(this).removeClass('fc-state-hover');
1755                        }).mousedown(function(){
1756                                $(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right .fc-button').removeClass('fc-state-active')
1757                                $(this).addClass('fc-state-active');
1758                        }).mouseup(function(){
1759                                var goView = $(this).attr('class');
1760                                if(goView.indexOf('agendaDay') > 0)
1761                                        pageselectCallback($(currentView+' [name = keyword]').val(), 0, '', 'day');
1762                                else if(goView.indexOf('month') > 0)
1763                                        pageselectCallback($(currentView+' [name = keyword]').val(), 0, '', 'month');
1764                                else if(goView.indexOf('year') > 0)
1765                                        pageselectCallback($(currentView+' [name = keyword]').val(), 0, '', 'year');
1766                                else if(goView.indexOf('agendaWeek') > 0)
1767                                        pageselectCallback($(currentView+' [name = keyword]').val(), 0, '', 'week');
1768
1769                        });
1770
1771                $(currentView+' .header-paginator .fc-header-left .fc-button').hover(
1772                                function(){
1773                                        $(this).addClass('fc-state-hover');
1774                                },
1775                                function(){
1776                                        $(this).removeClass('fc-state-hover');
1777                        }).mousedown(function(){
1778                                $(this).addClass('fc-state-down');
1779                        }).mouseup(function(){
1780                                $(this).removeClass('fc-state-down');
1781                                var paginator = $(this).attr('class');
1782                                if(paginator.indexOf('next') > 0)
1783                                        pageselectCallback($(currentView+' [name = keyword]').val(), ((parseInt($('[name = page_index]').val())) +1), '', view);
1784                                else
1785                                        pageselectCallback($(currentView+' [name = keyword]').val(), ((parseInt($('[name = page_index]').val())) -1), '', view);
1786                                });     
1787}
1788
1789function paginatorListEvent(currentView, typeView, view){
1790                if(!!$(currentView).find('.fc-calendar').length)
1791                        return;
1792                $(currentView+' .events-list.events-list-win.active').prepend($('.fc-header').clone());
1793                //Remove contudo nao utilizado
1794                $(currentView+' .events-list.events-list-win.active .fc-header .fc-button-today').remove();
1795                $(currentView+' .events-list.events-list-win.active .fc-header .fc-button-basicWeek').remove();
1796                $(currentView+' .events-list.events-list-win.active .fc-header .fc-button-basicDay').remove();                 
1797               
1798                //Adiciona e remove as classes para esta visualizacao
1799                $(currentView+' .events-list.events-list-win.active .fc-header .fc-header-center').addClass('list-events-paginator');
1800                $(currentView+' .events-list.events-list-win.active .fc-header .list-events-paginator').removeClass('fc-header-center');               
1801               
1802                //Adicionar class no header padronizar com a tela principal
1803                $(currentView+' .events-list.events-list-win.active .fc-header').addClass('header-paginator');
1804                $(currentView+' .events-list.events-list-win.active .header-paginator').removeClass('fc-header');
1805                               
1806                if(typeView == 'search'){
1807                        $(currentView+' .events-list.events-list-win.active .header-paginator .fc-header-right').remove()
1808                        $(currentView+' .events-list.events-list-win.active .list-events-paginator .fc-header-title').html('<h2>Resultados para: '+$(currentView+' [name = keyword]').val()+'</h2>');
1809                        if((parseInt($(currentView+' [name = page_index]').val()) == 0) && (parseInt($(currentView+' [name = results]').val()) <= 25))
1810                                return;
1811                        paginatorSearch(currentView);
1812                }else
1813                        paginatorList(currentView, view);
1814}
1815
1816function mountCriteriaList(view, page_index, calerdars_selecteds){
1817        var rangeStart , rangeEnd;
1818        switch (view){
1819                case 'basicDay':
1820                case 'day':
1821                        rangeStart = new Date().add({days: page_index}).getTime();
1822                        rangeEnd = rangeStart;
1823                         break;
1824                case 'agendaWeek':
1825                case 'week':
1826                        var dateStart = new Date().moveToDayOfWeek(dateCalendar.dayOfWeek[User.preferences.weekStart]);
1827                        var dateEnd = new Date().moveToDayOfWeek(dateCalendar.dayOfWeek[User.preferences.weekStart]);
1828                        rangeStart = dateStart.add({days: (7 * page_index)}).getTime();
1829                        rangeEnd = dateEnd.add({days: (7 * page_index)+7}).getTime();
1830                        break;
1831                case 'month':
1832                        var date = Date.today().add({months: page_index})
1833                        rangeStart = date.moveToFirstDayOfMonth().getTime();
1834                        rangeEnd = date.moveToLastDayOfMonth().getTime();
1835                         break;
1836                case 'year':
1837                        var dateStart = new Date().add({years: page_index});   
1838                        var dateEnd = new Date().add({years: page_index});
1839                        if(dateStart.getMonth() != 0)
1840                                dateStart.moveToMonth(0, -1)
1841                        if(dateEnd.getMonth() != 11)
1842                                dateEnd.moveToMonth(11)
1843                         rangeStart =    dateStart.moveToFirstDayOfMonth().getTime();
1844                         rangeEnd = dateEnd.moveToLastDayOfMonth().getTime();
1845                           break; 
1846                        }
1847                       
1848        var timezone = {};
1849                for(var i in Calendar.signatureOf)
1850                        timezone[i] = Calendar.signatureOf[i].calendar.timezone;               
1851       
1852   return {filter: ['AND', ['>=', 'rangeStart', rangeStart], ['<=', 'rangeEnd', rangeEnd] , ['IN', 'calendar',  calerdars_selecteds]], criteria: {deepness: 2, order: 'startTime', timezones: timezone}};
1853
1854}
1855
1856function pageselectCallback(keyword, page_index, jq, view){
1857       
1858        var selecteds = getSelectedCalendars();
1859        if(!selecteds && (keyword != '' && keyword != null)){   
1860                jQuery('#tab_events_list_' + ((Base64.encode(keyword)).replace(/[^\w\s]/gi, "")|| '')).html(
1861                        '<div title="Lista de eventos" class="events-list events-list-win active empty">' +
1862                        '<label>Por favor selecione ao menos uma agenda.</label>' +
1863                        '</div>'
1864                );
1865        }else{
1866                var criteria = null;
1867                if(keyword == '' || keyword == null)
1868                        criteria = mountCriteriaList(!!view ? view : User.preferences.defaultCalView, page_index, selecteds)
1869                else
1870                        criteria =  {filter: ['AND', ['OR', ["i*", "summary", keyword], ["i*", "description", keyword]], ['IN', 'calendar',  selecteds]], criteria: {order: 'startTime', offset: (25 * page_index), limit: (((25 * page_index) + 25) + 1), deepness: 2}};
1871                var results = DataLayer.get('schedulable:detail', criteria);
1872                keyword = ( keyword || '' ).replace( /\s+/g, "_" );     
1873        }
1874        // não há resultados   
1875        if ((((typeof(results) == 'undefined') || (!results.events_list )) && selecteds) &&(keyword != '' && keyword != null)) {
1876                jQuery('#tab_events_list_' + ((Base64.encode(keyword)).replace(/[^\w\s]/gi, "")|| '')).html(
1877                        '<div title="Lista de eventos" class="events-list events-list-win active empty">' +
1878                        '<label>Não foi encontrado nenhum evento correspondente à sua pesquisa.</label>' +
1879                        '</div>'
1880                );
1881        // há resultados e Agendas Selecionadas
1882        } else{
1883                if(typeof(results) != 'undefined'){
1884                        results['page_index'] = page_index;
1885                        results['keyword'] = keyword;
1886                       
1887                        DataLayer.render( 'templates/event_list.ejs', results, function( html ){
1888                                var currentView = '#tab_events_list_' + ((Base64.encode(keyword)).replace(/[^\w\s]/gi, "") || '');
1889                                jQuery(currentView).html( html );
1890                                jQuery('.events-list-win .menu-container .button').button();
1891                                                                                                               
1892                                $(".event-details-item").parent().click(function(){
1893
1894                                        $(this).siblings("div.details-event-list").toggleClass("hidden")
1895                                        .find('.button.delete').click(function(){
1896                                                var eventId = $(this).siblings('[name="eventid"]').val();
1897                                                $.Zebra_Dialog('Tem certeza que deseja excluir o evento?', {
1898                                                        'type':     'question',
1899                                                        'overlay_opacity': '0.5',
1900                                                        'buttons':  ['Sim', 'Não'],
1901                                                        'onClose':  function(clicked) {
1902                                                                if(clicked == 'Sim'){
1903                                                                        DataLayer.remove('schedulable', eventId);
1904                                                                }
1905                                                        }
1906                                                });
1907                                        })
1908                                        .end().find('.button.edit').click(function(){                           
1909                                                eventDetails( DataLayer.get( "schedulable", $(this).siblings('[name="eventid"]').val() ), true );                                       
1910                                        });
1911
1912                                });
1913                                paginatorListEvent(currentView, (keyword == '' || keyword == null) ? 'list' : 'search',  !!view ? view : User.preferences.defaultCalView);
1914                        });
1915                }else{
1916                        var currentView = '#tab_events_list_' + ((Base64.encode(keyword)).replace(/[^\w\s]/gi, "") || '');
1917                        jQuery('#tab_events_list_' + ((Base64.encode(keyword)).replace(/[^\w\s]/gi, "")|| '')).html(
1918                                '<div title="Lista de eventos" class="events-list events-list-win active empty">' +
1919                                '<input type="hidden" name="page_index" value="'+page_index+'"></inpunt>'+
1920                                '<input type="hidden" name="keyword" value="'+keyword+'"></inpunt>'+
1921                                '<label>Não foram encontrados eventos neste intervalo.</label>' +
1922                                '</div>'
1923                        );
1924                        paginatorListEvent(currentView, 'list', !!view ? view : User.preferences.defaultCalView);
1925                }
1926               
1927        }
1928       
1929}
1930
1931function show_modal_import_export(tab, calendarId) {
1932    DataLayer.render( 'templates/import_export.ejs', {calendars: Calendar.calendars, owner: User.me.id}, function( html ){
1933
1934                if (!UI.dialogs.importCalendar) {
1935                        UI.dialogs.importCalendar = jQuery('#div-import-export-calendar')
1936                        .append('<div title="Importar e Exportar Eventos" class="import-export import-export-win active"> <div>')
1937                        .find('.import-export-win.active').html(html).dialog({
1938                                resizable: false,
1939                                modal:true,
1940                                width:500,
1941                                position: 'center'
1942                        });
1943                       
1944                } else {
1945                        UI.dialogs.importCalendar.html(html);
1946                }
1947               
1948                var tabsImportExport = UI.dialogs.importCalendar.find(".tabs-import-export").tabs({selected: tab});
1949       
1950        UI.dialogs.importCalendar.find('.button').button();
1951
1952                tabsImportExport.find('option[value="'+calendarId+'"]').attr('selected','selected').trigger('change');
1953               
1954               
1955        UI.dialogs.importCalendar.find(".menu-import-event")       
1956            .children(".import").click(function(data){
1957                        $('.import-event-form', UI.dialogs.importCalendar).submit();                   
1958                        UI.dialogs.importCalendar.dialog("close");
1959                        isValidCalback = true;
1960                        /**
1961                         * TODO - implementar ação de importação
1962                         */
1963            });
1964           
1965        UI.dialogs.importCalendar.find(".menu-export-event")       
1966            .children(".export").click(function(){
1967             
1968                        $('.export-event-form', UI.dialogs.importCalendar).submit();
1969                        UI.dialogs.importCalendar.dialog("close");
1970                        /**
1971                         * TODO - implementar ação de exportação
1972                         */
1973            });
1974       
1975        UI.dialogs.importCalendar.find(".menu-container")
1976        .children(".cancel").click(function(){
1977                UI.dialogs.importCalendar.dialog("close");
1978                });   
1979               
1980                  UI.dialogs.importCalendar.dialog("open");
1981    });
1982}
1983
1984function copyAndMoveTo(calendar, eventId){
1985
1986    var type = $('.calendar-copy-move input[name="typeEvent"]').val();
1987
1988        var schedulable = DataLayer.get('schedulable' , ''+eventId);
1989       
1990        if(typeof(schedulable) == "array")
1991                schedulable = schedulable[0];
1992       
1993        //Move eventos entre agendas
1994        if(!!parseInt(type)){
1995               
1996                schedulable.calendar = calendar;       
1997                DataLayer.put('schedulable', schedulable);
1998       
1999                DataLayer.commit();
2000        //copia eventos entre agendas
2001        }else{
2002       
2003                var newSchedulable = schedulable;
2004       
2005                delete newSchedulable.id;
2006                delete newSchedulable.uid;
2007                delete newSchedulable.sequence;
2008                delete newSchedulable.dtstamp;
2009                delete schedulable.calendar;
2010                delete schedulable.DayLigth;
2011                delete schedulable.rangeStart
2012                delete schedulable.rangeEnd;
2013                delete schedulable.lastUpdate;
2014                delete schedulable.repeat;
2015       
2016
2017                schedulable.calendar = DataLayer.copy(calendar);       
2018       
2019                newSchedulable.endTime = new Date(parseInt(newSchedulable.endTime) - (newSchedulable.allDay ? 86400000 : 0)).toString('yyyy-MM-dd hh:mm:00');
2020                newSchedulable.startTime = new Date(parseInt(newSchedulable.startTime)).toString('yyyy-MM-dd hh:mm:00');
2021               
2022                var participants = DataLayer.copy(schedulable.participants);
2023                delete schedulable.participants;
2024               
2025                schedulable.participants =  $.map( participants, function( attendee, i ){
2026                       
2027                        var participant = DataLayer.get('participant', attendee);
2028                       
2029                        if(typeof(participant) == 'array')
2030                                participant = participant[0];
2031       
2032                        delete participant.id;
2033                       
2034                        return participant ;
2035        });
2036       
2037       
2038       
2039                DataLayer.put('schedulable', newSchedulable);
2040
2041        }
2042       
2043
2044}
Note: See TracBrowser for help on using the repository browser.