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