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

Revision 5354, 59.1 KB checked in by adriano, 12 years ago (diff)

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