first commit

wp-content/plugins/sitepress-multilingual-cms/res/js/translation-feedback/wpml-tf-backend-script.js

@@ -0,0 +1,190 @@
+/*jshint browser:true, devel:true */
+/*global jQuery, wp */
+(function($){
+    "use strict";
+
+    $(function () {
+        var table = $('.js-wpml-tf-feedback-list-table'),
+            ajax_action = $('.wpml-tf-feedback-list-page input[name="ajax_action"]').val(),
+            ajax_nonce = $('.wpml-tf-feedback-list-page input[name="ajax_nonce"]').val();
+
+        var openFeedbackDetails = function (feedbackId) {
+            table.find('#wpml-tf-feedback-' + feedbackId).hide();
+            table.find('#wpml-tf-feedback-details-' + feedbackId).show();
+        };
+
+        var closeAllFeedbackDetails = function () {
+			table.find('.js-wpml-tf-feedback-details').hide();
+			table.find('.js-wpml-tf-feedback').show();
+		};
+
+		var getFeedbackNode = function(el) {
+			return $(el).closest('.js-wpml-tf-feedback-details, .js-wpml-tf-feedback');
+		};
+
+		var getFeedbackId = function(el) {
+			return getFeedbackNode(el).data('feedback-id');
+		};
+
+		var getFeedbackContentUpdate = function(node) {
+			var newContentNode = node.find('.js-wpml-tf-edit-feedback'),
+				originalContent = node.find('.js-wpml-tf-readonly-feedback').text();
+
+			if ( newContentNode.length && originalContent !== newContentNode.val() ) {
+				return newContentNode.val();
+			}
+
+			return false;
+		};
+
+		var getFeedbackReviewerId = function(node) {
+			var reviewerNode = node.find('.js-wpml-tf-reviewer');
+
+			if ( reviewerNode.length ) {
+				return parseInt(reviewerNode.val());
+			}
+
+			return false;
+		};
+
+		var getFeedbackMessage = function(node) {
+			var newMessage = node.find('.js-wpml-tf-new-message').val();
+
+			if ( newMessage ) {
+				return newMessage;
+			}
+
+			return false;
+		};
+
+		var submitActionOnFeedback = function(id, action) {
+			var currentURL = WPML_core.sanitize( window.location.href ),
+				params = {
+					nonce: WPML_core.sanitize(table.closest('form').find('input[name="nonce"]').val()),
+					bulk_action: action,
+					bulk_action2: action,
+					feedback_ids: [ id ],
+				};
+
+			window.location = currentURL + '&' + $.param(params);
+		};
+
+		var sendRequest = function(node, data, reload) {
+			var spinner  = node.find('.spinner'),
+				error_notification = node.find('.js-wpml-tf-feedback-details-error').empty();
+
+			spinner.addClass('is-active');
+
+			data.action      = ajax_action;
+			data.nonce       = ajax_nonce;
+			data.feedback_id = getFeedbackId(node);
+
+			wp.ajax.send({
+				data: data,
+				success:  function (response) {
+					if (reload) {
+						window.location.href = WPML_core.sanitize(window.location.pathname + window.location.search + window.location.hash);
+					} else {
+						spinner.removeClass('is-active');
+						refreshFeedbackRows(data.feedback_id, response);
+					}
+				},
+				error: function (error_message) {
+					spinner.removeClass('is-active');
+					error_notification.html(error_message).fadeIn();
+				}
+			});
+		};
+
+		var refreshFeedbackRows = function(feedbackId, data) {
+			var summary = $.parseHTML(data.summary_row),
+				details = $.parseHTML(data.details_row);
+
+			table.find('#wpml-tf-feedback-' + feedbackId).first().replaceWith(summary);
+			table.find('#wpml-tf-feedback-details-' + feedbackId).first().replaceWith(details);
+		};
+
+		var attachEvents = function() {
+			table.on( 'click', '.js-wpml-tf-open-details', function(e) {
+				e.preventDefault();
+				closeAllFeedbackDetails();
+				openFeedbackDetails(getFeedbackId(this));
+			}).on( 'click', '.js-wpml-tf-cancel', function(e) {
+				e.preventDefault();
+				closeAllFeedbackDetails();
+			}).on( 'click', '.js-wpml-tf-enable-translator-note', function(e) {
+				e.preventDefault();
+				var trigger = $(this);
+				trigger.siblings('.js-wpml-tf-translator-note').show();
+				trigger.remove();
+			}).on( 'click', '.js-wpml-tf-enable-edit-feedback', function(e) {
+				e.preventDefault();
+				var trigger = $(this);
+				trigger.siblings('.js-wpml-tf-readonly-feedback').hide();
+				trigger.siblings('.js-wpml-tf-edit-feedback').show();
+				trigger.remove();
+			}).on( 'click', '.js-wpml-tf-send', function(e) {
+				e.preventDefault();
+
+				var node = getFeedbackNode(this),
+					data = {
+						edit_action: 'update_feedback'
+					};
+
+				if (getFeedbackContentUpdate(node)) {
+					data.feedback_content = getFeedbackContentUpdate(node);
+				}
+
+				if (getFeedbackReviewerId(node)) {
+					data.feedback_reviewer_id = getFeedbackReviewerId(node);
+				}
+
+				if (getFeedbackMessage(node)) {
+					data.message_content = getFeedbackMessage(node);
+				}
+
+				data.feedback_status = $(this).val();
+
+				if (node.find('.js-wpml-tf-translation-fixed-checkbox:checked').length > 0) {
+					data.feedback_status = 'fixed';
+				}
+
+				sendRequest(node, data);
+			}).on('click', '.js-wpml-tf-refresh-status', function(e) {
+				e.preventDefault();
+				var node = getFeedbackNode(this),
+					data = {
+						edit_action: 'update_feedback',
+						feedback_status: 'sent_to_ts_api'
+					};
+
+				sendRequest(node, data);
+			}).on('click', '.js-wpml-tf-translation-fixed', function(e) {
+				e.preventDefault();
+				var node = getFeedbackNode(this),
+					data = {
+						edit_action: 'update_feedback',
+						feedback_status: 'fixed'
+					};
+
+				sendRequest(node, data);
+			}).on('click', '.js-wpml-tf-error-details a', function(e) {
+				e.preventDefault();
+				$(this).siblings('pre').show();
+				$(this).remove();
+			}).on('click', '.js-wpml-tf-trash', function(e) {
+				e.preventDefault();
+				submitActionOnFeedback(getFeedbackId(this), 'trash');
+			}).on('click', '.js-wpml-tf-untrash', function(e) {
+				e.preventDefault();
+				submitActionOnFeedback(getFeedbackId(this), 'untrash');
+			}).on('click', '.js-wpml-tf-delete', function(e) {
+				e.preventDefault();
+				submitActionOnFeedback(getFeedbackId(this), 'delete');
+			});
+		};
+
+		attachEvents();
+	});
+
+})(jQuery);