☰

GA quick edit & auto-hide

Быстрая установка АУ/АС и быстрое редактирование сообщений на форуме ГА.

  1. // ==UserScript==
  2. // @name        GA quick edit & auto-hide
  3. // @namespace   glav.su
  4. // @description Быстрая установка АУ/АС и быстрое редактирование сообщений на форуме ГА.
  5. // @include     http://glav.su/*
  6. // @include     https://glav.su/*
  7. // @version     1.1
  8. // @grant       none
  9. // ==/UserScript==
  10. function addStyle(styleText) {
  11. 	var style = document.createElement('style');
  12. 	if (document.head) {
  13. 		document.head.appendChild(style);
  14. 		style.innerHTML = styleText;
  15. 	}
  16. }
  17. addStyle([
  18. 	'.qe_popup {',
  19. 		'cursor: pointer;',
  20. 		'display: none;',
  21. 		'border: 1px solid #aaa;',
  22. 		'padding: 5px 2px;',
  23. 		'white-space: nowrap;',
  24. 		'border-radius: 5px;',
  25. 		'position: absolute;', 
  26. 		'box-shadow: 3px 3px 10px #444;',
  27. 		'background-color: #fff;',
  28. 	'}',
  29. 	'.qe_option {',
  30. 		'display: block;',
  31. 		'text-decoration: none;',
  32. 		'color: #000;',
  33. 		'background-color: #fff;',
  34. 		'padding: 2px 12px;',
  35. 	'}',
  36. 	'.qe_option:hover {',
  37. 		'text-decoration: none;',
  38. 		'color: #fff;',
  39. 		'background-color: #369;',
  40. 	'}',
  41. 	'.qe_edit {',
  42. 		'display: block;',
  43. 		'color: #000;',
  44. 		'background-color: #fff;',
  45. 		'padding: 0px;',
  46. 		'position: absolute;',
  47. 	'}',
  48. 	'.qe_edit_content {',
  49. 		'margin: 2px 10px;',
  50. 		'resize: none;',
  51. 		'border: 1px solid #aaf;',
  52. 	'}',
  53. 	'.qe_quote {',
  54. 		'display: block;',
  55. 		'color: #000;',
  56. 		'background-color: #fff;',
  57. 		'padding: 0px;',
  58. 		'position: absolute;',
  59. 	'}',
  60. 	'.qe_quote_content {',
  61. 		'margin: 2px 10px;',
  62. 		'resize: none;',
  63. 		'border: 1px solid #aaf;',
  64. 	'}',
  65. 	'.icoLoading {',
  66. 		'background-image: url(/files/messages/e2c6fce4a064ddfa31b8b49380206c88.gif);',
  67. 	'}',
  68. 	'.icoQuickAUAS {',
  69. 		'background-image: url(/files/messages/2175f0127d70a9ed87c6f78a9b44ce98.gif);',
  70. 	'}',
  71. 	'.icoQuickEdit {',
  72. 		'background-image: url(/files/messages/62084ab537f806e01833d9a9d417384b.png);',
  73. 	'}',
  74. 	'.icoQuote {',
  75. 		'background-image: url(/files/messages/e482fdf83cd8dddd6712c23e9cc26e5a.png);',
  76. 	'}',
  77. ].join(''));
  78. var $sandbox = ((s=$("#sandbox")).length == 1)? 
  79. 		s : $('<div id="sandbox" style="display: none;">').appendTo( $(document.body) );//песочница
  80. var $auas_box = $('<div id="auas_box" class="qe_popup">')
  81. 		.mouseenter(function(){ $auas_box.under_mouse = true; })
  82. 		.mouseleave(function(){ $auas_box.under_mouse = false; });
  83. $auas_box.under_mouse = false;
  84. var $edit_box = $('<div id="edit_box" class="qe_edit">')
  85. 		.append($('<div style="heigth: 24px; padding: 3px 15px; font-size: 14px;">')
  86. 			.append($('<a id="qe_save" class="cBlueButton" href="javascript: void(0);">Сохранить</a>')
  87. 				.click(function(){
  88. 					var button = $("#forumMessagesListMessage" + $edit_box.m_id + "QuickEditButton")[0];
  89. 					toggleElClass(button, ['icoQuickEdit', 'icoLoading'], 1);
  90. 					$(button).attr('state', "1");
  91. 					$edit_box.hide();
  92. 					$edit_box.post_data['content'] = $("#edit_box_content").val();
  93. 					$.ajax({
  94. 						method: 'POST',
  95. 						url: $edit_box.edit_url,
  96. 						data: $edit_box.post_data,
  97. 						dataType: 'html',
  98. 						success: function(res){
  99. 							toggleElClass(button, ['icoQuickEdit', 'icoLoading'], 0);
  100. 							$(button).attr('state', "0");
  101. 							$edit_box.detach();
  102. 							var mess = res.replace(mess_rg($edit_box.m_id), '$1');
  103. 							$('#forumMessagesListMessage'+$edit_box.m_id+'Content').html(mess);
  104. 						}
  105. 					})
  106. 				})
  107. 			)
  108. 			.append($('<a id="qe_cancel" class="cBlueButton" style="margin-left: 2px;" href="javascript: void(0);">Отменить</a>')
  109. 				.click(function(){
  110. 					var button = $("#forumMessagesListMessage" + $edit_box.m_id + "QuickEditButton")[0];
  111. 					toggleElClass(button, ['icoQuickEdit', 'icoLoading'], 0);
  112. 					$edit_box.hide();
  113. 					$(button).attr('state', "0");
  114. 				})
  115. 			)
  116. 		)
  117. 		.append('<textarea id="edit_box_content" class="qe_edit_content">');
  118. var $quote_box = $('<div id="quote_box" class="qe_quote">')
  119. 		.append($('<div style="heigth: 24px; padding: 3px 15px; font-size: 14px;">')
  120. 			.append($('<a id="qu_close" class="cBlueButton" style="margin-left: 2px;" href="javascript: void(0);">Закрыть</a>')
  121. 				.click(function(){
  122. 					var button = $("#forumMessagesListMessage" + $quote_box.m_id + "QuickQuoteButton")[0];
  123. 					toggleElClass(button, ['icoQuote', 'icoLoading'], 0);
  124. 					$quote_box.hide();
  125. 					$(button).attr('state', "0");
  126. 				})
  127. 			)
  128. 		)
  129. 		.append('<textarea id="quote_box_content" class="qe_quote_content">');
  130. 		
  131. $(document.body).click(function(){
  132. 	if(!$auas_box.under_mouse){
  133. 		$auas_box.hide().closest("td").find("a.cBlueButton").attr('state', "0");
  134. 	} 
  135. });
  136.  
  137. function toggleElClass(el, clss, val){
  138. 	val = +val;
  139. 	$(el).removeClass(clss[+(!val)]).addClass(clss[val]);
  140. }
  141.  
  142. function mess_rg(m_id){
  143. 	return new RegExp('[\\s\\S]*<td id="forumMessagesListMessage'+m_id+'Content" class="fItem forumMessagesListMessageContent">([\\s\\S]+?)<\/td>[\n\r\\s\\t]*<\/tr>[\n\r\\s\\t]*<\/tbody>[\n\r\\s\\t]*<\/table>[\n\r\\s\\t]*<table class="f" width="100%">[\\s\\S]*', 'i');
  144. }
  145.  
  146. $(".forumMessagesListMessageArchiveButton").each(function(bidx, b_archive){
  147. 	var m_id = $(b_archive).attr("id").replace(/forumMessagesListMessage(\d+)ArchiveButton/, '$1');
  148. 	if( $(b_archive).closest("tr").find(".forumMessagesListMessageEditButton").length === 1 ){
  149. 		var b_edit = $(b_archive).closest("tr").find(".forumMessagesListMessageEditButton")[0],
  150. 			edit_url = $(b_edit).find("a").attr("href");
  151. 		$(b_edit).closest("tr")
  152. 			.append($('<td class="fItem">')
  153. 				.append($('<a href="javascript: void(0);">&nbsp;</a>')
  154. 					.attr('id', "forumMessagesListMessage" + m_id + "AutoHideButton")
  155. 					.attr('title', "Изменить АУ/АС")
  156. 					.attr('class', "cBlueButton icoButton icoQuickAUAS")
  157. 					.attr('state', "0")
  158. 					.click(function(){
  159. 						if( $(this).attr('state') == '0' ){
  160. 							if( $auas_box.is(":visible") ){
  161. 								var d_button = $auas_box.hide().closest("td").find("a.cBlueButton").attr('state', "0");
  162. 								toggleElClass(d_button, ['icoQuickAUAS', 'icoLoading'], 0);
  163. 							}
  164. 							toggleElClass(this, ['icoQuickAUAS', 'icoLoading'], 1);
  165. 							$(this).attr('state', "1");
  166. 							var _this = this;
  167. 							$.ajax({
  168. 								url: edit_url,
  169. 								dataType: 'html',
  170. 								success: function(data){
  171. 									if( $(_this).attr('state') !== '1' ) return true;
  172. 									var rg = /[\s\S]*(<form[\s\S]*?<\/form>)[\s\S]*/i;
  173. 									$sandbox.empty().html( data.toString().replace(rg, '$1') );
  174. 									$auas_box.empty().detach();
  175. 									var form_data = {};
  176. 									$("#sandbox").find(":input").each(function(ix, inp){
  177. 										if(typeof (key = $(inp).attr("name")) !== 'undefined'){
  178. 											form_data[key] = $(inp).val();
  179. 										}
  180. 									})
  181. 									var hide_opts;
  182. 									if(typeof form_data['isHidden'] !== 'undefined'){
  183. 										hide_opts = [{val: 0}, {val: 0}];
  184. 										delete form_data['isHidden'];
  185. 									}else if(typeof form_data['autoHide'] !== 'undefined'){
  186. 										hide_opts = $("#sandbox").find("select[name=autoHide] option");
  187. 									}
  188. 									$.each(hide_opts, function(ix, op){
  189. 										if(ix == 0) return true;
  190. 										var ah_v = (typeof op.val !== 'undefined')? op.val : $(op).val();
  191. 										var caption = (ah_v == 0)? 
  192. 											'Не скрывать' :
  193. 											['Автоскрытие', 'Автоудаление'][+(ah_v<0)]+' через '+Math.abs(ah_v)+' ч.';
  194. 										$('<a class="qe_option" href="javascript: void(0);">'+caption+'</a>')
  195. 											.click(function(){
  196. 												toggleElClass(_this, ['icoQuickAUAS', 'icoLoading'], 1);
  197. 												$(_this).attr('state', "1");
  198. 												$auas_box.hide();
  199. 												var post_data = $.extend({}, form_data);
  200. 												post_data['autoHide'] = ah_v;
  201. 												$.ajax({
  202. 													method: 'POST',
  203. 													url: edit_url,
  204. 													data: post_data,
  205. 													dataType: 'html',
  206. 													success: function(res){
  207. 														toggleElClass(_this, ['icoQuickAUAS', 'icoLoading'], 0);
  208. 														$(_this).attr('state', "0");
  209. 														var mess = res.replace(mess_rg(m_id), '$1');
  210. 														$('#forumMessagesListMessage'+m_id+'Content').html(mess);
  211. 													}
  212. 												});
  213. 											})
  214. 											.appendTo($auas_box);
  215. 									});
  216. 									toggleElClass(_this, ['icoQuickAUAS', 'icoLoading'], 0);
  217. 									$(_this).attr('state', "2");
  218. 									$auas_box.appendTo($td=$(_this).closest("td"))
  219. 										.css({top: $td.offset().top + $td.outerHeight(), 
  220. 											left: $td.offset().left - $auas_box.outerWidth() + $td.outerWidth()})
  221. 										.slideDown(100);
  222. 								}
  223. 							});
  224. 						}else if( $(this).attr('state') == '2' ){
  225. 							$auas_box.hide();
  226. 							$(this).attr('state', "0");
  227. 						}
  228. 					})
  229. 					.mouseenter(function(){ $auas_box.under_mouse = true; })
  230. 					.mouseleave(function(){ $auas_box.under_mouse = false; })
  231. 				)
  232. 			)
  233. 			.append($('<td class="fItem">')
  234. 				.append($('<a href="javascript: void(0);">&nbsp;</a>')
  235. 					.attr('id', "forumMessagesListMessage" + m_id + "QuickEditButton")
  236. 					.attr('title', "Быстрое редактирование")
  237. 					.attr('class', "cBlueButton icoButton icoQuickEdit")
  238. 					.attr('state', "0")
  239. 					.click(function(){
  240. 						if( $(this).attr('state') == '0' ){
  241. 							if( $edit_box.is(":visible") ){
  242. 								var button = $("#forumMessagesListMessage" + $edit_box.m_id + "QuickEditButton")[0];
  243. 								toggleElClass(button, ['icoQuickEdit', 'icoLoading'], 0);
  244. 								$edit_box.hide();
  245. 								$(button).attr('state', "0");
  246. 							}
  247. 							toggleElClass(this, ['icoQuickEdit', 'icoLoading'], 1);
  248. 							$(this).attr('state', "1");
  249. 							var _this = this;
  250. 							$.ajax({
  251. 								url: edit_url,
  252. 								dataType: 'html',
  253. 								success: function(data){
  254. 									if( $(_this).attr('state') !== '1' ) return true;
  255. 									var rg = /[\s\S]*(<form[\s\S]*?<\/form>)[\s\S]*/i;
  256. 									$sandbox.empty().html( data.toString().replace(rg, '$1') );
  257. 									var form_data = {};
  258. 									$("#sandbox").find(":input").each(function(ix, inp){
  259. 										if(typeof (key = $(inp).attr("name")) !== 'undefined'){
  260. 											form_data[key] = $(inp).val();
  261. 										}
  262. 									})
  263. 									toggleElClass(_this, ['icoQuickEdit', 'icoLoading'], 0);
  264. 									$(_this).attr('state', "2");
  265. 									$edit_box.detach().appendTo($td=$('#forumMessagesListMessage'+m_id+'Content'))
  266. 										.css({top: $td.offset().top, left: $td.offset().left,
  267. 												width: $td.width(), height: $td.height()});
  268. 									$edit_box.m_id = m_id;
  269. 									$edit_box.edit_url = edit_url;
  270. 									$edit_box.post_data = $.extend({}, form_data);
  271. 									$("#edit_box_content")
  272. 										.css({height: $edit_box.height() - 44, width: $edit_box.width() - 20})
  273. 										.val($edit_box.post_data['content']);
  274. 									$edit_box.show();
  275. 								}
  276. 							});
  277. 						}else if( $(this).attr('state') == '2' ){
  278. 							$edit_box.hide();
  279. 							$(this).attr('state', "0");
  280. 						}
  281. 					
  282. 					})
  283. 				)
  284. 			);
  285. 	}
  286. 	var reply_url = $(b_archive).closest("td").prev("td").find("a").attr("href");
  287. 	$(b_archive).closest("tr")
  288. 		.append($('<td class="fItem">')
  289. 			.append($('<a href="javascript: void(0);">&nbsp;</a>')
  290. 				.attr('id', "forumMessagesListMessage" + m_id + "QuickQuoteButton")
  291. 				.attr('title', "Цитировать пост")
  292. 				.attr('class', "cBlueButton icoButton icoQuote")
  293. 				.attr('state', "0")
  294. 				.click(function(){
  295. 					if( $(this).attr('state') == '0' ){
  296. 						if( $quote_box.is(":visible") ){
  297. 							var button = $("#forumMessagesListMessage" + $quote_box.m_id + "QuickQuoteButton")[0];
  298. 							toggleElClass(button, ['icoQuote', 'icoLoading'], 0);
  299. 							$quote_box.hide();
  300. 							$(button).attr('state', "0");
  301. 						}
  302. 						toggleElClass(this, ['icoQuote', 'icoLoading'], 1);
  303. 						$(this).attr('state', "1");
  304. 						var _this = this;
  305. 						$.ajax({
  306. 							url: reply_url,
  307. 							dataType: 'html',
  308. 							success: function(data){
  309. 								if( $(_this).attr('state') !== '1' ) return true;
  310. 								var rg = /[\s\S]*(<form[\s\S]*?<\/form>)[\s\S]*/i;
  311. 								$sandbox.empty().html( data.toString().replace(rg, '$1') );
  312. 								var form_data = {};
  313. 								$("#sandbox").find(":input").each(function(ix, inp){
  314. 									if(typeof (key = $(inp).attr("name")) !== 'undefined'){
  315. 										form_data[key] = $(inp).val();
  316. 									}
  317. 								})
  318. 								toggleElClass(_this, ['icoQuote', 'icoLoading'], 0);
  319. 								$(_this).attr('state', "2");
  320. 								$quote_box.detach().appendTo($td=$('#forumMessagesListMessage'+m_id+'Content'))
  321. 									.css({top: $td.offset().top, left: $td.offset().left,
  322. 											width: $td.width(), height: $td.height()});
  323. 								$quote_box.m_id = m_id;
  324. 								$quote_box.reply_url = reply_url;
  325. 								$quote_box.post_data = $.extend({}, form_data);
  326. 								$("#quote_box_content")
  327. 									.css({height: $quote_box.height() - 44, width: $quote_box.width() - 20})
  328. 									.val($quote_box.post_data['content']);
  329. 								$quote_box.show();
  330. 							}
  331. 						});
  332. 					}else if( $(this).attr('state') == '2' ){
  333. 						$quote_box.hide();
  334. 						$(this).attr('state', "0");
  335. 					}
  336. 				
  337. 				})
  338. 			)
  339. 		);
  340. });