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

Revision 5514, 70.0 KB checked in by acoutinho, 12 years ago (diff)

Ticket #2434 - Implementacao anexos, acls e delegacao de participantes

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