/* ==========================================================
 * addons.js
 * http://enviragallery.com/
 * ==========================================================
 * Copyright 2016 David Bisset.
 *
 * Licensed under the GPL License, Version 2.0 or later (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ========================================================== */

(function($) {
	$(function() {
		// Addons Search
		var addon_search_timeout;

		// prevent enter from submitting
		$('form#add-on-search input#add-on-searchbox').on(
			'keyup keypress',
			function(e) {
				var keyCode = e.keyCode || e.which;
				if (keyCode === 13) {
					e.preventDefault();
					return false;
				}
			},
		);

		$('form#add-on-search input#add-on-searchbox').on(
			'keyup',
			function() {
				// Clear timeout
				clearTimeout(addon_search_timeout);

				// Get the search input, heading, results and cancel elements
				var search = $(this),
					search_terms = $(search)
						.val()
						.toLowerCase(),
					search_heading = $(search).data('heading'),
					search_results = $(search).data('results'),
					search_cancel = $(search).data('cancel');

				// Show the Spinner
				$('form#add-on-search .spinner').css(
					'visibility',
					'visible',
				);

				// If the search terms is less than 3 characters, show all Addons
				if (search_terms.length < 3) {
					$('div.envira-addon').fadeIn('fast', function() {
						// Hide the Spinner
						$('form#add-on-search .spinner').css(
							'visibility',
							'hidden',
						);
					});
					return;
				}

				// Iterate through the Addons, showing or hiding them depending on whether they
				// match the given search terms.
				$('div.envira-addon').each(function() {
					if (
						$('h3.envira-addon-title', $(this))
							.text()
							.toLowerCase()
							.search(search_terms) >= 0
					) {
						// This Addon's title does match the search terms
						// Show
						$(this).fadeIn();
					} else {
						// This Addon's title does not match the search terms
						// Hide
						$(this).fadeOut();
					}
				});

				// Hide the Spinner
				$('form#add-on-search .spinner').css(
					'visibility',
					'hidden',
				);
			},
		);

		// Addons Sorting
		var envira_addons_licensed_sorting = new List(
			'envira-addons-licensed',
			{
				valueNames: ['envira-addon-title'],
			},
		);
		var envira_addons_unlicensed_sorting = new List(
			'envira-addons-unlicensed',
			{
				valueNames: ['envira-addon-title'],
			},
		);

		$('select#envira-filter-select').on('change', function() {
			if (typeof envira_addons_licensed_sorting.sort !== 'undefined') {
				envira_addons_licensed_sorting.sort('envira-addon-title', {
					order: $(this).val(),
				});
			}
			if (
				typeof envira_addons_unlicensed_sorting.sort !== 'undefined'
			) {
				envira_addons_unlicensed_sorting.sort(
					'envira-addon-title',
					{
						order: $(this).val(),
					},
				);
			}
		});

		// Re-enable install button if user clicks on it, needs creds but tries to install another addon instead.
		$('#envira-addons').on(
			'click.refreshInstallAddon',
			'.envira-addon-action-button',
			function(e) {
				var el = $(this);
				var buttons = $('#envira-addons').find(
					'.envira-addon-action-button',
				);
				$.each(buttons, function(i, element) {
					if (el == element) {
						return true;
					}

					enviraAddonRefresh(element);
				});
			},
		);

		// Activate Addon
		$('#envira-addons').on(
			'click.activateAddon',
			'.envira-activate-addon',
			function(e) {
				e.preventDefault();
				var $this = $(this);

				// Remove any leftover error messages, output an icon and get the plugin basename that needs to be activated.
				$('.envira-addon-error').remove();
				$(this).html(
					'<i class="envira-toggle-on"></i> ' +
						envira_gallery_addons.activating,
				);
				$(this)
					.next()
					.css({
						'display': 'inline-block',
						'margin-top': '0px',
					});
				var button = $(this);
				var plugin = $(this).attr('rel');
				var el = $(this)
					.parent()
					.parent();
				var message = $(this)
					.parent()
					.parent()
					.find('.addon-status');

				// Process the Ajax to perform the activation.
				var opts = {
					url: ajaxurl,
					type: 'post',
					async: true,
					cache: false,
					dataType: 'json',
					data: {
						action: 'envira_gallery_activate_addon',
						nonce: envira_gallery_addons.activate_nonce,
						plugin: plugin,
					},
					success: function(response) {
						// If there is a WP Error instance, output it here and quit the script.
						if (response && true !== response) {
							$(el).slideDown('normal', function() {
								$(this).after(
									'<div class="envira-addon-error"><strong>' +
										response.error +
										'</strong></div>',
								);
								$this.next().hide();
								$('.envira-addon-error')
									.delay(3000)
									.slideUp();
							});
							return;
						}

						// The Ajax request was successful, so let's update the output.
						$(button)
							.html(
								'<i class="envira-toggle-on"></i> ' +
									envira_gallery_addons.deactivate,
							)
							.removeClass('envira-activate-addon')
							.addClass('envira-deactivate-addon');
						$(message).text(envira_gallery_addons.active);
						// Trick here to wrap a span around he last word of the status
						var heading = $(message),
							word_array,
							last_word,
							first_part;

						word_array = heading.html().split(/\s+/); // split on spaces
						last_word = word_array.pop(); // pop the last word
						first_part = word_array.join(' '); // rejoin the first words together

						heading.html(
							[
								first_part,
								' <span>',
								last_word,
								'</span>',
							].join(''),
						);
						// Proceed with CSS changes
						$(el)
							.removeClass('envira-addon-inactive')
							.addClass('envira-addon-active');
						$this.next().hide();
					},
					error: function(xhr, textStatus, e) {
						$this.next().hide();
						return;
					},
				};
				$.ajax(opts);
			},
		);

		// Deactivate Addon
		$('#envira-addons').on(
			'click.deactivateAddon',
			'.envira-deactivate-addon',
			function(e) {
				e.preventDefault();
				var $this = $(this);

				// Remove any leftover error messages, output an icon and get the plugin basename that needs to be activated.
				$('.envira-addon-error').remove();
				$(this).html(
					'<i class="envira-toggle-on"></i> ' +
						envira_gallery_addons.deactivating,
				);
				$(this)
					.next()
					.css({
						'display': 'inline-block',
						'margin-top': '0px',
					});
				var button = $(this);
				var plugin = $(this).attr('rel');
				var el = $(this)
					.parent()
					.parent();
				var message = $(this)
					.parent()
					.parent()
					.find('.addon-status');

				// Process the Ajax to perform the activation.
				var opts = {
					url: ajaxurl,
					type: 'post',
					async: true,
					cache: false,
					dataType: 'json',
					data: {
						action: 'envira_gallery_deactivate_addon',
						nonce: envira_gallery_addons.deactivate_nonce,
						plugin: plugin,
					},
					success: function(response) {
						// If there is a WP Error instance, output it here and quit the script.
						if (response && true !== response) {
							$(el).slideDown('normal', function() {
								$(this).after(
									'<div class="envira-addon-error"><strong>' +
										response.error +
										'</strong></div>',
								);
								$this.next().hide();
								$('.envira-addon-error')
									.delay(3000)
									.slideUp();
							});
							return;
						}

						// The Ajax request was successful, so let's update the output.
						$(button)
							.html(
								'<i class="envira-toggle-on"></i> ' +
									envira_gallery_addons.activate,
							)
							.removeClass('envira-deactivate-addon')
							.addClass('envira-activate-addon');
						$(message).text(envira_gallery_addons.inactive);
						// Trick here to wrap a span around he last word of the status
						var heading = $(message),
							word_array,
							last_word,
							first_part;

						word_array = heading.html().split(/\s+/); // split on spaces
						last_word = word_array.pop(); // pop the last word
						first_part = word_array.join(' '); // rejoin the first words together

						heading.html(
							[
								first_part,
								' <span>',
								last_word,
								'</span>',
							].join(''),
						);
						// Proceed with CSS changes
						$(el)
							.removeClass('envira-addon-active')
							.addClass('envira-addon-inactive');
						$this.next().hide();
					},
					error: function(xhr, textStatus, e) {
						$this.next().hide();
						return;
					},
				};
				$.ajax(opts);
			},
		);

		// Install Addon
		$('#envira-addons').on(
			'click.installAddon',
			'.envira-install-addon',
			function(e) {
				e.preventDefault();
				var $this = $(this);

				// Remove any leftover error messages, output an icon and get the plugin basename that needs to be activated.
				$('.envira-addon-error').remove();
				$(this).html(
					'<i class="envira-cloud-download"></i> ' +
						envira_gallery_addons.installing,
				);
				$(this)
					.next()
					.css({
						'display': 'inline-block',
						'margin-top': '0px',
					});
				var button = $(this);
				var plugin = $(this).attr('rel');
				var el = $(this)
					.parent()
					.parent();
				var message = $(this)
					.parent()
					.parent()
					.find('.addon-status');

				// Process the Ajax to perform the activation.
				var opts = {
					url: ajaxurl,
					type: 'post',
					async: true,
					cache: false,
					dataType: 'json',
					data: {
						action: 'envira_gallery_install_addon',
						nonce: envira_gallery_addons.install_nonce,
						plugin: plugin,
					},
					success: function(response) {
						// If there is a WP Error instance, output it here and quit the script.
						if (response.error) {
							$(el).slideDown('normal', function() {
								$(button)
									.parent()
									.parent()
									.after(
										'<div class="envira-addon-error"><div class="xinterior"><p><strong>' +
											response.error +
											'</strong></p></div></div>',
									);
								$(button).html(
									'<i class="envira-cloud-download"></i> ' +
										envira_gallery_addons.install,
								);
								$this.next().hide();
								$('.envira-addon-error')
									.delay(4000)
									.slideUp();
							});
							return;
						}

						// If we need more credentials, output the form sent back to us.
						if (response.form) {
							// Display the form to gather the users credentials.
							$(el).slideDown('normal', function() {
								$(this).after(
									'<div class="envira-addon-error request-credentials request">' +
										response.form +
										'</div>',
								);
								$this.next().hide();
							});

							// Add a disabled attribute the install button if the creds are needed.
							$(button).attr('disabled', true);

							$('#envira-addons').on(
								'click.installCredsAddon',
								'#upgrade',
								function(e) {
									// Prevent the default action, let the user know we are attempting to install again and go with it.
									e.preventDefault();
									$this.next().hide();
									$(this).html(
										'<i class="envira-cloud-download"></i> ' +
											envira_gallery_addons.installing,
									);
									$(this)
										.next()
										.css({
											'display':
												'inline-block',
											'margin-top': '0px',
										});

									// Now let's make another Ajax request once the user has submitted their credentials.
									var hostname = $(this)
										.parent()
										.parent()
										.find('#hostname')
										.val();
									var username = $(this)
										.parent()
										.parent()
										.find('#username')
										.val();
									var password = $(this)
										.parent()
										.parent()
										.find('#password')
										.val();
									var proceed = $(this);
									var connect = $(this)
										.parent()
										.parent()
										.parent()
										.parent();
									var cred_opts = {
										url: ajaxurl,
										type: 'post',
										async: true,
										cache: false,
										dataType: 'json',
										data: {
											action:
												'envira_gallery_install_addon',
											nonce:
												envira_gallery_addons.install_nonce,
											plugin: plugin,
											hostname: hostname,
											username: username,
											password: password,
										},
										success: function(response) {
											// If there is a WP Error instance, output it here and quit the script.
											if (response.error) {
												$(el).slideDown(
													'normal',
													function() {
														$(button)
															.parent()
															.parent()
															.after(
																'<div class="envira-addon-error"><strong>' +
																	response.error +
																	'</strong></div>',
															);
														$(
															button,
														).html(
															'<i class="envira-cloud-download"></i> ' +
																envira_gallery_addons.install,
														);
														$this.next().hide();
														$(
															'.envira-addon-error',
														)
															.delay(
																4000,
															)
															.slideUp();
													},
												);
												return;
											}

											if (response.form) {
												$this.next().hide();
												$(
													'.envira-inline-error',
												).remove();
												$(proceed).val(
													envira_gallery_addons.proceed,
												);
												$(proceed).after(
													'<span class="envira-inline-error">' +
														envira_gallery_addons.connect_error +
														'</span>',
												);
												return;
											}

											// The Ajax request was successful, so let's update the output.
											$(connect).remove();
											$(button).show();
											$(button)
												.text(
													envira_gallery_addons.activate,
												)
												.removeClass(
													'envira-install-addon',
												)
												.addClass(
													'envira-activate-addon',
												);
											$(button).attr(
												'rel',
												response.plugin,
											);
											$(button).removeAttr(
												'disabled',
											);
											$(message).text(
												envira_gallery_addons.inactive,
											);
											// Trick here to wrap a span around he last word of the status
											var heading = $(message),
												word_array,
												last_word,
												first_part;

											word_array = heading
												.html()
												.split(/\s+/); // split on spaces
											last_word = word_array.pop(); // pop the last word
											first_part = word_array.join(
												' ',
											); // rejoin the first words together

											heading.html(
												[
													first_part,
													' <span>',
													last_word,
													'</span>',
												].join(''),
											);
											// Proceed with CSS changes
											$(el)
												.removeClass(
													'envira-addon-not-installed',
												)
												.addClass(
													'envira-addon-inactive',
												);
											$this.next().hide();
										},
										error: function(
											xhr,
											textStatus,
											e,
										) {
											$this.next().hide();
											return;
										},
									};
									$.ajax(cred_opts);
								},
							);

							// No need to move further if we need to enter our creds.
							return;
						}

						// The Ajax request was successful, so let's update the output.
						$(button)
							.html(
								'<i class="envira-toggle-on"></i> ' +
									envira_gallery_addons.activate,
							)
							.removeClass('envira-install-addon')
							.addClass('envira-activate-addon');
						$(button).attr('rel', response.plugin);
						$(message).text(envira_gallery_addons.inactive);
						// Trick here to wrap a span around he last word of the status
						var heading = $(message),
							word_array,
							last_word,
							first_part;

						word_array = heading.html().split(/\s+/); // split on spaces
						last_word = word_array.pop(); // pop the last word
						first_part = word_array.join(' '); // rejoin the first words together

						heading.html(
							[
								first_part,
								' <span>',
								last_word,
								'</span>',
							].join(''),
						);
						// Proceed with CSS changes
						$(el)
							.removeClass('envira-addon-not-installed')
							.addClass('envira-addon-inactive');
						$this.next().hide();
					},
					error: function(xhr, textStatus, e) {
						$this.next().hide();
						return;
					},
				};
				$.ajax(opts);
			},
		);

		// Function to clear any disabled buttons and extra text if the user needs to add creds but instead tries to install a different addon.
		function enviraAddonRefresh(element) {
			if ($(element).attr('disabled')) {
				$(element).removeAttr('disabled');
			}

			if (
				$(element)
					.parent()
					.parent()
					.hasClass('envira-addon-not-installed')
			) {
				$(element).text(envira_gallery_addons.install);
			}
		}
	});
})(jQuery);