MediaWiki:Gadget-CommentsToVk.js

Материал из ВикиФизтех
Перейти к навигации Перейти к поиску

Замечание. Возможно, после сохранения вам придётся очистить кэш своего браузера, чтобы увидеть изменения.

  • Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl-F5 или Ctrl-R (⌘-R на Mac)
  • Google Chrome: Нажмите Ctrl-Shift-R (⌘-Shift-R на Mac)
  • Internet Explorer: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl-F5
  • Opera: Перейдите в Menu → Настройки (Opera → Настройки на Mac), а затем Безопасность → Очистить историю посещений → Кэшированные изображения и файлы
(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 publishFormFieldset = $('<fieldset></fieldset>')
		publishFormFieldset.appendTo(publishForm);

		var publishFormText = this.publishFormText = $('<textarea rows="10" cols="80"></textarea>')
		publishFormFieldset.append(publishFormText);
		publishFormFieldset.append('<br>');

		var publishFormLink = this.publishFormLink = $('<input type="url"></input>')
		publishFormFieldset.append(publishFormLink);
		publishFormFieldset.append('<br>');

		var publishFormTime = this.publishFormTime = $('<input type="datetime"></input>')
		publishFormFieldset.append(publishFormTime);
		publishFormFieldset.append('<br>');

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

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

		$.datetimepicker.setLocale('ru');
	}

	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.find("a")[0]).attr('href');
		link = link.split('#')[0];
		var text = comment.text();

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

		this.publishFormTime.datetimepicker({
			format : $.datetimepicker.ISO_8601,
			minDate : new Date().toISOString().split('T')[0],
			value : new Date().toISOString()
		});
	}

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