☰

LWM_ProgressBars

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

目前為 2018-10-15 提交的版本，檢視 最新版本。

  1. // ==UserScript==
  2. // @name LWM_ProgressBars
  3. // @name:ru Прогресс персонажа
  4. // @description	Insert level & skill progress bars to home page & player info page.
  5. // @description:ru Добавляет шкалу отображающую процент получения следующего уровня
  6. // @namespace saturn_hwm
  7. // @author saturn573 
  8. // @homepage http://greasyfork.org/scripts/2892-lwm-progressbars
  9. // @include http://178.248.235.15/home.php
  10. // @include http://*.lordswm.com/home.php
  11. // @include http://*.heroeswm.ru/home.php
  12. // @include http://178.248.235.15/pl_info.php?id=*
  13. // @include http://*.lordswm.com/pl_info.php?id=*
  14. // @include	http://*.heroeswm.ru/pl_info.php?id=*
  15. // @version 0.29
  16. // @grant GM_setValue
  17. // @grant GM_getValue
  18. // @grant GM_deleteValue
  19. // ==/UserScript==
  20.  
  21. var Scales = [[0, 1500, 4500, 15E3, 32E3, 9E4, 19E4, 4E5, 86E4, 165E4, 3E6, 5E6, 85E5, 145E5, 25E6, 43E6, 7E7, 108E6, 16E7, 23E7, 325E6, 5E8], [20, 50, 90, 160, 280, 500, 900, 1600, 2900, 5300, 9600, 17300, 35E3], [16, 60, 180, 400, 700, 1200, 2E3, 3E3, 4300, 6E3, 8E3, 10500], [90, 180, 360, 720, 1500, 3E3, 5E3, 8E3, 12E3, 17E3, 23E3, 3E4, 38E3, 47E3, 57E3, 7E4], [10, 30, 60, 100, 150, 210, 280, 360, 450, 550, 660, 800, 1E3, 1300, 2E3], [50, 120, 240, 400, 600, 840, 1200, 2E3, 3E3, 4300, 6E3, 8E3, 10800, 14E3, 17600, 21600, 26E3], [100, 240, 480, 800, 1200, 1680, 2400, 4E3, 6E3, 8600, 12E3], [50, 120, 300, 600, 1E3, 1500,
  22. 2200, 3E3, 4E3, 5500, 7800, 11E3, 14500, 18200, 22200], [150, 350, 750, 1400, 2200, 3200, 4300, 5600, 7E3, 8500], [60, 200, 450, 850, 1500, 2700, 4500], [1600, 3600], [80, 180, 300, 440, 600, 780, 990, 1230, 1500], [30, 80, 165, 310, 555, 970, 1680, 2885, 5770], [104, 588, 2200, 7E3, 1E4], [8, 29, 71, 155, 295, 505, 799, 1191, 1695, 6E3, 12E3]];
  23.  
  24. var Styles = '.pb{ display:inline-block; position: relative; width:135px; background:white; border:2px solid; border-radius: 7px/3px; cursor: pointer; }\
  25. 	.pb .scale { display: inline; position: absolute; top: 0px; left: 0px; height: 100%; border-radius: 2px/1px; background:#af9f39; background: linear-gradient(to top, #af9f39, #fffbca); }\
  26. 	.pb:hover .pb-side-text { display: inline; }\
  27. 	.pb:hover .pb-front-text { display: none; }\
  28. 	.pb-text { position: relative; width: 100%; height: 100%; color: darkgreen; text-align: center;  font-weight: bold; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }\
  29. 	.pb-side-text { display:none; }\
  30. 	.pb-front-text { display: inline; }\
  31. 	.left { font-size: smaller; }\
  32. 	.levelpb { display: inline-flex; margin-left: 10px; width: 180px; } \
  33. 	.skill-table { width: 100%; margin-bottom: 10px; }\
  34. 	.skill-table caption { text-align: left; }\
  35. 	.skill-table caption span { float: right; font-size: small; margin-right: 10; }\
  36.     .key-column { text-align: left; width: 100%; font-variant: small-caps; }\
  37. 	.skill-value { font-size: 15px; }\
  38. 	.skill-value-complete { color: #af9f39; font-size: 20px; font-weight: bold; font-family: "Comic Sans MS", cursive, sans-serif;  }\
  39. 	.skill-value-none { font-weight: normal; }\
  40. 	.skill-value-low { color: blue; }\
  41.  	.progress-column { text-align: center; width: 135px; }\
  42. 	.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; }';
  43.  
  44. var expandCaption = '>';
  45. var collapseCaption = '<';
  46. var levelStringRU = '\u0411\u043E\u0435\u0432\u043E\u0439 \u0443\u0440\u043E\u0432\u0435\u043D\u044C';
  47. var factionsGroupTitleRU = '\u0424\u0440\u0430\u043A\u0446\u0438\u044F';
  48. var guildsGroupTitleRU = '\u0413\u0438\u043B\u044C\u0434\u0438\u044F';
  49. var allRu = '\u043E\u0431\u0449.';
  50. var hoursRu = 'часов';
  51. var daysRu = 'дней';
  52. var weeksRu = 'недель';
  53. var pointsRu = 'очков за';
  54. var pphRu  = 'очков в час';
  55. var averageSpeedRu = 'Средняя скорость';
  56. var tttnlRu = 'Время до следующего уровня';
  57.  
  58.  
  59. var pl_id = /pl_id=(\d+)/.exec(document.cookie)[1];
  60. if (~location.pathname.indexOf('pl_info.php')) {
  61. 	pl_id = /id=(\d+)/.exec(location.search)[1];
  62. }
  63.  
  64. function getTrackingState(){
  65. 	let result = GM_getValue('pl_' + pl_id);
  66. 	if (result) {
  67. 		result = JSON.parse(result);
  68. 	}
  69. 	else {
  70. 		result = undefined;
  71. 	}
  72. 	return result;
  73. }
  74.  
  75. function startTracking() {	
  76. 	GM_setValue('pl_' + pl_id, JSON.stringify(currentState));
  77. 	alert((isEn() ? 'The tracking was started. Click again to cancel it.'
  78. 		: 'Отслеживание начато. Нажмите еще раз чтобы выключить его'));
  79. 	location.reload();	
  80. }
  81.  
  82. function stopTracking() {
  83. 	if (confirm((isEn() 
  84. 			? 'The tracking will be stopped immediately as you press the OK button.'
  85. 			: 'Отслеживание будет выключено сразу после того как вы нажмете кнопку ОК'))) {
  86. 		GM_deleteValue("pl_" + pl_id);
  87. 		location.reload();
  88. 	}
  89. }
  90.  
  91. var currentState = { time: new Date().getTime() };
  92. var trackingState = getTrackingState();
  93.  
  94. function getTimeLabel(hours) {
  95. 	if (hours < 24) {
  96. 		return hours + ' ' + (isEn() ? 'hours' : hoursRu);
  97. 	}
  98. 	else {
  99. 		var days = parseInt(hours / 24);		
  100. 		if (days < 7) {
  101. 			return days + ' ' + (isEn() ? 'days' : daysRu)
  102. 				+ ' ' + (hours % 24) + ' ' + (isEn() ? 'hours' : hoursRu);
  103. 		}
  104. 		else {
  105. 			return '~' + parseInt(days / 7) + ' ' + (isEn() ? 'weeks' : weeksRu);
  106. 		}
  107. 	}
  108. }
  109.  
  110. function getTrackingInfoString(caption, left) {
  111. 	let delta = (currentState[caption] - trackingState[caption]);		
  112. 	let elapsedHours =  Math.floor((currentState.time - trackingState.time) / 36E5);
  113. 	let speed = delta / elapsedHours;
  114. 	return delta.toFixed(2)
  115. 	+ ' ' + (isEn() ? 'points in' : pointsRu) + ' '
  116. 	+ getTimeLabel(elapsedHours)
  117. 	+ ((elapsedHours > 0 && delta > 0)
  118. 		? ' \r\n' 
  119. 			+ (isEn() ? 'Average speed' : averageSpeedRu)
  120. 			+ ': ' + speed.toFixed(2) + ' '
  121. 			+ (isEn() ? 'points per hour' : pphRu)
  122. 			+ '\r\n'
  123. 			+ (isEn() ? 'Time to the next level' : tttnlRu)
  124. 			+ ': ' + getTimeLabel(Math.floor(left / speed))
  125. 		: '');
  126. }
  127.  
  128.  
  129. function round(value, precision) {
  130.     if (precision > 0) {
  131.         var b = precision * 10;
  132.         return Math.round(value * b) / b;
  133.     }
  134.     else {
  135.         return Math.floor(value);
  136.     }
  137. }
  138.  
  139. function parseSourceCode(source) {
  140.     var captions = [];
  141.     var match;
  142.     var cr = /((?:[a-z'\u0430-\u044F\u0451]+\s)?[a-z\u0430-\u044F\u0451]+):\s/gi;
  143.     while ((match = cr.exec(source)) != null) {
  144.         captions.push({ Index: cr.lastIndex, Value: match[0].toString() });
  145.     }
  146.     var getCaption = function (index) {
  147.         for (var ii = captions.length - 1; ii >= 0; ii--) {
  148.             if (captions[ii].Index < index) {
  149.                 return captions[ii].Value;
  150.             }
  151.         }
  152.         return null;
  153.     }
  154.  
  155.     var result = [];
  156.     var sr = /(?:\s|>)(\d+)(<\/b>|<\/a>)?\s\((\d+(?:\.\d+)?)\)/g;
  157.     while ((match = sr.exec(source)) != null) {
  158. 		let item = {
  159.             Caption: getCaption(sr.lastIndex),
  160.             Level: +match[1].toString(),
  161.             Score: +match[3].toString(),
  162.             Sign: match[2]
  163.         };
  164. 		currentState[item.Caption] = item.Score;
  165.         result.push(item);
  166.     }
  167.     return result;
  168. }
  169.  
  170. function addStyles() {
  171.     var style = document.createElement('style');
  172.     style.type = 'text/css';
  173.     style.appendChild(document.createTextNode(Styles));
  174.     document.head.appendChild(style);
  175. }
  176.  
  177. function checkScale(scale) {
  178.     if (scale && scale.length > 0) {
  179.         if (scale.length > 1) {
  180.             for (var ii = 1; ii < scale.length; ii++) {
  181.                 if (scale[ii] <= scale[ii - 1]) {
  182.                     return false;
  183.                 }
  184.             }
  185.         }
  186.         return true;
  187.     }
  188. }
  189.  
  190. function createProgressBar(points, left, percentage, title) {
  191.     var percentageString = Math.floor(percentage) + '%';
  192.  
  193.     var border = document.createElement('div');
  194.     border.className = 'pb';	
  195. 	
  196.     var scale = document.createElement('div');
  197.     scale.className = 'scale';
  198.     scale.style.width = percentageString;
  199.     border.appendChild(scale);
  200.  
  201.     var textBox = document.createElement('div');
  202.     textBox.className = 'pb-text';
  203.  
  204.     var frontText = document.createElement('span');
  205.     frontText.className = 'pb-front-text';
  206.     frontText.appendChild(document.createTextNode(percentageString));
  207.     textBox.appendChild(frontText);
  208.  
  209.     var sideText = document.createElement('span');
  210.     sideText.className = 'pb-side-text';
  211.     sideText.appendChild(document.createTextNode(points));
  212.  
  213.     var l = document.createElement('span');
  214.     l.className = 'left';
  215.     l.appendChild(document.createTextNode('+' + left));
  216.     sideText.appendChild(l);
  217.     textBox.appendChild(sideText);
  218.  
  219.     border.appendChild(textBox);
  220. 	
  221. 	if (title) {		
  222. 		if (trackingState) {
  223. 			border.title =  getTrackingInfoString(title, left);
  224. 			border.addEventListener('click', stopTracking);
  225. 		}
  226. 		else {
  227. 			border.title = isEn()
  228. 				? 'Click to start tracking'
  229. 				: 'Нажмите чтобы начать отслеживание';
  230. 			border.addEventListener('click', startTracking);
  231. 		}
  232. 	}
  233.     return border;
  234. }
  235.  
  236. function getScoreRange(score, scale) {
  237.     if (!checkScale(scale)) {
  238.         return;
  239.     }
  240.  
  241.     var initialValue = 0;
  242.     var finalValue = score;
  243.     var level = 0;
  244.     for (var ii = 0; ii < scale.length; ii++) {
  245.         if (score >= scale[ii]) {
  246.             initialValue = scale[ii];
  247.         }
  248.         else {
  249.             finalValue = scale[ii];
  250.             level = ii;
  251.             break;
  252.         }
  253.     }
  254.     return { Initial: initialValue, Final: finalValue, Level: level };
  255. }
  256.  
  257. function getProgressPercentage(range, score) {
  258.     if (range) {
  259.         return (score - range.Initial) * 100 / (range.Final - range.Initial);
  260.     }
  261.     return 0;
  262. }
  263.  
  264. function getScale(index) {
  265.     return Scales[index];
  266. }
  267.  
  268. function getCaption(value, exclude) {
  269.     if (exclude) {
  270.         var r = new RegExp(exclude, 'i');
  271.         return value.Caption.replace(r, '');
  272.     }
  273.     return value.Caption;
  274. }
  275.  
  276. function createRow(value, scaleIndex, excludeCaption) {
  277.     var scale = getScale(scaleIndex);
  278.     var range = getScoreRange(value.Score, scale);
  279.     if (!range) {
  280.         alert(JSON.stringify(value) + ' : ' + scaleIndex + ' - ' + excludeCaption);
  281.     }
  282.  
  283.     var row = document.createElement('tr');
  284.     var c1 = document.createElement('td');
  285.     c1.className = 'key-column';
  286.     if (scaleIndex == 1 && value.Sign) {
  287.         c1.style = 'font-weight: bold; text-decoration:underline; ';
  288.     }
  289.     c1.appendChild(document.createTextNode(getCaption(value, excludeCaption)));
  290.     var lb = document.createElement('b');
  291.     lb.className = 'skill-value';
  292.     lb.appendChild(document.createTextNode(value.Level));
  293.     if (value.Score >= range.Final) {
  294.         lb.className = 'skill-value-complete';
  295.     }
  296.     else if (!value.Score) {
  297.         lb.className = 'skill-value-none';
  298.     }
  299.     c1.appendChild(lb);
  300.     row.appendChild(c1);
  301.     var c2 = document.createElement('td');
  302.     c2.className = 'progress-column';
  303.     if (value.Score == 0) {
  304.         c2.appendChild(document.createTextNode('-'));
  305.     }
  306.     else if (value.Score >= range.Final) {
  307.         c2.appendChild(document.createTextNode(value.Score));
  308.     }
  309.     else {
  310.         var percentage = getProgressPercentage(range, value.Score);
  311.  
  312.         var points = value.Score;
  313.         var left = round(range.Final - value.Score, 1);
  314.  
  315.         if (range.Level > value.Level) {
  316.             percentage = 100;
  317.             left = '0.1';
  318.             var rl = document.createElement('small');
  319.             rl.innerHTML = -(range.Level - value.Level);
  320.             lb.className = 'skill-value-low';
  321.             c1.appendChild(rl);
  322.         }
  323.         var pb = createProgressBar(points, left, percentage, value.Caption);
  324.         c2.appendChild(pb);
  325.     }
  326.     row.appendChild(c2);
  327.     return row;
  328. }
  329.  
  330. function createExpanderButton() {
  331.     var cb = document.createElement('input');
  332.     cb.type = 'button';
  333.     cb.value = expandCaption;
  334.     cb.className = 'expander';
  335.     cb.collapsed = true;
  336.     cb.onclick = function (event) {
  337.         var r = this.parentNode.parentNode;
  338.         var display = this.collapsed ? '' : 'none';
  339.         r.nextSibling.style.display = display;
  340.         r.nextSibling.nextSibling.style.display = display;
  341.         r.nextSibling.nextSibling.nextSibling.style.display = display;
  342.         this.collapsed = !this.collapsed;
  343.         this.value = this.collapsed ? expandCaption : collapseCaption;
  344.     };
  345.     return cb;
  346. }
  347.  
  348. function insertExpander(table) {
  349.     var row = table.lastChild;
  350.     for (var ii = 0; ii < 3; ii++) {
  351.         row.firstChild.style = 'padding-left: 15px;';
  352.         row.style.display = 'none';
  353.         row = row.previousSibling;
  354.     }
  355.     row.firstChild.appendChild(createExpanderButton());
  356. }
  357.  
  358. function isEn() {
  359.     return /^www\.lordswm\.com/.test(location.host);
  360. }
  361.  
  362. function replaceSkills() {
  363.     var home = document.getElementById('home_2');
  364.     if (home) {
  365.         var createSkillTable = function(caption) {
  366.             var result = document.createElement('table');
  367.             result.className = 'skill-table';
  368.             var cpt = document.createElement('caption');
  369.             cpt.appendChild(document.createTextNode(caption));
  370.             result.appendChild(cpt);
  371.             return result;
  372.         }
  373.  
  374.         var mainNode = home.parentNode;
  375.         var items = parseSourceCode(mainNode.innerHTML.toString());
  376.  
  377.         var range = document.createRange();
  378.         range.selectNodeContents(mainNode);
  379.         range.deleteContents();
  380.  
  381.         var t = createSkillTable(isEn() ? 'Factions' : factionsGroupTitleRU);
  382.         var excludeCaption;
  383.         var ii = 0;
  384.         var gi = 0;
  385.         var faction = true;
  386.         var factionPoints = 0;
  387.         do {
  388.             if (faction && (~items[ii].Caption.indexOf(isEn() ? 'guild' : '\u0413\u0438\u043B\u044C\u0434\u0438\u044F'))) {
  389.                 faction = false;
  390.                 gi = ii;
  391.                 var sum = document.createElement('span');
  392.                 sum.appendChild(document.createTextNode(' \u03A3'));
  393.                 var sub = document.createElement('sub');
  394.                 sub.appendChild(document.createTextNode(isEn() ? 'all' : allRu));
  395.                 sum.appendChild(sub);
  396.                 sum.appendChild(document.createTextNode('= ' + round(factionPoints, 2)));
  397.                 t.firstChild.appendChild(sum);
  398.                 mainNode.appendChild(t);
  399.                 t = createSkillTable(isEn() ? 'Guilds' : guildsGroupTitleRU);
  400.                 excludeCaption = "('\\sguild)|(" + guildsGroupTitleRU + ')';
  401.                 mainNode.appendChild(t);
  402.             }
  403.             if (faction) {
  404.                 factionPoints += items[ii].Score;
  405.             }
  406.             t.appendChild(createRow(items[ii], (faction ? 1 : Math.min(Scales.length - 1, (ii - gi) + 2)), excludeCaption));
  407.             ii++;            
  408.         }
  409.         while (ii < items.length - 2);
  410.         insertExpander(t);
  411.         mainNode.appendChild(t);
  412.     }
  413. }
  414.  
  415. function getLevelPoints(points) {
  416.     var r = /\(([\d\,]+)\)(?:\s\+(-?[\d\,]+))?/;
  417.     var m = r.exec(points)
  418.     if (m) {
  419.         return { Points: m[1].replace(/,/g, ''), Left: (m[2] ? m[2].replace(/,/g, '') : 0) }
  420.     }
  421. }
  422.  
  423. function insertLevelUpProgressBar() {
  424.     var bs = document.getElementsByTagName('b');
  425.     var lbReg = new RegExp('(?:Combat\\slevel|' + levelStringRU + '):\\s(\\d+)');
  426.     for (var ii = 0; ii < bs.length; ii++) {
  427.         var b = bs[ii];
  428.         var m = lbReg.exec(b.innerHTML);
  429.         if (m) {
  430.             var start = b.nextSibling;
  431.             var end = start;
  432.             do {
  433.                 end = end.nextSibling;
  434.             }
  435.             while (end && (!end.tagName || end.tagName.toLowerCase() != 'br'));
  436.             var next = end.nextSibling;
  437.             if (end) {
  438.                 var pointsText;
  439.                 var range = document.createRange();
  440.                 range.setStart(start, 0);
  441.                 range.setEnd(end, 0);
  442.                 pointsText = range.toString();
  443.                 var lvl = getLevelPoints(range.toString());
  444.                 if (lvl) {
  445.                     var r = getScoreRange(lvl.Points, getScale(0));
  446.                     if (r && r.Final > lvl.Points) {
  447.                         var percentage = getProgressPercentage(r, lvl.Points);
  448.                         if (r.Level > m[1]) {
  449.                             b.appendChild(document.createTextNode('+'));
  450.                             percentage = 100;
  451.                         }
  452. 						currentState.level = lvl.Points;
  453.                         var pb = createProgressBar(lvl.Points, lvl.Left, percentage, 'level');
  454.                         pb.className += ' levelpb';
  455.                         b.parentNode.insertBefore(pb, b.nextSibling);
  456.                         range.deleteContents();
  457.                     }
  458.                 }
  459.                 range.detach();
  460.                 break;
  461.             }
  462.         }
  463.     }
  464. }
  465.  
  466. addStyles(); insertLevelUpProgressBar(); replaceSkills();