☰

LWM_ProgressBars

Insert level & skill progress bars to home page & player info page.

当前为 2014-07-02 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name			LWM_ProgressBars
  3. // @description		Insert level & skill progress bars to home page & player info page.
  4. // @namespace		saturn_hwm
  5. // @author			saturn573 
  6. // @include     	http://178.248.235.15/home.php
  7. // @include 		http://*.lordswm.com/home.php
  8. // @include     	http://*.heroeswm.ru/home.php
  9. // @include     	http://178.248.235.15/pl_info.php?id=*
  10. // @include 		http://*.lordswm.com/pl_info.php?id=*
  11. // @include			http://*.heroeswm.ru/pl_info.php?id=*
  12. // @version     	0.13
  13. // @grant			none
  14.  
  15. var Scales = [
  16. 	[0, 1500, 4500, 15000, 32000, 90000, 190000, 400000, 860000, 1650000, 3000000, 5000000, 8500000, 14500000, 25000000, 43000000, 70000000, 108000000, 160000000, 230000000, 325000000],
  17. 	[20, 50, 90, 160, 280, 500, 900, 1600, 2900, 5300, 9600, 17300],
  18. 	[16, 60, 180, 400, 700, 1200, 2000, 3000, 4300, 6000, 8000, 10500],
  19. 	[90, 180, 360, 720, 1500, 3000, 5000, 8000, 12000, 17000, 23000, 30000, 38000, 47000],
  20. 	[10, 30, 60, 100, 150, 210, 280, 360, 450, 550, 660, 800, 1000, 1300, 2000],
  21. 	[50, 120, 240, 400, 600, 840, 1200, 2000, 3000, 4300, 6000, 8000, 10800, 14000],
  22. 	[100, 240, 480, 800, 1200, 1680, 2400, 4000, 6000, 8600],
  23. 	[50, 120, 300, 600, 1000, 1500, 2200, 3000, 4000, 5500, 7800, 11000],
  24. 	[150, 350, 750, 1400, 2200, 4000],
  25. 	[30, 80, 165, 310, 555, 970, 1680, 2885, 5770],
  26. 	[104, 588, 2200, 7000, 10000],
  27. 	[8, 29, 71, 155, 295, 505, 799, 1191, 1695, 6000, 12000]
  28. ];
  29.  
  30. var factionCount = 9;
  31.  
  32. var Styles = '.pb{ display:inline-block; width:135px; height:16px; background:white; border:2px solid; border-radius: 7px/3px; cursor: pointer; }\
  33. 	.pb-scale { height: 100%; border-radius: 2px/1px; background:#af9f39; background: linear-gradient(to top, #af9f39, #fffbca); }\
  34. 	.pb-scale:hover .pb-side-text { opacity: 1; }\
  35. 	.pb-scale:hover .pb-front-text { opacity: 0; }\
  36. 	.pb-text { padding-top: 1px; background: initial; overflow: none; position: relative; width: 135px; text-align: center; color: darkgreen; font-size: 12px; font-weight: bold; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }\
  37. 	.pb-side-text { opacity:0; top: -1px; }\
  38. 	.pb-front-text { opacity:1; top: -17px; }\
  39. 	.levelpb { display: inline-flex; margin-left: 10px; width: 180px; } \
  40. 	.levelpb .pb-side-text { width: 180px; }\
  41. 	.levelpb .pb-front-text { width: 180px; }\
  42. 	.skill-table { width: 100%; margin-bottom: 10px; }\
  43. 	.skill-table caption { text-align: left; }\
  44. 	.skill-table caption span { float: right; font-size: small; margin-right: 10; }\
  45.     .key-column { text-align: left; width: 100%; font-variant: small-caps; }\
  46. 	.skill-value { font-size: 15px; }\
  47. 	.skill-value-complete { color: #af9f39; font-size: 20px; font-weight: bold; font-family: "Comic Sans MS", cursive, sans-serif;  }\
  48. 	.skill-value-none { font-weight: normal; }\
  49. 	.skill-value-low { color: blue; }\
  50.  	.progress-column { text-align: center; width: 135px; }\
  51. 	.expander { margin-left: 5px; border-radius: 8px; height: 16px; width: 16px; font-size: 8px; font-weight:bold; background: gold; background: linear-gradient(to top, #af9f39, #fffbca); border: #af9f39; border-style: outset; border-width: 1px; position: relative; top: -3px; }';
  52.  
  53. var expandCaption = '>';
  54. var collapseCaption = '<';
  55. var levelStringRU = '\u0411\u043E\u0435\u0432\u043E\u0439 \u0443\u0440\u043E\u0432\u0435\u043D\u044C';
  56. var factionsGroupTitleRU = '\u0424\u0440\u0430\u043A\u0446\u0438\u044F';
  57. var guildsGroupTitleRU = '\u0413\u0438\u043B\u044C\u0434\u0438\u044F';
  58.  
  59. function round(value, precision)
  60. {
  61. 	if (precision > 0)
  62. 	{
  63. 		var b = precision * 10;
  64. 		return Math.round(value * b) / b;
  65. 	}
  66. 	else
  67. 	{
  68. 		return Math.floor(value);
  69. 	}
  70. }
  71.  
  72. function parseSourceCode(source)
  73. {
  74. 	var captions = [];
  75. 	var match;
  76. 	var cr = /((?:[a-z'\u0430-\u044F\u0451]+\s)?[a-z\u0430-\u044F\u0451]+):\s/gi;
  77. 	while ((match = cr.exec(source)) != null)
  78. 	{
  79. 		captions.push({ Index: cr.lastIndex, Value: match[0].toString() });		
  80. 	}
  81. 	var getCaption = function(index)
  82. 	{
  83. 		for (var ii =  captions.length - 1; ii>= 0; ii--)
  84. 		{
  85. 			if (captions[ii].Index < index)
  86. 			{
  87. 				return captions[ii].Value;
  88. 			}
  89. 		}
  90. 		return null;
  91. 	}
  92. 	
  93. 	var result = [];
  94. 	var sr = /(?:\s|>)(\d+)(<\/b>|<\/a>)?\s\((\d+(?:\.\d+)?)\)/g;
  95. 	while((match = sr.exec(source)) != null)
  96. 	{
  97. 		result.push({
  98. 			Caption: getCaption(sr.lastIndex),
  99. 			Level: +match[1].toString(),
  100. 			Score: +match[3].toString(),
  101. 			Sign: match[2] 
  102. 		});
  103. 	}
  104. 	return result;
  105. }
  106. 	
  107. function addStyles()
  108. {
  109. 	var style = document.createElement('style');
  110. 	style.type = 'text/css';
  111. 	style.appendChild(document.createTextNode(Styles));
  112. 	document.head.appendChild(style);
  113. }
  114.  
  115. function checkScale(scale)
  116. {
  117. 	if (scale && scale.length > 0)
  118. 	{
  119. 		if (scale.length > 1)
  120. 		{
  121. 			for (var ii = 1; ii < scale.length; ii++)
  122. 			{
  123. 				if (scale[ii] <= scale[ii - 1])
  124. 				{
  125. 					return false;
  126. 				}
  127. 			}
  128. 		}
  129. 		return true;
  130. 	}
  131. }
  132.  
  133. function createProgressBar(points, left, percentage)
  134. {
  135. 	var border = document.createElement('div');
  136. 	border.className = 'pb';
  137. 	
  138. 	var scale = document.createElement('div');
  139. 	scale.className = 'pb-scale';
  140. 	scale.style.width = percentage.toFixed(0) + '%';
  141. 	
  142. 	var valueDiv = document.createElement('div');
  143. 	valueDiv.appendChild(document.createTextNode(points));
  144. 	valueDiv.className = 'pb-text pb-side-text';
  145. 	
  146. 	var l = document.createElement('span');
  147. 	l.style.fontSize = 'smaller';
  148. 	l.appendChild(document.createTextNode('+' + left));	
  149. 	valueDiv.appendChild(l);
  150. 	
  151. 	scale.appendChild(valueDiv);
  152. 	
  153. 	var percentageDiv = document.createElement('div');
  154. 	percentageDiv.className = 'pb-text pb-front-text';	
  155. 	percentageDiv.appendChild(document.createTextNode(scale.style.width));	
  156. 	scale.appendChild(percentageDiv);
  157. 	
  158. 	border.appendChild(scale);
  159. 	return border;
  160. }
  161.  
  162. function getScoreRange(score, scale)
  163. {
  164. 	if (!checkScale(scale))
  165. 	{
  166. 		return;
  167. 	}
  168. 	
  169. 	var initialValue = 0;
  170. 	var finalValue = score;
  171. 	var level = 0;
  172. 	for (var ii = 0; ii < scale.length; ii++)
  173. 	{
  174. 		if (score >= scale[ii])
  175. 		{
  176. 			initialValue = scale[ii];
  177. 		}	
  178. 		else
  179. 		{
  180. 			finalValue = scale[ii];
  181. 			level = ii;
  182. 			break;
  183. 		}
  184. 	}
  185. 	return { Initial: initialValue, Final: finalValue, Level: level };
  186. }
  187.  
  188. function getProgressPercentage(range, score)
  189. {
  190. 	if (range)
  191. 	{
  192. 		return (score - range.Initial) * 100 / (range.Final - range.Initial);
  193. 	}
  194. 	return 0;
  195. }
  196.  
  197. function getScale(index)
  198. {
  199. 	return Scales[index];	
  200. }
  201.  
  202. function getCaption(value, exclude)
  203. {
  204. 	if (exclude)
  205. 	{
  206. 		var r = new RegExp(exclude, 'i');
  207. 		return value.Caption.replace(r, '');
  208. 	}
  209. 	return value.Caption;
  210. }
  211.  
  212. function createRow(value, scaleIndex, excludeCaption)
  213. {	
  214. 	var scale = getScale(scaleIndex);	
  215. 	var range = getScoreRange(value.Score, scale);		
  216. 	
  217. 	var row = document.createElement('tr');
  218. 	var c1 = document.createElement('td');
  219. 	c1.className = 'key-column';	
  220. 	if (scaleIndex == 1 && value.Sign)
  221. 	{
  222. 		c1.style = 'font-weight: bold; text-decoration:underline; ';
  223. 	}
  224. 	c1.appendChild(document.createTextNode(getCaption(value, excludeCaption)));
  225. 	var lb = document.createElement('b');
  226. 	lb.className = 'skill-value';
  227. 	lb.appendChild(document.createTextNode(value.Level));
  228. 	if (value.Score >= range.Final)
  229. 	{
  230. 		lb.className = 'skill-value-complete';
  231. 	}
  232. 	else if (!value.Score)
  233. 	{
  234. 		lb.className = 'skill-value-none';
  235. 	}
  236. 	c1.appendChild(lb);
  237. 	row.appendChild(c1);	
  238. 	var c2 = document.createElement('td');
  239. 	c2.className = 'progress-column';
  240. 	if (value.Score == 0)
  241. 	{
  242. 		c2.appendChild(document.createTextNode('-'));
  243. 	}
  244. 	else if (value.Score >= range.Final)
  245. 	{
  246. 		c2.appendChild(document.createTextNode(value.Score));
  247. 	}
  248. 	else
  249. 	{
  250. 		var percentage = getProgressPercentage(range, value.Score);
  251. 		
  252. 		var points = value.Score;		
  253. 		var left =  round(range.Final - value.Score, 1);
  254. 		
  255. 		if (range.Level > value.Level)
  256. 		{
  257. 			percentage = 100;
  258. 			left = '0.1';			
  259. 			var rl = document.createElement('small');
  260. 			rl.innerHTML = - (range.Level - value.Level);
  261. 			lb.className = 'skill-value-low';
  262. 			c1.appendChild(rl);
  263. 		}
  264. 		var pb = createProgressBar(points, left, percentage);
  265. 		c2.appendChild(pb);		
  266. 	}	
  267. 	row.appendChild(c2);	
  268. 	return row;	
  269. }
  270.  
  271. function createExpanderButton()
  272. {
  273. 	var cb = document.createElement('input');
  274. 	cb.type = 'button';
  275. 	cb.value = expandCaption;
  276. 	cb.className = 'expander';
  277. 	cb.collapsed = true;
  278. 	cb.onclick = function(event) 
  279. 	{
  280. 		var r = this.parentNode.parentNode;
  281. 		var display = this.collapsed ? '' : 'none';
  282. 		r.nextSibling.style.display = display;
  283. 		r.nextSibling.nextSibling.style.display = display;
  284. 		r.nextSibling.nextSibling.nextSibling.style.display = display;
  285. 		this.collapsed = !this.collapsed;		
  286. 		this.value = this.collapsed ? expandCaption : collapseCaption;
  287. 	};
  288. 	return cb;
  289. }
  290.  
  291. function insertExpander(table)
  292. {
  293. 	var row = table.lastChild;
  294. 	for (var ii = 0; ii < 3; ii++)
  295. 	{
  296. 		row.firstChild.style = 'padding-left: 15px;';
  297. 		row.style.display = 'none';
  298. 		row = row.previousSibling;
  299. 	}
  300. 	row.firstChild.appendChild(createExpanderButton());
  301. }
  302.  
  303. function getScaleIndex(index)
  304. {
  305. 	if (index < factionCount)
  306. 	{
  307. 		return 1;
  308. 	}
  309. 	var result =  index - factionCount + 2;
  310. 	if (result >= Scales.length)
  311. 	{
  312. 		result = Scales.length - 1;
  313. 	}
  314. 	return result;
  315. }
  316.  
  317. function isEn()
  318. {
  319. 	return /^www\.lordswm\.com/.test(location.host);
  320. }
  321.  
  322. function createSkillTable(caption)
  323. {
  324. 	var result = document.createElement('table');
  325. 	result.className = 'skill-table';
  326. 	var cpt = document.createElement('caption');
  327. 	cpt.appendChild(document.createTextNode(caption));
  328. 	result.appendChild(cpt);
  329. 	return result;
  330. }
  331.  
  332. function replaceSkills()
  333. {
  334. 	var home = document.getElementById('home_2');
  335. 	if (home)
  336. 	{
  337. 		var mainNode = home.parentNode;	
  338. 		var items = parseSourceCode(mainNode.innerHTML.toString());
  339. 	
  340. 		var range = document.createRange();
  341. 		range.selectNodeContents(mainNode);
  342. 		range.deleteContents();
  343. 		range.detach();
  344. 		
  345. 		var t = createSkillTable(isEn() ? 'Factions' : factionsGroupTitleRU);		
  346. 		var excludeCaption;
  347. 		var ii = 0;
  348. 		var factionPoints = 0;
  349. 		do
  350. 		{
  351. 			if (ii < factionCount)
  352. 			{
  353. 				factionPoints += items[ii].Score
  354. 			}
  355. 			t.appendChild(createRow(items[ii], getScaleIndex(ii), excludeCaption));
  356. 			ii++;
  357. 			if (ii == factionCount)
  358. 			{
  359. 				var sum = document.createElement('span');
  360. 				sum.appendChild(document.createTextNode(' \u03A3'));
  361. 				var sub = document.createElement('sub');
  362. 				sub.appendChild(document.createTextNode(isEn() ? 'all' : 'общ.'));				
  363. 				sum.appendChild(sub);
  364. 				sum.appendChild(document.createTextNode('= ' + round(factionPoints, 2)));				
  365. 				t.firstChild.appendChild(sum);
  366. 				mainNode.appendChild(t);				
  367. 				t = createSkillTable(isEn() ? 'Guilds' : guildsGroupTitleRU);
  368. 				excludeCaption = "('\\sguild)|(" + guildsGroupTitleRU + ')';
  369. 			}
  370. 		}
  371. 		while (ii < items.length - 2);
  372. 		insertExpander(t);		
  373. 		mainNode.appendChild(t);
  374. 	}	
  375. }
  376.  
  377. function getLevelPoints(points)
  378. {
  379. 	var r = /\(([\d\.]+)\)(?:\s\+(-?[\d\.]+))?/;
  380. 	var m = r.exec(points)	
  381. 	if (m)
  382. 	{		
  383. 		return { Points: m[1], Left: m[2] }
  384. 	}
  385. }
  386.  
  387. function insertLevelUpProgressBar()
  388. {
  389. 	var bs= document.getElementsByTagName('b');
  390. 	var lbReg = new RegExp('(?:Combat\\slevel|' + levelStringRU + '):\\s(\\d+)');
  391. 	for (var ii = 0; ii < bs.length; ii++)
  392. 	{
  393. 		var b = bs[ii];
  394. 		var m = lbReg.exec(b.innerHTML);
  395. 		if (m)
  396. 		{
  397. 			var start = b.nextSibling;
  398. 			var end = start;
  399. 			do 
  400. 			{
  401. 				end = end.nextSibling;
  402. 			}			
  403. 			while (end && (!end.tagName || end.tagName.toLowerCase() != 'br'));
  404. 			var next = end.nextSibling;
  405. 			if (end)
  406. 			{
  407. 				var pointsText;
  408. 				var range = document.createRange();
  409. 				range.setStart(start, 0);
  410. 				range.setEnd(end, 0);
  411. 				pointsText = range.toString();
  412. 				var lvl = getLevelPoints(range.toString());
  413. 				if (lvl)
  414. 				{
  415. 					var r = getScoreRange(lvl.Points, getScale(0));					
  416. 					if (r && r.Final > lvl.Points)
  417. 					{			
  418. 						var percentage = getProgressPercentage(r, lvl.Points);						
  419. 						if (r.Level > m[1])
  420. 						{
  421. 							b.appendChild(document.createTextNode('+'));
  422. 							percentage = 100;
  423. 						}
  424. 						var pb = createProgressBar(lvl.Points, lvl.Left, percentage);						
  425. 						pb.className += ' levelpb';
  426. 						b.parentNode.insertBefore(pb, b.nextSibling);								
  427. 						range.deleteContents();
  428. 					}					
  429. 				}
  430. 				range.detach();
  431. 				break;
  432. 			}			
  433. 		}
  434. 	}
  435. }
  436.  
  437. function main()
  438. {
  439. 	addStyles();
  440. 	insertLevelUpProgressBar();
  441. 	replaceSkills();
  442. }
  443.  
  444. main();
  445.  
  446. // ==/UserScript==

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址