MediaWiki:Gadget-CommentsToVk.js

(function() {

	CommentToVk = function() {
		var instance = this;

		var loginDiv = this.loginDiv = $('<div id="vkLoginStatus" style="float: right;"></div>');
		var loginLabel = this.loginLabel = $('<h4>Пользователь не авторизован</h4>');
		loginLabel.appendTo(loginDiv);

		var btnLogin = $("<button>Login</button>");
		btnLogin.button();
		btnLogin.click(function() {
			instance.login();
		});
		loginDiv.append(btnLogin);

		loginDiv.prependTo($("#bodyContent"));

		if ($("#vk_api_transport").length == 0) {
			$(document.body).append($('<div id="vk_api_transport"></div>'));

			window.vkAsyncInit = function() {
				VK.init({
					apiId : 2654830
				});
			};

			setTimeout(function() {
				var el = document.createElement("script");
				el.type = "text/javascript";
				el.src = "//vk.com/js/api/openapi.js";
				el.async = true;
				document.getElementById("vk_api_transport").appendChild(el);
			}, 0);
		}

		var publishDialog = this.publishDialog = $('<div id="commentsToVkDialog" title="Добавить комментарий в очередь"></div>')
		var publishForm = $('<form></form>')
		publishForm.appendTo(publishDialog);

		var publishFormText = this.publishFormText = $('<textarea rows="10" cols="80"></textarea>')
		publishForm.appendTo(publishForm);

		var publishFormLink = this.publishFormLink = $('<input type="url"></input>')
		publishForm.appendTo(publishForm);

		var publishFormTime = this.publishFormTime = $('<input type="datetime"></input>')
		publishForm.appendTo(publishForm);

		publishDialog.dialog({
			autoOpen : false,
			height : 'auto',
			width : 'auto',
			modal : true,
			buttons : {
				Submit : function() {

				},
				Cancel : function() {
					publishDialog.dialog("close");
				}
			},
		});
	}

	CommentToVk.prototype.login = function() {
		var instance = this;

		VK.Auth.login(function(result) {
			if (result.status === 'connected') {
				var user = result.session.user;
				instance.loginLabel.text('Авторизован: ' + user.first_name
						+ ' ' + user.last_name);

				instance.appendPublishButtons();
			}
		});
	}

	CommentToVk.prototype.appendPublishButtons = function() {
		var instance = this;

		$(".c-item").each(function(index, item) {
			var container = $(item).find(".c-container");

			var btnPublish = $("<button>Publish</button>");
			btnPublish.button();
			btnPublish.click(function() {
				instance.dialogPublish($(item));
			});
			container.append($("<br>"));
			container.append(btnPublish);
		});
	}

	CommentToVk.prototype.dialogPublish = function(cItem) {
		var container = $(cItem).find(".c-container");
		var comment = $(cItem).find(".c-comment");
		var link = $(container.finc("a")[0]).attr('href');
		link = link.split('#')[0];
		var text = comment.text();

		this.publishFormText = text;
		this.publishFormLink = link;
		this.publishDialog.dialog('open');
	}

	if (wgArticleId == 5168) {
		new CommentToVk();
	}
})();