/* global tb_remove, JSON */
window.wp = window.wp || {};
(function ($, wp) {
'use strict'
wp.envato = {}
/**
* User nonce for ajax calls.
*
* @since 1.0.0
*
* @var string
*/
wp.envato.ajaxNonce = window._wpUpdatesSettings.ajax_nonce
/**
* Whether filesystem credentials need to be requested from the user.
*
* @since 1.0.0
*
* @var bool
*/
wp.envato.shouldRequestFilesystemCredentials = null
/**
* Filesystem credentials to be packaged along with the request.
*
* @since 1.0.0
*
* @var object
*/
wp.envato.filesystemCredentials = {
ftp: {
host: null,
username: null,
password: null,
connectionType: null
},
ssh: {
publicKey: null,
privateKey: null
}
}
/**
* Flag if we're waiting for an update to complete.
*
* @since 1.0.0
*
* @var bool
*/
wp.envato.updateLock = false
/**
* * Flag if we've done an update successfully.
*
* @since 1.0.0
*
* @var bool
*/
wp.envato.updateDoneSuccessfully = false
/**
* If the user tries to update a plugin while an update is
* already happening, it can be placed in this queue to perform later.
*
* @since 1.0.0
*
* @var array
*/
wp.envato.updateQueue = []
/**
* Store a jQuery reference to return focus to when exiting the request credentials modal.
*
* @since 1.0.0
*
* @var jQuery object
*/
wp.envato.$elToReturnFocusToFromCredentialsModal = null
/**
* Decrement update counts throughout the various menus.
*
* @since 3.9.0
*
* @param {string} upgradeType
*/
wp.envato.decrementCount = function (upgradeType) {
var count
var pluginCount
const $adminBarUpdateCount = $('#wp-admin-bar-updates .ab-label')
const $dashboardNavMenuUpdateCount = $('a[href="update-core.php"] .update-plugins')
const $pluginsMenuItem = $('#menu-plugins')
count = $adminBarUpdateCount.text()
count = parseInt(count, 10) - 1
if (count < 0 || isNaN(count)) {
return
}
$('#wp-admin-bar-updates .ab-item').removeAttr('title')
$adminBarUpdateCount.text(count)
$dashboardNavMenuUpdateCount.each(function (index, elem) {
elem.className = elem.className.replace(/count-\d+/, 'count-' + count)
})
$dashboardNavMenuUpdateCount.removeAttr('title')
$dashboardNavMenuUpdateCount.find('.update-count').text(count)
if (upgradeType === 'plugin') {
pluginCount = $pluginsMenuItem.find('.plugin-count').eq(0).text()
pluginCount = parseInt(pluginCount, 10) - 1
if (pluginCount < 0 || isNaN(pluginCount)) {
return
}
$pluginsMenuItem.find('.plugin-count').text(pluginCount)
$pluginsMenuItem.find('.update-plugins').each(function (index, elem) {
elem.className = elem.className.replace(/count-\d+/, 'count-' + pluginCount)
})
if (pluginCount > 0) {
$('.subsubsub .upgrade .count').text('(' + pluginCount + ')')
} else {
$('.subsubsub .upgrade').remove()
}
}
}
/**
* Send an Ajax request to the server to update a plugin.
*
* @since 1.0.0
*
* @param {string} plugin
* @param {string} slug
*/
wp.envato.updatePlugin = function (plugin, slug) {
let data
const $message = $('.envato-card-' + slug).find('.update-now')
const name = $message.data('name')
const updatingMessage = wp.i18n.sprintf(wp.i18n.__('Updating %s...', 'envato-market'), name)
$message.attr('aria-label', updatingMessage)
$message.addClass('updating-message')
if ($message.html() !== updatingMessage) {
$message.data('originaltext', $message.html())
}
$message.text(updatingMessage)
if (wp.envato.updateLock) {
wp.envato.updateQueue.push({
type: 'update-plugin',
data: {
plugin,
slug
}
})
return
}
wp.envato.updateLock = true
data = {
_ajax_nonce: wp.envato.ajaxNonce,
plugin,
slug,
username: wp.envato.filesystemCredentials.ftp.username,
password: wp.envato.filesystemCredentials.ftp.password,
hostname: wp.envato.filesystemCredentials.ftp.hostname,
connection_type: wp.envato.filesystemCredentials.ftp.connectionType,
public_key: wp.envato.filesystemCredentials.ssh.publicKey,
private_key: wp.envato.filesystemCredentials.ssh.privateKey
}
wp.ajax.post('update-plugin', data)
.done(wp.envato.updateSuccess)
.fail(wp.envato.updateError)
}
/**
* Send an Ajax request to the server to update a theme.
*
* @since 1.0.0
*
* @param {string} plugin
* @param {string} slug
*/
wp.envato.updateTheme = function (slug) {
let data
const $message = $('.envato-card-' + slug).find('.update-now')
const name = $message.data('name')
const updatingMessage = wp.i18n.sprintf(wp.i18n.__('Updating %s...', 'envato-market'), name)
$message.attr('aria-label', updatingMessage)
$message.addClass('updating-message')
if ($message.html() !== updatingMessage) {
$message.data('originaltext', $message.html())
}
$message.text(updatingMessage)
if (wp.envato.updateLock) {
wp.envato.updateQueue.push({
type: 'update-theme',
data: {
theme: slug
}
})
return
}
wp.envato.updateLock = true
data = {
_ajax_nonce: wp.envato.ajaxNonce,
theme: slug,
slug,
username: wp.envato.filesystemCredentials.ftp.username,
password: wp.envato.filesystemCredentials.ftp.password,
hostname: wp.envato.filesystemCredentials.ftp.hostname,
connection_type: wp.envato.filesystemCredentials.ftp.connectionType,
public_key: wp.envato.filesystemCredentials.ssh.publicKey,
private_key: wp.envato.filesystemCredentials.ssh.privateKey
}
wp.ajax.post('update-theme', data)
.done(wp.envato.updateSuccess)
.fail(wp.envato.updateError)
}
/**
* On a successful plugin update, update the UI with the result.
*
* @since 1.0.0
*
* @param {object} response
*/
wp.envato.updateSuccess = function (response) {
let $card, $updateColumn, $updateMessage, $updateVersion, name, version, versionText
$card = $('.envato-card-' + response.slug)
$updateColumn = $card.find('.column-update')
$updateMessage = $card.find('.update-now')
$updateVersion = $card.find('.version')
name = $updateMessage.data('name')
version = $updateMessage.data('version')
versionText = $updateVersion.attr('aria-label').replace('%s', version)
$updateMessage.addClass('disabled')
const updateMessage = wp.i18n.sprintf(wp.i18n.__('Updating %s...', 'envato-market'), name)
$updateMessage.attr('aria-label', updateMessage)
$updateVersion.text(versionText)
$updateMessage.removeClass('updating-message').addClass('updated-message')
$updateMessage.text(wp.i18n.__('Updated!', 'envato-market'))
wp.a11y.speak(updateMessage)
$updateColumn.addClass('update-complete').delay(1000).fadeOut()
wp.envato.decrementCount('plugin')
wp.envato.updateDoneSuccessfully = true
/*
* The lock can be released since the update was successful,
* and any other updates can commence.
*/
wp.envato.updateLock = false
$(document).trigger('envato-update-success', response)
wp.envato.queueChecker()
}
/**
* On a plugin update error, update the UI appropriately.
*
* @since 1.0.0
*
* @param {object} response
*/
wp.envato.updateError = function (response) {
let $message, name
wp.envato.updateDoneSuccessfully = false
if (response.errorCode && response.errorCode === 'unable_to_connect_to_filesystem' && wp.envato.shouldRequestFilesystemCredentials) {
wp.envato.credentialError(response, 'update-plugin')
return
}
$message = $('.envato-card-' + response.slug).find('.update-now')
name = $message.data('name')
$message.attr('aria-label', wp.i18n.__('Updating failed', 'envato-market'))
$message.removeClass('updating-message')
$message.html(wp.i18n.sprintf(wp.i18n.__('Updating failed %s...', 'envato-market'), typeof 'undefined' !== response.errorMessage ? response.errorMessage : response.error))
/*
* The lock can be released since this failure was
* after the credentials form.
*/
wp.envato.updateLock = false
$(document).trigger('envato-update-error', response)
wp.envato.queueChecker()
}
/**
* Show an error message in the request for credentials form.
*
* @param {string} message
* @since 1.0.0
*/
wp.envato.showErrorInCredentialsForm = function (message) {
const $modal = $('.notification-dialog')
// Remove any existing error.
$modal.find('.error').remove()
$modal.find('h3').after('<div class="error">' + message + '</div>')
}
/**
* Events that need to happen when there is a credential error
*
* @since 1.0.0
*/
wp.envato.credentialError = function (response, type) {
wp.envato.updateQueue.push({
type,
data: {
// Not cool that we're depending on response for this data.
// This would feel more whole in a view all tied together.
plugin: response.plugin,
slug: response.slug
}
})
wp.envato.showErrorInCredentialsForm(response.error)
wp.envato.requestFilesystemCredentials()
}
/**
* If an update job has been placed in the queue, queueChecker pulls it out and runs it.
*
* @since 1.0.0
*/
wp.envato.queueChecker = function () {
let job
if (wp.envato.updateLock || wp.envato.updateQueue.length <= 0) {
return
}
job = wp.envato.updateQueue.shift()
wp.envato.updatePlugin(job.data.plugin, job.data.slug)
}
/**
* Request the users filesystem credentials if we don't have them already.
*
* @since 1.0.0
*/
wp.envato.requestFilesystemCredentials = function (event) {
if (wp.envato.updateDoneSuccessfully === false) {
wp.envato.$elToReturnFocusToFromCredentialsModal = $(event.target)
wp.envato.updateLock = true
wp.envato.requestForCredentialsModalOpen()
}
}
/**
* Keydown handler for the request for credentials modal.
*
* Close the modal when the escape key is pressed.
* Constrain keyboard navigation to inside the modal.
*
* @since 1.0.0
*/
wp.envato.keydown = function (event) {
if (event.keyCode === 27) {
wp.envato.requestForCredentialsModalCancel()
} else if (event.keyCode === 9) {
// #upgrade button must always be the last focusable element in the dialog.
if (event.target.id === 'upgrade' && !event.shiftKey) {
$('#hostname').focus()
event.preventDefault()
} else if (event.target.id === 'hostname' && event.shiftKey) {
$('#upgrade').focus()
event.preventDefault()
}
}
}
/**
* Open the request for credentials modal.
*
* @since 1.0.0
*/
wp.envato.requestForCredentialsModalOpen = function () {
const $modal = $('#request-filesystem-credentials-dialog')
$('body').addClass('modal-open')
$modal.show()
$modal.find('input:enabled:first').focus()
$modal.keydown(wp.envato.keydown)
}
/**
* Close the request for credentials modal.
*
* @since 1.0.0
*/
wp.envato.requestForCredentialsModalClose = function () {
$('#request-filesystem-credentials-dialog').hide()
$('body').removeClass('modal-open')
wp.envato.$elToReturnFocusToFromCredentialsModal.focus()
}
/**
* The steps that need to happen when the modal is canceled out
*
* @since 1.0.0
*/
wp.envato.requestForCredentialsModalCancel = function () {
let slug, $message
// No updateLock and no updateQueue means we already have cleared things up
if (wp.envato.updateLock === false && wp.envato.updateQueue.length === 0) {
return
}
slug = wp.envato.updateQueue[0].data.slug,
// Remove the lock, and clear the queue
wp.envato.updateLock = false
wp.envato.updateQueue = []
wp.envato.requestForCredentialsModalClose()
$message = $('.envato-card-' + slug).find('.update-now')
$message.removeClass('updating-message')
$message.html($message.data('originaltext'))
}
/**
* Potentially add an AYS to a user attempting to leave the page
*
* If an update is on-going and a user attempts to leave the page,
* open an "Are you sure?" alert.
*
* @since 1.0.0
*/
wp.envato.beforeunload = function () {
if (wp.envato.updateLock) {
return wp.i18n.__('Update in progress, really leave?', 'envato-market')
}
}
$(document).ready(function () {
/*
* Check whether a user needs to submit filesystem credentials based on whether
* the form was output on the page server-side.
*
* @see {wp_print_request_filesystem_credentials_modal() in PHP}
*/
wp.envato.shouldRequestFilesystemCredentials = !(($('#request-filesystem-credentials-dialog').length <= 0))
// File system credentials form submit noop-er / handler.
$('#request-filesystem-credentials-dialog form').on('submit', function () {
// Persist the credentials input by the user for the duration of the page load.
wp.envato.filesystemCredentials.ftp.hostname = $('#hostname').val()
wp.envato.filesystemCredentials.ftp.username = $('#username').val()
wp.envato.filesystemCredentials.ftp.password = $('#password').val()
wp.envato.filesystemCredentials.ftp.connectionType = $('input[name="connection_type"]:checked').val()
wp.envato.filesystemCredentials.ssh.publicKey = $('#public_key').val()
wp.envato.filesystemCredentials.ssh.privateKey = $('#private_key').val()
wp.envato.requestForCredentialsModalClose()
// Unlock and invoke the queue.
wp.envato.updateLock = false
wp.envato.queueChecker()
return false
})
// Close the request credentials modal when
$('#request-filesystem-credentials-dialog [data-js-action="close"], .notification-dialog-background').on('click', function () {
wp.envato.requestForCredentialsModalCancel()
})
// Hide SSH fields when not selected
$('#request-filesystem-credentials-dialog input[name="connection_type"]').on('change', function () {
$(this).parents('form').find('#private_key, #public_key').parents('label').toggle(($(this).val() === 'ssh'))
}).change()
// Click handler for plugin updates.
$('.envato-card.plugin').on('click', '.update-now', function (e) {
const $button = $(e.target)
e.preventDefault()
if (wp.envato.shouldRequestFilesystemCredentials && !wp.envato.updateLock) {
wp.envato.requestFilesystemCredentials(e)
}
wp.envato.updatePlugin($button.data('plugin'), $button.data('slug'))
})
// Click handler for theme updates.
$('.envato-card.theme').on('click', '.update-now', function (e) {
const $button = $(e.target)
e.preventDefault()
if (wp.envato.shouldRequestFilesystemCredentials && !wp.envato.updateLock) {
wp.envato.requestFilesystemCredentials(e)
}
wp.envato.updateTheme($button.data('slug'))
})
// @todo
$('#plugin_update_from_iframe').on('click', function (e) {
let target, data
target = window.parent === window ? null : window.parent,
$.support.postMessage = !!window.postMessage
if ($.support.postMessage === false || target === null || window.parent.location.pathname.indexOf('update-core.php') !== -1) {
return
}
e.preventDefault()
data = {
action: 'updatePlugin',
slug: $(this).data('slug')
}
target.postMessage(JSON.stringify(data), window.location.origin)
})
})
$(window).on('message', function (e) {
const event = e.originalEvent
let message
const loc = document.location
const expectedOrigin = loc.protocol + '//' + loc.hostname
if (event.origin !== expectedOrigin) {
return
}
if (event.data) {
try {
message = $.parseJSON(event.data)
} catch (error) {
message = event.data
}
try {
if (typeof message.action === 'undefined') {
return
}
} catch (error) {
}
try {
switch (message.action) {
case 'decrementUpdateCount' :
wp.envato.decrementCount(message.upgradeType)
break
case 'updatePlugin' :
tb_remove()
$('.envato-card-' + message.slug).find('h4 a').focus()
$('.envato-card-' + message.slug).find('[data-slug="' + message.slug + '"]').trigger('click')
break
default:
}
} catch (error) {
}
}
})
$(window).on('beforeunload', wp.envato.beforeunload)
})(jQuery, window.wp, window.ajaxurl)