(function($) { function __(string) { return WFLS_ADMIN_TRANSLATIONS[string] || string; } window['WFLS'] = { panelIsOpen: false, basePageName: '', panelQueue: [], pendingChanges: {}, userIsActivating: false, //Screen sizes SCREEN_XS: 'xs', SCREEN_SM: 'sm', SCREEN_MD: 'md', SCREEN_LG: 'lg', init: function() { this.basePageName = document.title; var tabs = $('.wfls-page-tabs').find('.wfls-tab a'); if (tabs.length > 0) { tabs.click(function() { $('.wfls-page-tabs').find('.wfls-tab').removeClass('wfls-active'); $('.wfls-tab-content').removeClass('wfls-active'); var tab = $(this).closest('.wfls-tab'); tab.addClass('wfls-active'); var content = $('#' + tab.data('target')); content.addClass('wfls-active'); document.title = tab.data('pageTitle') + " \u2039 " + WFLS.basePageName; $(window).trigger('wfls-tab-change', [tab.data('target')]); }); if (window.location.hash) { var hashes = WFLS.parseHashes(); var hash = hashes[hashes.length - 1]; for (var i = 0; i < tabs.length; i++) { if (hash == $(tabs[i]).closest('.wfls-tab').data('target')) { $(tabs[i]).trigger('click'); } } } else { $(tabs[0]).trigger('click'); } $(window).on('hashchange', function () { var hashes = WFLS.parseHashes(); var hash = hashes[hashes.length - 1]; for (var i = 0; i < tabs.length; i++) { if (hash == $(tabs[i]).closest('.wfls-tab').data('target')) { $(tabs[i]).trigger('click'); } } }); } //On/Off Option $('.wfls-option.wfls-option-toggled .wfls-option-checkbox').each(function() { $(this).on('keydown', function(e) { if (e.keyCode == 32) { e.preventDefault(); e.stopPropagation(); $(this).trigger('click'); } }); $(this).on('click', function(e) { e.preventDefault(); e.stopPropagation(); var optionElement = $(this).closest('.wfls-option'); if (optionElement.hasClass('wfls-option-premium') || optionElement.hasClass('wfls-disabled')) { return; } var option = optionElement.data('option'); var value = false; var isActive = $(this).hasClass('wfls-checked'); if (isActive) { $(this).removeClass('wfls-checked').attr('aria-checked', 'false'); value = optionElement.data('disabledValue'); } else { $(this).addClass('wfls-checked').attr('aria-checked', 'true'); value = optionElement.data('enabledValue'); } var originalValue = optionElement.data('originalValue'); if (originalValue == value) { delete WFLS.pendingChanges[option]; } else { WFLS.pendingChanges[option] = value; } $(optionElement).trigger('change', [false]); WFLS.updatePendingChanges(); }); $(this).parent().find('.wfls-option-title').on('click', function(e) { var links = $(this).find('a'); var buffer = 10; for (var i = 0; i < links.length; i++) { var t = $(links[i]).offset().top; var l = $(links[i]).offset().left; var b = t + $(links[i]).height(); var r = l + $(links[i]).width(); if (e.pageX > l - buffer && e.pageX < r + buffer && e.pageY > t - buffer && e.pageY < b + buffer) { return; } } $(this).parent().find('.wfls-option-checkbox').trigger('click'); }).css('cursor', 'pointer'); }); //On/Off Boolean Switch Option $('.wfls-option.wfls-option-toggled-boolean-switch .wfls-boolean-switch').each(function() { $(this).on('keydown', function(e) { if (e.keyCode == 32) { e.preventDefault(); e.stopPropagation(); $(this).trigger('click'); } }); $(this).on('click', function(e) { e.preventDefault(); e.stopPropagation(); $(this).find('.wfls-boolean-switch-handle').trigger('click'); }); $(this).find('.wfls-boolean-switch-handle').on('click', function(e) { e.preventDefault(); e.stopPropagation(); var optionElement = $(this).closest('.wfls-option'); if (optionElement.hasClass('wfls-option-premium') || optionElement.hasClass('wfls-disabled')) { return; } var switchElement = $(this).closest('.wfls-boolean-switch'); var option = optionElement.data('option'); var value = false; var isActive = switchElement.hasClass('wfls-active'); if (isActive) { switchElement.removeClass('wfls-active').attr('aria-checked', 'false'); value = optionElement.data('disabledValue'); } else { switchElement.addClass('wfls-active').attr('aria-checked', 'true'); value = optionElement.data('enabledValue'); } var originalValue = optionElement.data('originalValue'); if (originalValue == value) { delete WFLS.pendingChanges[option]; } else { WFLS.pendingChanges[option] = value; } $(optionElement).trigger('change', [false]); WFLS.updatePendingChanges(); }); $(this).parent().find('.wfls-option-title').on('click', function(e) { var links = $(this).find('a'); var buffer = 10; for (var i = 0; i < links.length; i++) { var t = $(links[i]).offset().top; var l = $(links[i]).offset().left; var b = t + $(links[i]).height(); var r = l + $(links[i]).width(); if (e.pageX > l - buffer && e.pageX < r + buffer && e.pageY > t - buffer && e.pageY < b + buffer) { return; } } $(this).parent().find('.wfls-boolean-switch-handle').trigger('click'); }).css('cursor', 'pointer'); }); //On/Off Segmented Option $('.wfls-option.wfls-option-toggled-segmented [type=radio]').each(function() { $(this).on('click', function(e) { var optionElement = $(this).closest('.wfls-option'); if (optionElement.hasClass('wfls-option-premium') || optionElement.hasClass('wfls-disabled')) { return; } var option = optionElement.data('option'); var value = this.value; var originalValue = optionElement.data('originalValue'); if (originalValue == value) { delete WFLS.pendingChanges[option]; } else { WFLS.pendingChanges[option] = value; } $(optionElement).trigger('change', [false]); WFLS.updatePendingChanges(); }); }); //On/Off Multiple Option $('.wfls-option.wfls-option-toggled-multiple .wfls-option-checkbox').each(function() { $(this).on('keydown', function(e) { if (e.keyCode == 32) { e.preventDefault(); e.stopPropagation(); $(this).trigger('click'); } }); $(this).on('click', function(e) { e.preventDefault(); e.stopPropagation(); var optionElement = $(this).closest('.wfls-option'); if (optionElement.hasClass('wfls-option-premium') || optionElement.hasClass('wfls-disabled') || $(this).hasClass('wfls-disabled')) { return; } var checkboxElement = $(this).closest('ul'); var option = checkboxElement.data('option'); var value = false; var isActive = $(this).hasClass('wfls-checked'); if (isActive) { $(this).removeClass('wfls-checked').attr('aria-checked', 'false'); value = checkboxElement.data('disabledValue'); } else { $(this).addClass('wfls-checked').attr('aria-checked', 'true'); value = checkboxElement.data('enabledValue'); } var originalValue = checkboxElement.data('originalValue'); if (originalValue == value) { delete WFLS.pendingChanges[option]; } else { WFLS.pendingChanges[option] = value; } $(optionElement).trigger('change', [false]); WFLS.updatePendingChanges(); }); $(this).parent().find('.wfls-option-title').on('click', function(e) { var links = $(this).find('a'); var buffer = 10; for (var i = 0; i < links.length; i++) { var t = $(links[i]).offset().top; var l = $(links[i]).offset().left; var b = t + $(links[i]).height(); var r = l + $(links[i]).width(); if (e.pageX > l - buffer && e.pageX < r + buffer && e.pageY > t - buffer && e.pageY < b + buffer) { return; } } $(this).parent().find('.wfls-option-checkbox').trigger('click'); }).css('cursor', 'pointer'); }); //Text field option $('.wfls-option.wfls-option-text > .wfls-option-content > ul > li.wfls-option-text input').on('change paste keyup', function() { var e = this; setTimeout(function() { var optionElement = $(e).closest('.wfls-option'); var option = optionElement.data('textOption'); if (typeof option !== 'undefined') { var value = $(e).val(); var originalValue = optionElement.data('originalTextValue'); if (originalValue == value) { delete WFLS.pendingChanges[option]; } else { WFLS.pendingChanges[option] = value; } $(optionElement).trigger('change', [false]); WFLS.updatePendingChanges(); } }, 4); }); //Menu option $('.wfls-option.wfls-option-toggled-select > .wfls-option-content > ul > li.wfls-option-select select, .wfls-option.wfls-option-select > .wfls-option-content > ul > li.wfls-option-select select, .wf-option.wfls-option-select > li.wfls-option-select select').each(function() { if (!$.fn.wfselect2) { return; } var width = (WFLS.screenSize(500) ? '200px' : 'resolve'); if ($(this).data('preferredWidth')) { width = $(this).data('preferredWidth'); } $(this).wfselect2({ minimumResultsForSearch: -1, width: width }).on('change', function () { var optionElement = $(this).closest('.wfls-option'); var option = optionElement.data('selectOption'); var value = $(this).val(); var originalValue = optionElement.data('originalSelectValue'); if (originalValue == value) { delete WFLS.pendingChanges[option]; } else { WFLS.pendingChanges[option] = value; } $(optionElement).trigger('change', [false]); WFLS.updatePendingChanges(); }); }).triggerHandler('change'); //Text area option $('.wfls-option.wfls-option-textarea > .wfls-option-content > ul > li.wfls-option-textarea textarea').on('change paste keyup', function() { var e = this; setTimeout(function() { var optionElement = $(e).closest('.wfls-option'); var option = optionElement.data('textOption'); var value = $(e).val(); var originalValue = optionElement.data('originalTextValue'); if (originalValue == value) { delete WFLS.pendingChanges[option]; } else { WFLS.pendingChanges[option] = value; } $(optionElement).trigger('change', [false]); WFLS.updatePendingChanges(); }, 4); }); //Switch Option $('.wfls-option.wfls-option-switch .wfls-switch > li').each(function(index, element) { $(this).on('keydown', function(e) { if (e.keyCode == 32) { e.preventDefault(); e.stopPropagation(); $(this).trigger('click'); } }); $(element).on('click', function(e) { e.preventDefault(); e.stopPropagation(); var optionElement = $(this).closest('ul.wfls-option-switch, div.wfls-option-switch'); var optionName = optionElement.data('optionName'); var originalValue = optionElement.data('originalValue'); var value = $(this).data('optionValue'); var control = $(this).closest('.wfls-switch'); control.find('li').each(function() { $(this).toggleClass('wfls-active', value == $(this).data('optionValue')).attr('aria-checked', value == $(this).data('optionValue') ? 'true' : 'false'); }); if (originalValue == value) { delete WFLS.pendingChanges[optionName]; } else { WFLS.pendingChanges[optionName] = value; } $(optionElement).trigger('change', [false]); WFLS.updatePendingChanges(); }); }); //Dropdown/Text Options $('select.wfls-option-select, input.wfls-option-input').each(function() { $(this).data('original', $(this).val()); }).on('change input', function(e) { var input = $(this); var name = input.attr('name'); var value = input.val(); var original = input.data('original'); if (value === original || (input.hasClass('wfls-option-input-required') && value === '')) { delete WFLS.pendingChanges[name]; } else { WFLS.pendingChanges[name] = value; } WFLS.updatePendingChanges(); }); $('#wfls-save-changes').on('click', function(e) { e.preventDefault(); e.stopPropagation(); WFLS.saveOptions(function(res) { WFLS.pendingChanges = {}; WFLS.updatePendingChanges(); if (res.redirect) { window.location.href = res.redirect; } else { window.location.reload(true); } }); }); $('#wfls-cancel-changes').on('click', function(e) { e.preventDefault(); e.stopPropagation(); //On/Off options $('.wfls-option.wfls-option-toggled').each(function() { var enabledValue = $(this).data('enabledValue'); var disabledValue = $(this).data('disabledValue'); var originalValue = $(this).data('originalValue'); if (enabledValue == originalValue) { $(this).find('.wfls-option-checkbox').addClass('wfls-checked').attr('aria-checked', 'true'); } else { $(this).find('.wfls-option-checkbox').removeClass('wfls-checked').attr('aria-checked', 'false'); } $(this).trigger('change', [true]); }); $('.wfls-option-toggled-boolean-switch').each(function() { var enabledValue = $(this).data('enabledValue'); var disabledValue = $(this).data('disabledValue'); var originalValue = $(this).data('originalValue'); if (enabledValue == originalValue) { $(this).find('.wfls-boolean-switch').addClass('wfls-active').attr('aria-checked', 'true'); } else { $(this).find('.wfls-boolean-switch').removeClass('wfls-active').attr('aria-checked', 'false'); } $(this).trigger('change', [true]); }); $('.wfls-option.wfls-option-toggled-segmented').each(function() { var originalValue = $(this).data('originalValue'); $(this).find('[type=radio]').each(function() { if (this.value == originalValue) { this.checked = true; return false; } }); $(this).trigger('change', [true]); }); //On/Off multiple options $('.wfls-option.wfls-option-toggled-multiple').each(function() { $(this).find('.wfls-option-checkboxes > ul').each(function() { var enabledValue = $(this).data('enabledValue'); var disabledValue = $(this).data('disabledValue'); var originalValue = $(this).data('originalValue'); if (enabledValue == originalValue) { $(this).find('.wfls-option-checkbox').addClass('wfls-checked').attr('aria-checked', 'true'); } else { $(this).find('.wfls-option-checkbox').removeClass('wfls-checked').attr('aria-checked', 'false'); } }); $(this).trigger('change', [true]); }); //On/Off options with menu $('.wfls-option.wfls-option-toggled-select').each(function() { var selectElement = $(this).find('.wfls-option-select select'); var enabledToggleValue = $(this).data('enabledToggleValue'); var disabledToggleValue = $(this).data('disabledToggleValue'); var originalToggleValue = $(this).data('originalToggleValue'); if (enabledToggleValue == originalToggleValue) { $(this).find('.wfls-option-checkbox').addClass('wfls-checked').attr('aria-checked', 'true'); selectElement.attr('disabled', false); } else { $(this).find('.wfls-option-checkbox').removeClass('wfls-checked').attr('aria-checked', 'false'); selectElement.attr('disabled', true); } var originalSelectValue = $(this).data('originalSelectValue'); $(this).find('.wfls-option-select select').val(originalSelectValue).trigger('change'); $(this).trigger('change', [true]); }); //Menu options $('.wfls-option.wfls-option-select').each(function() { var originalSelectValue = $(this).data('originalSelectValue'); $(this).find('.wfls-option-select select').val(originalSelectValue).trigger('change'); $(this).trigger('change', [true]); }); //Text options $('.wfls-option.wfls-option-text').each(function() { var originalTextValue = $(this).data('originalTextValue'); if (typeof originalTextValue !== 'undefined') { $(this).find('.wfls-option-text input').val(originalTextValue); } $(this).trigger('change', [true]); }); //Text area options $('.wfls-option.wfls-option-textarea').each(function() { var originalTextValue = $(this).data('originalTextValue'); $(this).find('.wfls-option-textarea textarea').val(originalTextValue); $(this).trigger('change', [true]); }); //Token options $('.wfls-option.wfls-option-token').each(function() { var originalTokenValue = $(this).data('originalTokenValue'); $(this).find('select').val(originalTokenValue).trigger('change'); $(this).trigger('change', [true]); }); //Switch options $('.wfls-option.wfls-option-switch').each(function() { var originalValue = $(this).data('originalValue'); $(this).find('.wfls-switch > li').each(function() { $(this).toggleClass('wfls-active', originalValue == $(this).data('optionValue')).attr('aria-checked', originalValue == $(this).data('optionValue') ? 'true' : 'false'); }); $(this).trigger('change', [true]); }); //Other options $(window).trigger('wflsOptionsReset'); WFLS.pendingChanges = {}; WFLS.updatePendingChanges(); }); }, updatePendingChanges: function() { $(window).off('beforeunload', WFLS._unsavedOptionsHandler); if (Object.keys(WFLS.pendingChanges).length) { $('#wfls-cancel-changes').removeClass('wfls-disabled'); $('#wfls-save-changes').removeClass('wfls-disabled'); $(window).on('beforeunload', WFLS._unsavedOptionsHandler); } else { $('#wfls-cancel-changes').addClass('wfls-disabled'); $('#wfls-save-changes').addClass('wfls-disabled'); } }, _unsavedOptionsHandler: function(e) { var message = __("You have unsaved changes to your options. If you leave this page, those changes will be lost."); //Only shows on older browsers, newer browsers don't allow message customization e = e || window.event; if (e) { e.returnValue = message; //IE and Firefox } return message; //Others }, setOptions: function(options, successCallback, failureCallback) { if (!Object.keys(options).length) { return; } this.ajax('wordfence_ls_save_options', {changes: JSON.stringify(options)}, function(res) { if (res.success) { typeof successCallback == 'function' && successCallback(res); } else { if (res.hasOwnProperty('html') && res.html) { WFLS.panelModalHTML((WFLS.screenSize(500) ? '300px' : '400px'), 'Error Saving Options', res.error); } else { WFLS.panelModal((WFLS.screenSize(500) ? '300px' : '400px'), 'Error Saving Options', res.error); } typeof failureCallback == 'function' && failureCallback } }); }, saveOptions: function(successCallback, failureCallback) { this.setOptions(WFLS.pendingChanges, successCallback, failureCallback); }, updateIPPreview: function(value, successCallback) { this.ajax('wordfence_ls_update_ip_preview', value, function(response) { if (successCallback) { successCallback(response); } }); }, /** * Sends a WP AJAX call, automatically adding our nonce. * * @param string action * @param string|array|object payload * @param function successCallback * @param function failureCallback */ ajax: function(action, payload, successCallback, failureCallback) { if (typeof(payload) == 'string') { if (payload.length > 0) { payload += '&'; } payload += 'action=' + action + '&nonce=' + WFLSVars.nonce; } else if (typeof(payload) == 'object' && payload instanceof Array) { // jQuery serialized form data payload.push({ name: 'action', value: action }); payload.push({ name: 'nonce', value: WFLSVars.nonce }); } else if (typeof(payload) == 'object') { payload['action'] = action; payload['nonce'] = WFLSVars.nonce; } $.ajax({ type: 'POST', url: WFLSVars.ajaxurl, dataType: "json", data: payload, success: function(json) { typeof successCallback == 'function' && successCallback(json); }, error: function() { typeof failureCallback == 'function' && failureCallback(); } }); }, /** * Displays a generic panel. * * @param @param string width A width string in the format '100px' * @param string heading * @param string body * @param object settings */ panel: function(width, heading, body, settings) { if (typeof settings === 'undefined') { settings = {}; } WFLS.panelQueue.push([width, "

" + heading + "

" + body + "

", settings]); WFLS._panelServiceQueue(); }, /** * Displays a modal panel with fixed HTML content. * * @param @param string width A width string in the format '100px' * @param string heading * @param string body * @param object settings */ panelModalHTML: function(width, heading, body, settings) { if (typeof settings === 'undefined') { settings = {}; } var prompt = $.tmpl(WFLSVars.modalHTMLTemplate, {title: heading, message: body}); var promptHTML = $("
").append(prompt).html(); var callback = settings.onComplete; settings.overlayClose = false; settings.closeButton = false; settings.className = 'wfls-modal'; settings.onComplete = function() { $('#wfls-generic-modal-close').on('click', function(e) { e.preventDefault(); e.stopPropagation(); WFLS.panelClose(); }); typeof callback === 'function' && callback(); }; WFLS.panelHTML(width, promptHTML, settings) }, /** * Displays a modal panel, automatically escaping the content. * * @param @param string width A width string in the format '100px' * @param string heading * @param string body * @param object settings */ panelModal: function(width, heading, body, settings) { if (typeof settings === 'undefined') { settings = {}; } if (width === null) width = WFLS.screenSize(500) ? '300px' : '400px'; var includeDefaultButtons = typeof settings.includeDefaultButtons === 'undefined' ? false : settings.includeDefaultButtons; var prompt = $.tmpl(WFLSVars[includeDefaultButtons ? 'modalTemplate' : 'modalNoButtonsTemplate'], {title: heading, message: body}); if (typeof settings.additional_buttons !== 'undefined') { var buttonSection = prompt.find('.wfls-modal-footer > ul'); for(index in settings.additional_buttons) { var buttonSettings = settings.additional_buttons[index]; var button = $('