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