OwlCyberSecurity - MANAGER

Edit File: getwooplugins-settings.js

/* global jQuery, Backbone, _, getwooplugins_settings_params, wp */

(function ($, Backbone, _) {
	'use strict'

/**
	 * GWP Backbone Modal plugin
	 *
	 * @param {object} options
	 */
	$.fn.GWPBackboneModal = function (options) {
		return this.each(function () {
			(new $.GWPBackboneModal($(this), options))
		})
	}

/**
	 * Initialize the Backbone Modal
	 *
	 * @param {object} element [description]
	 * @param {object} options [description]
	 */
	$.GWPBackboneModal = function (element, options) {
		// Set settings
		let settings = $.extend({}, $.GWPBackboneModal.defaultOptions, options)

if (settings.template) {
			new $.GWPBackboneModal.View({
				target: settings.template,
				string: settings.data,
			})
		}
	}

/**
	 * Set default options
	 *
	 * @type {object}
	 */
	$.GWPBackboneModal.defaultOptions = {
		template: '',
		data: {},
	}

/**
	 * Create the Backbone Modal
	 *
	 * @return {null}
	 */
	$.GWPBackboneModal.View = Backbone.View.extend({
		tagName: 'div',
		id: 'gwp-backbone-modal-dialog',
		_target: undefined,
		_string: undefined,
		events: {
			'click .modal-close': 'closeButton',
			'click #btn-ok': 'addButton',
			'click #send-ajax': 'sendAjax',
			'touchstart #btn-ok': 'addButton',
			'keydown': 'keyboardActions',
			'change :radio': 'optionChange',
		},
		resizeContent: function () {
			let $content = $('.gwp-backbone-modal-content').find('article')
			let max_h = $(window).height() * 0.75

$content.css({
				'max-height': max_h + 'px',
			})
		},
		initialize: function (data) {
			let view = this
			this._target = data.target
			this._string = data.string
			_.bindAll(this, 'render')
			this.render()

$(window).resize(function () {
				view.resizeContent()
			})
		},
		render: function () {
			var template = wp.template(this._target)

this.$el.append(
				template(this._string),
			)

$(document.body).css({
				'overflow': 'hidden',
			}).append(this.$el)

this.resizeContent()
			this.$('.gwp-backbone-modal-content').attr('tabindex', '0').focus()

// $( document.body ).trigger( 'init_tooltips' );

$(document.body).trigger('gwp_backbone_modal_loaded', this._target)
		},
		closeButton: function (e) {
			e.preventDefault()
			$(document.body).trigger('gwp_backbone_modal_before_remove', this._target)
			this.undelegateEvents()
			$(document).off('focusin')
			$(document.body).css({
				'overflow': 'auto',
			})
			this.remove()
			$(document.body).trigger('gwp_backbone_modal_removed', this._target)
		},

addButton: function (e) {
			$(document.body).trigger('gwp_backbone_modal_response', [this._target, this.getFormData()])
			this.closeButton(e)
		},

sendAjax: function (event) {

event.preventDefault()

let form = this.getFormData()
			let data = this._string
			let action = `${form.action}_by_${form.plugin}`

if (typeof form['reason_type'] === 'undefined') {
				this.closeButton(event)
				return
			}

$(event.target).prop('disabled', true).text($(event.target).data('deactivating')).next().addClass('visible')

wp.ajax.send(action, {
				data: form,
				success: (response) => {
					window.location.replace(data.deactivate_link)
					this.closeButton(event)
				},
				error: () => {
					console.error('Deactivation Not logged.')
					window.location.replace(data.deactivate_link)
					this.closeButton(event)
				},
			})
		},

optionChange: function (event) {

$(event.target).closest('.feedback-dialog-form-body').find('.feedback-text').prop('disabled', true).hide()

$(event.target).nextAll('.feedback-text').prop('disabled', false).show().focus()

getFormData: function () {
			let data = {}

$(document.body).trigger('gwp_backbone_modal_before_update', this._target)

$.each($('form', this.$el).serializeArray(), function (index, item) {
				if (item.name.indexOf('[]') !== -1) {
					item.name = item.name.replace('[]', '')
					data[item.name] = $.makeArray(data[item.name])
					data[item.name].push(item.value)
				} else {
					data[item.name] = item.value
				}
			})

return data
		},
		keyboardActions: function (e) {
			let button = e.keyCode || e.which

// Enter key
			if (13 === button && !(e.target.tagName && (e.target.tagName.toLowerCase() === 'input' || e.target.tagName.toLowerCase() === 'textarea'))) {
				this.addButton(e)
			}

// ESC key
			if (27 === button) {
				this.closeButton(e)
			}
		},
	})

}(jQuery, Backbone, _))

const GWPAdminHelper = (($) => {
	return class GWPAdminHelper {

static ResetPopupData (pluginslug) {
			let id = `#gwp-plugin-deactivate-feedback-dialog-wrapper-${pluginslug}`
			let $button = $('.feedback-dialog-form-button-send', id)
			$button.prop('disabled', false).text($button.data('defaultvalue')).next().removeClass('visible')
		}

static DeactivatePopup (pluginslug) {

let id = `#gwp-plugin-deactivate-feedback-dialog-wrapper-${pluginslug}`

$('.wp-list-table.plugins').find('[data-slug="' + pluginslug + '"].active').each(function () {

let deactivate_link = $(this).find('.deactivate a').prop('href')

$(this).data('deactivate_link', deactivate_link)

$(this).find('.deactivate a').on('click', (event) => {
					event.preventDefault()

$(this).GWPBackboneModal({
						template: `gwp-deactive-feedback-dialog-${pluginslug}`,
						data: {
							deactivate_link: deactivate_link,
							plugin: pluginslug,
						},
					})
				})
			})
		}

static ProPopup () {

// let id = `#gwp-pro-dialog-wrapper-${pluginslug}`;
			$('.getwooplugins-admin-form-table .is-pro a.pro-modal, .getwooplugins-admin-form-table a.help-modal').each(function () {

$(this).on('click', (event) => {
					event.preventDefault()
					// event.stopPropagation();

let template_id = $(this).data('template')
					//let template = `#${template_id}`

$(this).GWPBackboneModal({
						template: template_id,
						data: {},
					})

})
			})
		}

}
})(jQuery)

const GWPDirtySettingSaveWarningHandler = (event) => {
	// Recommended
	event.preventDefault()

event.returnValue = getwooplugins_settings_params.i18n_nav_warning
	return getwooplugins_settings_params.i18n_nav_warning
}

(function ($, params, wp) {
	$(function () {

// Color picker with alpha support
		if ($().wpColorPicker) {
			$('.color-picker-alpha').wpColorPicker({
				change: function (event, ui) {
					window.onbeforeunload = function () {
						return params.i18n_nav_warning
					}
				},
			})
		}

// Edit prompt
		$(function () {
			let changed = false

$('.getwooplugins-settings-form :input:not(.no-track)').on('change', function () {
				if (!changed) {

window.addEventListener('beforeunload', GWPDirtySettingSaveWarningHandler)
					changed = true
				}
			})

$('.submit :input').on('click', function () {
				window.removeEventListener('beforeunload', GWPDirtySettingSaveWarningHandler)
			})
		})

$(document.body).on('init_tooltips', function () {

if (!jQuery().tipTip) {
				return false
			}

$('.tips, .help_tip, .woocommerce-help-tip, .getwooplugins-help-tip').tipTip({
				'attribute': 'data-tip',
				'fadeIn': 50,
				'fadeOut': 50,
				'delay': 200,
				'keepAlive': true,
			})

$('.column-wc_actions .wc-action-button').tipTip({
				'fadeIn': 50,
				'fadeOut': 50,
				'delay': 200,
			})

// Add tiptip to parent element for widefat tables
			$('.parent-tips').each(function () {
				$(this).closest('a, th').attr('data-tip', $(this).data('tip')).tipTip({
					'attribute': 'data-tip',
					'fadeIn': 50,
					'fadeOut': 50,
					'delay': 200,
					'keepAlive': true,
				}).css('cursor', 'help')
			})
		})

// Tooltips
		$(document.body).trigger('init_tooltips')

try {
			$(document.body).on('init_form_field_dependency', function () {
				$('[data-gwp_dependency]').GWPFormFieldDependency()
			}).trigger('init_form_field_dependency')

} catch (err) {
			// If failed (conflict?) log the error but don't stop other scripts breaking.
			window.console.log(err)
		}

GWPAdminHelper.ProPopup()

})
})(jQuery, getwooplugins_settings_params, wp)