update

wp-content/plugins/password-protect-page/includes/views/meta-box/assets/ppw-meta-box.js

@@ -0,0 +1,190 @@
+(function (window, $) {
+
+	$(function () {
+		setDefaultPassword();
+		handleChangeElement();
+
+		$("#save_password").click(function (evt) {
+			evt.preventDefault();
+			const passwords = $('.ppwp_multiple_password').val().split("\n").map(pass => pass.trim()).filter(pass => pass !== "");
+			const rolePassword = $(".post-protection-password").val().trim();
+			const roleSelected = $("#is_role_selected").val();
+			if (isErrorPassword(passwords)) {
+				return;
+			}
+
+			savePassword({
+				save_password: rolePassword,
+				is_role_selected: roleSelected,
+				id_page_post: $("#id_page_post").val(),
+				ppwp_multiple_password: passwords.length <= 0 ? '' : passwords,
+			}, function (result, error) {
+				$('#save_password').text('Submit');
+				$('#save_password').prop("disabled", false);
+				const pluginName = 'PPWP Lite';
+				if (result) {
+					changeValueRoles(result);
+					if (roleSelected === 'global') {
+						$('#ppwp_multiple_password').val(passwords.join('\n'));
+					} else {
+						$('#post-protection-password').val(rolePassword);
+					}
+					toastr.success('Great! You’ve updated the password successfully.', pluginName);
+				}
+
+				if (error) {
+					if (400 === error.status) {
+						toastr.error(error.responseJSON.message, pluginName);
+					} else {
+						toastr.error('Opps! Something went wrong. Please try again.', pluginName);
+					}
+					console.log('Data error', error);
+				}
+			});
+		});
+	});
+
+	function checkPasswordNoSpace(password) {
+		return password.indexOf(" ") === -1
+	}
+
+	function handleChangeElement() {
+		$("#post-protection-password").change(function () {
+			if ($(this).val().trim().indexOf(" ") !== -1) {
+				toastr.error(save_password_data.error_message.space_password, 'Password Protect WordPress');
+				$('#save_password').prop("disabled", true);
+			} else {
+				$('#save_password').prop("disabled", false);
+			}
+		});
+
+		$(".ppwp_multiple_password").change(function () {
+			const passwords = $(this).val().split("\n").map(pass => pass.trim()).filter(pass => pass !== "");
+
+			if ((new Set(passwords)).size !== passwords.length) {
+				toastr.error(save_password_data.error_message.duplicate_password, 'Password Protect WordPress');
+				$('#save_password').prop("disabled", true);
+				return;
+			} else {
+				$('#save_password').prop("disabled", false);
+			}
+
+			if (!passwords.every(checkPasswordNoSpace)) {
+				toastr.error(save_password_data.error_message.space_password, 'Password Protect WordPress');
+				$('#save_password').prop("disabled", true);
+				return;
+			} else {
+				$('#save_password').prop("disabled", false);
+			}
+		});
+
+		let arrayPassword = {};
+		$('.pda-selected-role-select2').on('focus', function () {
+			let role = this.value;
+			// Add Value to MAP
+			arrayPassword[role] = $('#post-protection-password').val();
+			$('#' + role).val($('#post-protection-password').val());
+		}).change(function () {
+			let role = $('.pda-selected-role-select2').val();
+
+			let value;
+			if (typeof (arrayPassword[role]) !== 'undefined') {
+				value = arrayPassword[role];
+			} else {
+				value = $('#post-protection-password-' + role).text() === "" ? "" : $('#post-protection-password-' + role).text();
+			}
+
+			if (role === 'global') {
+				$('#post-protection-password').hide();
+				$('#ppwp_multiple_password').show();
+			} else {
+				$('#post-protection-password').show();
+				$('#ppwp_multiple_password').hide();
+			}
+
+			$('#post-protection-password').val(value);
+
+			if ($("#is_role_selected").val() === 'global') {
+				$("#label-password-post").text("Passwords")
+			} else {
+				$("#label-password-post").text("Password")
+			}
+		});
+		$('.pda-selected-role-select2').trigger('change');
+
+
+		$('.edit-post-protection').click(function () {
+			$('#post-protection').show();
+			$(this).hide();
+		});
+
+		$('.button-cancel').click(function () {
+			$('#post-protection').hide();
+			$('.edit-post-protection').show();
+		});
+	}
+
+	function setDefaultPassword() {
+		const role = $('.pda-selected-role-select2').val();
+		if (role) {
+			const value = $('#post-protection-password-' + role).text() === "" ? "" : $('#post-protection-password-' + role).text();
+			$('#post-protection-password').val(value);
+		}
+	}
+
+	function isErrorPassword(passwords) {
+		const roleSelected = $('.pda-selected-role-select2').val();
+		if (roleSelected !== 'global') {
+			return false;
+		}
+
+		if (!passwords.every(checkPasswordNoSpace)) {
+			toastr.error(save_password_data.error_message.space_password, 'Password Protect WordPress');
+			$('#save_password').prop("disabled", true);
+			return true;
+		}
+
+		if ((new Set(passwords)).size !== passwords.length) {
+			toastr.error(save_password_data.error_message.duplicate_password, 'Password Protect WordPress');
+			$('#save_password').prop("disabled", true);
+			return true;
+		}
+
+	}
+
+	function savePassword(settings, cb) {
+		const _data = {
+			action: 'ppw_free_set_password',
+			settings: settings,
+			security_check: $('#ppw_meta_box_nonce').val(),
+		}
+		$('#save_password').text('Submitting');
+		$('#save_password').prop("disabled", true);
+		$.ajax({
+			url: save_password_data.ajax_url,
+			type: 'POST',
+			data: _data,
+			success: function (data) {
+				cb(data, null);
+			},
+			error: function (error) {
+				cb(null, error);
+			},
+			timeout: 5000
+		});
+	}
+
+	function changeValueRoles(data) {
+		const rolesFiltered = Object.keys(data)
+			.filter(function (role) {
+				return '' !== data[role];
+			});
+		const roles = rolesFiltered.map(function (role) {
+			return "<span>" + role + "</span>";
+		}).join(' ');
+		const rolesText = rolesFiltered.length > 1 ? rolesFiltered.length + ' roles' : rolesFiltered.length + ' role';
+		$("#all_roles_select").html(roles);
+		$("#number_roles").text(rolesText);
+	}
+
+})(window, jQuery);