$(function() { var $module = $("#m-32847"); $.get({ url: '/en/api-notifications/ajax/', crossDomain: true, }).done(function(result) { $module.html( $(result).html() ); if (!$module.find('.js-dropdown').length) { return; } var currentNickname = $module.find('.js-edit-nickname').val(); var globalNotification = $('#m-32847-global-notification-content') .html(); $module.find('.js-global-notification') .closest('.item') .replaceWith(globalNotification); if (!globalNotification.trim()) { var count = $module .find('.js-notification-count[data-count]') .data('count') -1; $module.find('.js-notification-count') .html(count); } var storage = window.localStorage || { getItem: function(){}, setItem: function(){}, removeItem: function(){} }; var previousNotifications = storage.getItem('notifications'); storage.setItem('notifications', result); if ( previousNotifications !== result && $module.find('.notifications .item').length ) { $module.find('.js-badge').show(); $module.find('.js-header-with-notification').show(); $module.find('.js-header-without-notification').hide(); } else { $module.find('.js-badge').hide(); $module.find('.js-header-with-notification').hide(); $module.find('.js-header-without-notification').show(); } $module.find('.js-toggle-dropdown').on("click",function() { $module.find('.js-badge').hide(); $module.find('.js-dropdown').toggleClass("active"); if (!$module.find('.js-dropdown').hasClass('active')) { $module.find('.js-header-with-notification').hide(); $module.find('.js-header-without-notification').show(); $module.find('.js-dropdown').removeClass("show-edit-view"); $module.find('.js-dropdown').removeClass("show-edit-errors"); $module.find('.js-error').html(''); $module.find('.js-edit-nickname').val(currentNickname); } }); $module.find('.js-show-pool-ranking').on("click",function(event) { event.preventDefault(); $module.find('.js-dropdown').toggleClass("show-pool-ranking-view"); }); $module.find('.js-edit-user').on("click",function(event) { event.preventDefault(); $module.find('.js-dropdown').toggleClass("show-edit-view"); }); var uploader = new plupload.Uploader({ 'runtimes': 'html5,html4', 'browse_button': $module.find('#js-edit-image').get(0), 'container': $module.get(0), 'url': '/en/api-notifications/ajax/', 'multi_selection': false, 'filters': { max_file_size : '2mb', mime_types: [ {title: 'Images', extensions: 'jpg,jpeg,gif,png'} ] }, 'init': { 'FilesAdded': function(uploader, files) { $module.find('.js-edit-image').addClass('site-loading'); uploader.start(); }, 'FileUploaded': function(uploader, file, response) { var aResponse = $.parseJSON(response.response); if (!aResponse.bError && !aResponse.sErrorMessage && aResponse.sImagePath) { $module.find('.js-profile-image').attr('src', aResponse.sImagePath); $module.find('.js-profile-image').attr('srcset', aResponse.sImagePath + ' 60w,' + aResponse.sImagePath + ' 120w' ); $module.find('.js-dropdown').toggleClass("show-edit-view"); } else { $module.find('.js-error').html(aResponse.sErrorMessage); $module.find('.js-dropdown').toggleClass("show-edit-errors"); } $module.find('.js-edit-nickname').val(currentNickname); }, 'UploadComplete': function(uploader, files) { $module.find('.js-edit-image').removeClass('site-loading'); }, 'Error': function(uploader, error) { if (error.code === plupload.FILE_EXTENSION_ERROR) { $module.find('.js-error').html('This image extension is invalid!
Try again, please!'); } if (error.code === plupload.FILE_SIZE_ERROR) { $module.find('.js-error').html('This image file is too large (max. 2 MB)!
Try again, please!'); } $module.find('.js-dropdown').toggleClass("show-edit-errors"); } } }); uploader.init(); // Sonderfall: Touch $module.find('#js-edit-image').on('touchend', function(event) { $module.find('.moxie-shim input').click(); event.preventDefault(); return false; }); $module.find('.js-save-user').on("click",function(event) { event.preventDefault(); var $nickname = $module.find('.js-edit-nickname'); var postData = { module32153: { nickname: $nickname.val() } }; $.ajax({ type: "POST", dataType: "json", url: '/en/api-notifications/ajax/', data: postData, success: function(aResponse) { if (!aResponse.sError || !aResponse.sError.length) { currentNickname = $nickname.val(); $nickname.val(currentNickname.trim().replace(/\s+/, ' ')); $module.find('.js-user-nickname').html($nickname.val()); $module.find('.js-dropdown').toggleClass("show-edit-view"); } else { $nickname.val(currentNickname.trim().replace(/\s+/, ' ')); $module.find('.js-error').html(aResponse.sError); $module.find('.js-dropdown').toggleClass("show-edit-errors"); } } }); }); $module.find('.js-close-pool-ranking').on("click",function(event) { event.preventDefault(); $module.find('.js-dropdown').toggleClass("show-pool-ranking-view"); }); $module.find('.js-close-errors').on("click",function(event) { event.preventDefault(); $module.find('.js-dropdown').toggleClass("show-edit-errors"); $module.find('.js-error').html(''); }); $module.find('.js-close').on("click",function(event) { event.preventDefault(); $module.find('.js-badge').hide(); $module.find('.js-dropdown').removeClass('active'); $module.find('.js-header-with-notification').hide(); $module.find('.js-header-without-notification').show(); $module.find('.js-dropdown').removeClass("show-edit-view"); $module.find('.js-dropdown').removeClass("show-edit-errors"); $module.find('.js-error').html(''); $module.find('.js-edit-nickname').val(currentNickname); }); $(document).on('click', function(event){ if(!$(event.target).closest('.module-header-notifications').length) { $module.find('.js-badge').hide(); $module.find('.js-dropdown').removeClass('active'); $module.find('.js-header-with-notification').hide(); $module.find('.js-header-without-notification').show(); $module.find('.js-dropdown').removeClass("show-edit-view"); $module.find('.js-dropdown').removeClass("show-edit-errors"); $module.find('.js-error').html(''); $module.find('.js-edit-nickname').val(currentNickname); } }); }); }); /**/ function escapeHtml(unsafe) { //escaping script-tag / " / ' / & return unsafe .replace(/&/g, "&") .replace(/

Frank Placzek