add extendedVillageProfile.js
This commit is contained in:
parent
2f0a959caa
commit
a0fcf84b7e
|
|
@ -0,0 +1,626 @@
|
|||
// modules are defined as an array
|
||||
// [ module function, map of requires ]
|
||||
//
|
||||
// map of requires is short require name -> numeric require
|
||||
//
|
||||
// anything defined in a previous bundle is accessed via the
|
||||
// orig method which is the require for previous bundles
|
||||
parcelRequire = (function (modules, cache, entry, globalName) {
|
||||
// Save the require from previous bundle to this closure if any
|
||||
var previousRequire = typeof parcelRequire === 'function' && parcelRequire;
|
||||
var nodeRequire = typeof require === 'function' && require;
|
||||
|
||||
function newRequire(name, jumped) {
|
||||
if (!cache[name]) {
|
||||
if (!modules[name]) {
|
||||
// if we cannot find the module within our internal map or
|
||||
// cache jump to the current global require ie. the last bundle
|
||||
// that was added to the page.
|
||||
var currentRequire = typeof parcelRequire === 'function' && parcelRequire;
|
||||
if (!jumped && currentRequire) {
|
||||
return currentRequire(name, true);
|
||||
}
|
||||
|
||||
// If there are other bundles on this page the require from the
|
||||
// previous one is saved to 'previousRequire'. Repeat this as
|
||||
// many times as there are bundles until the module is found or
|
||||
// we exhaust the require chain.
|
||||
if (previousRequire) {
|
||||
return previousRequire(name, true);
|
||||
}
|
||||
|
||||
// Try the node require function if it exists.
|
||||
if (nodeRequire && typeof name === 'string') {
|
||||
return nodeRequire(name);
|
||||
}
|
||||
|
||||
var err = new Error('Cannot find module \'' + name + '\'');
|
||||
err.code = 'MODULE_NOT_FOUND';
|
||||
throw err;
|
||||
}
|
||||
|
||||
localRequire.resolve = resolve;
|
||||
localRequire.cache = {};
|
||||
|
||||
var module = cache[name] = new newRequire.Module(name);
|
||||
|
||||
modules[name][0].call(module.exports, localRequire, module, module.exports, this);
|
||||
}
|
||||
|
||||
return cache[name].exports;
|
||||
|
||||
function localRequire(x){
|
||||
return newRequire(localRequire.resolve(x));
|
||||
}
|
||||
|
||||
function resolve(x){
|
||||
return modules[name][1][x] || x;
|
||||
}
|
||||
}
|
||||
|
||||
function Module(moduleName) {
|
||||
this.id = moduleName;
|
||||
this.bundle = newRequire;
|
||||
this.exports = {};
|
||||
}
|
||||
|
||||
newRequire.isParcelRequire = true;
|
||||
newRequire.Module = Module;
|
||||
newRequire.modules = modules;
|
||||
newRequire.cache = cache;
|
||||
newRequire.parent = previousRequire;
|
||||
newRequire.register = function (id, exports) {
|
||||
modules[id] = [function (require, module) {
|
||||
module.exports = exports;
|
||||
}, {}];
|
||||
};
|
||||
|
||||
var error;
|
||||
for (var i = 0; i < entry.length; i++) {
|
||||
try {
|
||||
newRequire(entry[i]);
|
||||
} catch (e) {
|
||||
// Save first error but execute all entries
|
||||
if (!error) {
|
||||
error = e;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (entry.length) {
|
||||
// Expose entry point to Node, AMD or browser globals
|
||||
// Based on https://github.com/ForbesLindesay/umd/blob/master/template.js
|
||||
var mainExports = newRequire(entry[entry.length - 1]);
|
||||
|
||||
// CommonJS
|
||||
if (typeof exports === "object" && typeof module !== "undefined") {
|
||||
module.exports = mainExports;
|
||||
|
||||
// RequireJS
|
||||
} else if (typeof define === "function" && define.amd) {
|
||||
define(function () {
|
||||
return mainExports;
|
||||
});
|
||||
|
||||
// <script>
|
||||
} else if (globalName) {
|
||||
this[globalName] = mainExports;
|
||||
}
|
||||
}
|
||||
|
||||
// Override the current require with this new one
|
||||
parcelRequire = newRequire;
|
||||
|
||||
if (error) {
|
||||
// throw error from earlier, _after updating parcelRequire_
|
||||
throw error;
|
||||
}
|
||||
|
||||
return newRequire;
|
||||
})({"Ph2E":[function(require,module,exports) {
|
||||
"use strict";
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = exports.API_URI = void 0;
|
||||
const API_URI = 'https://api.tribalwarshelp.com/graphql';
|
||||
exports.API_URI = API_URI;
|
||||
|
||||
var _default = function _default() {
|
||||
let {
|
||||
query,
|
||||
variables = {}
|
||||
} = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
||||
return fetch('https://api.tribalwarshelp.com/graphql', {
|
||||
method: 'POST',
|
||||
body: JSON.stringify({
|
||||
query,
|
||||
variables
|
||||
}),
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
}
|
||||
}).then(res => {
|
||||
return res.json();
|
||||
}).then((_ref) => {
|
||||
let {
|
||||
data,
|
||||
errors
|
||||
} = _ref;
|
||||
|
||||
if (errors && Array.isArray(errors) && errors.length > 0) {
|
||||
throw new Error(errors[0].message);
|
||||
}
|
||||
|
||||
return new Promise(resolve => resolve(data));
|
||||
});
|
||||
};
|
||||
|
||||
exports.default = _default;
|
||||
},{}],"fCHX":[function(require,module,exports) {
|
||||
"use strict";
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.generatePaginationItems = exports.calcNumberOfPages = exports.getPage = exports.setPage = exports.getContainerStyles = void 0;
|
||||
const ATTRIBUTE = 'data-page';
|
||||
|
||||
const getContainerStyles = () => {
|
||||
return 'display: flex; flex-direction: row; flex-wrap: wrap;';
|
||||
};
|
||||
|
||||
exports.getContainerStyles = getContainerStyles;
|
||||
|
||||
const setPage = function setPage(el) {
|
||||
let page = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
|
||||
|
||||
if (!el instanceof HTMLElement) {
|
||||
throw new Error('Expected HTMLElement as the first argument');
|
||||
}
|
||||
|
||||
page = parseInt(page);
|
||||
|
||||
if (typeof page !== 'number' || isNaN(page)) {
|
||||
throw new Error('Expected number or string as the second argument');
|
||||
}
|
||||
|
||||
el.setAttribute(ATTRIBUTE, page + '');
|
||||
};
|
||||
|
||||
exports.setPage = setPage;
|
||||
|
||||
const getPage = el => {
|
||||
if (!el instanceof HTMLElement) {
|
||||
return 0;
|
||||
}
|
||||
|
||||
return parseInt(el.getAttribute(ATTRIBUTE));
|
||||
};
|
||||
|
||||
exports.getPage = getPage;
|
||||
|
||||
const calcNumberOfPages = (total, limit) => {
|
||||
if (typeof total !== 'number') {
|
||||
throw new Error('Expected number as the first argument');
|
||||
}
|
||||
|
||||
if (typeof limit !== 'number') {
|
||||
throw new Error('Expected number as the second argument');
|
||||
}
|
||||
|
||||
return total > 0 ? Math.ceil(total / limit) : 1;
|
||||
};
|
||||
|
||||
exports.calcNumberOfPages = calcNumberOfPages;
|
||||
|
||||
const generatePaginationItems = function generatePaginationItems() {
|
||||
let {
|
||||
total,
|
||||
limit,
|
||||
marginRight = 3,
|
||||
currentPage = 0
|
||||
} = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
||||
const numberOfPages = calcNumberOfPages(total, limit);
|
||||
const paginationItems = [];
|
||||
|
||||
for (let i = 1; i <= numberOfPages; i++) {
|
||||
if (i === currentPage) {
|
||||
paginationItems.push("<strong style=\"margin-right: ".concat(marginRight, "px\">>").concat(i, "<</strong>"));
|
||||
} else {
|
||||
paginationItems.push("<a style=\"margin-right: ".concat(marginRight, "px\" href=\"#\" ").concat(ATTRIBUTE, "=\"").concat(i, "\">").concat(i, "</a>"));
|
||||
}
|
||||
}
|
||||
|
||||
return paginationItems;
|
||||
};
|
||||
|
||||
exports.generatePaginationItems = generatePaginationItems;
|
||||
},{}],"DMkL":[function(require,module,exports) {
|
||||
"use strict";
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = void 0;
|
||||
|
||||
var _default = () => window.location.host.split('.')[0];
|
||||
|
||||
exports.default = _default;
|
||||
},{}],"tQUs":[function(require,module,exports) {
|
||||
"use strict";
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = void 0;
|
||||
|
||||
var _default = url => parseInt(new URLSearchParams(url).get('id'));
|
||||
|
||||
exports.default = _default;
|
||||
},{}],"P4rL":[function(require,module,exports) {
|
||||
"use strict";
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = void 0;
|
||||
const POPUP_WRAPPER_SELECTOR = '.popup_helper';
|
||||
const POPUP_SELECTOR = '#inline_popup';
|
||||
|
||||
var _default = function _default() {
|
||||
let {
|
||||
e,
|
||||
title,
|
||||
html,
|
||||
id
|
||||
} = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
||||
inlinePopup(e, id, null, {
|
||||
offset_x: 0,
|
||||
offset_y: 0
|
||||
}, html, title);
|
||||
const popup = document.querySelector(POPUP_SELECTOR);
|
||||
|
||||
if (popup) {
|
||||
popup.style.width = 'auto';
|
||||
popup.style.maxWidth = '800px';
|
||||
}
|
||||
|
||||
const popupWrapper = document.querySelector(POPUP_WRAPPER_SELECTOR);
|
||||
|
||||
if (popupWrapper) {
|
||||
popupWrapper.style.width = 'auto';
|
||||
popupWrapper.style.position = 'fixed';
|
||||
popupWrapper.style.zIndex = '50001';
|
||||
}
|
||||
};
|
||||
|
||||
exports.default = _default;
|
||||
},{}],"V6Mf":[function(require,module,exports) {
|
||||
"use strict";
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = void 0;
|
||||
|
||||
var _default = (date, options) => {
|
||||
return new Date(date).toLocaleDateString(window.game_data.locale.replace('_', '-'), options ? options : {
|
||||
year: 'numeric',
|
||||
month: '2-digit',
|
||||
day: '2-digit',
|
||||
hour: '2-digit',
|
||||
minute: '2-digit',
|
||||
second: '2-digit'
|
||||
});
|
||||
};
|
||||
|
||||
exports.default = _default;
|
||||
},{}],"dSAr":[function(require,module,exports) {
|
||||
"use strict";
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = void 0;
|
||||
|
||||
var _getIDFromURL = _interopRequireDefault(require("../utils/getIDFromURL"));
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
class InADayParser {
|
||||
constructor(html) {
|
||||
let filters = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
||||
this.dom = new DOMParser().parseFromString(html, 'text/html');
|
||||
this.filters = filters;
|
||||
}
|
||||
|
||||
isValidRow(row) {
|
||||
if (!row) {
|
||||
return false;
|
||||
}
|
||||
|
||||
if (this.filters.playerID && row.playerID !== this.filters.playerID) {
|
||||
return false;
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
parseRow(row) {
|
||||
if (!row || !row instanceof HTMLTableRowElement) {
|
||||
return undefined;
|
||||
}
|
||||
|
||||
let obj = {};
|
||||
obj.rank = parseInt(row.children[0].innerText.trim());
|
||||
obj.name = row.children[1].innerText.trim();
|
||||
obj.playerID = (0, _getIDFromURL.default)(row.children[1].querySelector('a').getAttribute('href'));
|
||||
obj.tribe = row.children[2].innerText.trim();
|
||||
obj.tribeID = 0;
|
||||
|
||||
if (obj.tribe) {
|
||||
obj.tribeID = (0, _getIDFromURL.default)(row.children[2].querySelector('a').getAttribute('href'));
|
||||
}
|
||||
|
||||
obj.score = parseInt(row.children[3].innerText.trim().replace(/\./g, ''));
|
||||
obj.date = row.children[4].innerText.trim();
|
||||
return obj;
|
||||
}
|
||||
|
||||
parse() {
|
||||
const trs = this.dom.querySelectorAll('#in_a_day_ranking_table tbody tr');
|
||||
const result = [];
|
||||
|
||||
for (let i = 1; i < trs.length; i++) {
|
||||
const row = trs[i];
|
||||
const parsed = this.parseRow(row);
|
||||
|
||||
if (this.isValidRow(parsed)) {
|
||||
result.push(parsed);
|
||||
}
|
||||
}
|
||||
|
||||
return result;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
exports.default = InADayParser;
|
||||
},{"../utils/getIDFromURL":"tQUs"}],"fHHP":[function(require,module,exports) {
|
||||
"use strict";
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.loadInADayData = exports.formatVillageName = exports.formatVillageURL = exports.formatPlayerURL = exports.formatTribeURL = void 0;
|
||||
|
||||
var _InADayParser = _interopRequireDefault(require("../libs/InADayParser"));
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
||||
|
||||
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
||||
|
||||
const formatTribeURL = id => {
|
||||
return window.location.origin + TribalWars.buildURL('', {
|
||||
screen: 'info_ally',
|
||||
id
|
||||
});
|
||||
};
|
||||
|
||||
exports.formatTribeURL = formatTribeURL;
|
||||
|
||||
const formatPlayerURL = id => {
|
||||
return window.location.origin + TribalWars.buildURL('', {
|
||||
screen: 'info_player',
|
||||
id
|
||||
});
|
||||
};
|
||||
|
||||
exports.formatPlayerURL = formatPlayerURL;
|
||||
|
||||
const formatVillageURL = id => {
|
||||
return window.location.origin + TribalWars.buildURL('', {
|
||||
screen: 'info_village',
|
||||
id
|
||||
});
|
||||
};
|
||||
|
||||
exports.formatVillageURL = formatVillageURL;
|
||||
|
||||
const formatVillageName = function formatVillageName() {
|
||||
let n = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
|
||||
let x = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 500;
|
||||
let y = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 500;
|
||||
const continent = 'K' + String(y)[0] + String(x)[0];
|
||||
return "".concat(n, " (").concat(x, "|").concat(y, ") ").concat(continent);
|
||||
};
|
||||
|
||||
exports.formatVillageName = formatVillageName;
|
||||
|
||||
const loadInADayData = async function loadInADayData(type) {
|
||||
let _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
|
||||
{
|
||||
name
|
||||
} = _ref,
|
||||
rest = _objectWithoutProperties(_ref, ["name"]);
|
||||
|
||||
try {
|
||||
const response = await fetch(TribalWars.buildURL('', {
|
||||
screen: 'ranking',
|
||||
mode: 'in_a_day',
|
||||
type,
|
||||
name: name ? name : ''
|
||||
}));
|
||||
const html = await response.text();
|
||||
|
||||
if (!html) {
|
||||
throw new Error();
|
||||
}
|
||||
|
||||
const res = new _InADayParser.default(html, rest).parse();
|
||||
|
||||
if (res.length === 0) {
|
||||
throw new Error();
|
||||
}
|
||||
|
||||
return res[0];
|
||||
} catch (error) {
|
||||
return {
|
||||
rank: 0,
|
||||
playerID: 0,
|
||||
score: 0,
|
||||
tribeID: 0,
|
||||
date: new Date()
|
||||
};
|
||||
}
|
||||
};
|
||||
|
||||
exports.loadInADayData = loadInADayData;
|
||||
},{"../libs/InADayParser":"dSAr"}],"vhoq":[function(require,module,exports) {
|
||||
"use strict";
|
||||
|
||||
Object.defineProperty(exports, "__esModule", {
|
||||
value: true
|
||||
});
|
||||
exports.default = void 0;
|
||||
|
||||
var _pagination = require("./pagination");
|
||||
|
||||
var _renderPopup = _interopRequireDefault(require("./renderPopup"));
|
||||
|
||||
var _formatDate = _interopRequireDefault(require("./formatDate"));
|
||||
|
||||
var _tribalwars = require("./tribalwars");
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
const ENNOBLEMENTS_PAGINATION_CONTAINER_ID = 'ennoblementsPagination';
|
||||
|
||||
const getPlayerTd = (player, tribe) => {
|
||||
if (player) {
|
||||
return "<td><a href=\"".concat((0, _tribalwars.formatPlayerURL)(player.id), "\">").concat(player.name, " (").concat(tribe ? "<a href=\"".concat((0, _tribalwars.formatTribeURL)(tribe.id), "\">").concat(tribe.tag, "</a>") : '-', ")</a></td>");
|
||||
}
|
||||
|
||||
return '<td>-</td>';
|
||||
};
|
||||
|
||||
var _default = function _default(e, ennoblements) {
|
||||
let {
|
||||
limit = 0,
|
||||
currentPage = 1,
|
||||
onPageChange = () => {}
|
||||
} = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
||||
const paginationItems = (0, _pagination.generatePaginationItems)({
|
||||
total: ennoblements.total,
|
||||
limit,
|
||||
currentPage
|
||||
});
|
||||
const html = "\n <div style=\"".concat((0, _pagination.getContainerStyles)(), "\" id=\"").concat(ENNOBLEMENTS_PAGINATION_CONTAINER_ID, "\">\n ").concat(paginationItems.join(''), "\n </div>\n <table class=\"vis\" style=\"border-collapse: separate; border-spacing: 2px; width: 100%;\">\n <tbody>\n <tr>\n <th>\n Date\n </th>\n <th>\n Village\n </th>\n <th>\n New Owner\n </th>\n <th>\n Old Owner\n </th>\n </tr>\n ").concat(ennoblements.items.map(ennoblement => {
|
||||
let rowHTML = '<tr>' + "<td>".concat((0, _formatDate.default)(ennoblement.ennobledAt), "</td>");
|
||||
|
||||
if (ennoblement.village) {
|
||||
rowHTML += "<td><a href=\"".concat((0, _tribalwars.formatVillageURL)(ennoblement.village.id), "\">").concat((0, _tribalwars.formatVillageName)(ennoblement.village.name, ennoblement.village.x, ennoblement.village.y), "</a></td>");
|
||||
} else {
|
||||
rowHTML += '<td>-</td>';
|
||||
}
|
||||
|
||||
rowHTML += getPlayerTd(ennoblement.newOwner, ennoblement.newOwnerTribe);
|
||||
rowHTML += getPlayerTd(ennoblement.oldOwner, ennoblement.oldOwnerTribe);
|
||||
return rowHTML + '</tr>';
|
||||
}).join(''), "\n </tbody>\n </table>\n ");
|
||||
(0, _renderPopup.default)({
|
||||
e,
|
||||
title: "Ennoblements",
|
||||
id: 'ennoblements',
|
||||
html
|
||||
});
|
||||
document.querySelectorAll('#' + ENNOBLEMENTS_PAGINATION_CONTAINER_ID + ' a').forEach(el => {
|
||||
el.addEventListener('click', onPageChange);
|
||||
});
|
||||
};
|
||||
|
||||
exports.default = _default;
|
||||
},{"./pagination":"fCHX","./renderPopup":"P4rL","./formatDate":"V6Mf","./tribalwars":"fHHP"}],"UdfQ":[function(require,module,exports) {
|
||||
"use strict";
|
||||
|
||||
var _requestCreator = _interopRequireDefault(require("./libs/requestCreator"));
|
||||
|
||||
var _pagination = require("./utils/pagination");
|
||||
|
||||
var _getCurrentServer = _interopRequireDefault(require("./utils/getCurrentServer"));
|
||||
|
||||
var _getIDFromURL = _interopRequireDefault(require("./utils/getIDFromURL"));
|
||||
|
||||
var _renderEnnoblements = _interopRequireDefault(require("./utils/renderEnnoblements"));
|
||||
|
||||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||
|
||||
// ==UserScript==
|
||||
// @name Extended Village Profile
|
||||
// @namespace https://github.com/tribalwarshelp/scripts
|
||||
// @updateURL https://raw.githubusercontent.com/tribalwarshelp/scripts/master/dist/extendedVillageProfile.js
|
||||
// @downloadURL https://raw.githubusercontent.com/tribalwarshelp/scripts/master/dist/extendedVillageProfile.js
|
||||
// @version 0.5
|
||||
// @description Extended Village Profile
|
||||
// @author Kichiyaki http://dawid-wysokinski.pl/
|
||||
// @match *://*/game.php*&screen=info_village*
|
||||
// @grant none
|
||||
// @run-at document-end
|
||||
// ==/UserScript==
|
||||
const SERVER = (0, _getCurrentServer.default)();
|
||||
const VILLAGE_ID = (0, _getIDFromURL.default)(window.location.search);
|
||||
const ENNOBLEMENTS_QUERY = "\n query ennoblements($server: String!, $filter: EnnoblementFilter!) {\n ennoblements(server: $server, filter: $filter) {\n total\n items {\n village {\n id\n name\n x\n y\n }\n oldOwner {\n id\n name\n }\n oldOwnerTribe {\n id\n tag\n }\n newOwner {\n id\n name\n }\n newOwnerTribe {\n id\n tag\n }\n ennobledAt\n }\n }\n }\n";
|
||||
const ENNOBLEMENTS_PER_PAGE = 15;
|
||||
const actionsContainer = document.querySelector('#content_value > table > tbody > tr > td:nth-child(1) > table:nth-child(2) > tbody');
|
||||
|
||||
const handleShowTribeEnnoblementsClick = async e => {
|
||||
e.preventDefault();
|
||||
const page = (0, _pagination.getPage)(e.target);
|
||||
|
||||
if (!isNaN(page)) {
|
||||
const data = await (0, _requestCreator.default)({
|
||||
query: ENNOBLEMENTS_QUERY,
|
||||
variables: {
|
||||
filter: {
|
||||
villageID: [VILLAGE_ID],
|
||||
offset: ENNOBLEMENTS_PER_PAGE * (page - 1),
|
||||
limit: ENNOBLEMENTS_PER_PAGE,
|
||||
sort: 'ennobledAt DESC'
|
||||
},
|
||||
server: SERVER
|
||||
}
|
||||
});
|
||||
(0, _renderEnnoblements.default)(e, data.ennoblements, {
|
||||
currentPage: page,
|
||||
limit: ENNOBLEMENTS_PER_PAGE,
|
||||
onPageChange: handleShowTribeEnnoblementsClick
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
const wrapAction = action => {
|
||||
const actionWrapperTd = document.createElement('td');
|
||||
actionWrapperTd.colSpan = '2';
|
||||
actionWrapperTd.append(action);
|
||||
const actionWrapperTr = document.createElement('tr');
|
||||
actionWrapperTr.appendChild(actionWrapperTd);
|
||||
return actionWrapperTr;
|
||||
};
|
||||
|
||||
const renderActions = () => {
|
||||
const showEnnoblements = document.createElement('a');
|
||||
showEnnoblements.href = '#';
|
||||
(0, _pagination.setPage)(showEnnoblements, '1');
|
||||
showEnnoblements.innerHTML = 'Show ennoblements';
|
||||
showEnnoblements.addEventListener('click', handleShowTribeEnnoblementsClick);
|
||||
actionsContainer.appendChild(wrapAction(showEnnoblements));
|
||||
};
|
||||
|
||||
(function () {
|
||||
renderActions();
|
||||
})();
|
||||
},{"./libs/requestCreator":"Ph2E","./utils/pagination":"fCHX","./utils/getCurrentServer":"DMkL","./utils/getIDFromURL":"tQUs","./utils/renderEnnoblements":"vhoq"}]},{},["UdfQ"], null)
|
||||
|
|
@ -0,0 +1,103 @@
|
|||
import requestCreator from './libs/requestCreator';
|
||||
import { setPage, getPage } from './utils/pagination';
|
||||
import getCurrentServer from './utils/getCurrentServer';
|
||||
import getIDFromURL from './utils/getIDFromURL';
|
||||
import renderEnnoblementsPopup from './utils/renderEnnoblements';
|
||||
|
||||
// ==UserScript==
|
||||
// @name Extended Village Profile
|
||||
// @namespace https://github.com/tribalwarshelp/scripts
|
||||
// @updateURL https://raw.githubusercontent.com/tribalwarshelp/scripts/master/dist/extendedVillageProfile.js
|
||||
// @downloadURL https://raw.githubusercontent.com/tribalwarshelp/scripts/master/dist/extendedVillageProfile.js
|
||||
// @version 0.5
|
||||
// @description Extended Village Profile
|
||||
// @author Kichiyaki http://dawid-wysokinski.pl/
|
||||
// @match *://*/game.php*&screen=info_village*
|
||||
// @grant none
|
||||
// @run-at document-end
|
||||
// ==/UserScript==
|
||||
|
||||
const SERVER = getCurrentServer();
|
||||
const VILLAGE_ID = getIDFromURL(window.location.search);
|
||||
const ENNOBLEMENTS_QUERY = `
|
||||
query ennoblements($server: String!, $filter: EnnoblementFilter!) {
|
||||
ennoblements(server: $server, filter: $filter) {
|
||||
total
|
||||
items {
|
||||
village {
|
||||
id
|
||||
name
|
||||
x
|
||||
y
|
||||
}
|
||||
oldOwner {
|
||||
id
|
||||
name
|
||||
}
|
||||
oldOwnerTribe {
|
||||
id
|
||||
tag
|
||||
}
|
||||
newOwner {
|
||||
id
|
||||
name
|
||||
}
|
||||
newOwnerTribe {
|
||||
id
|
||||
tag
|
||||
}
|
||||
ennobledAt
|
||||
}
|
||||
}
|
||||
}
|
||||
`;
|
||||
const ENNOBLEMENTS_PER_PAGE = 15;
|
||||
const actionsContainer = document.querySelector(
|
||||
'#content_value > table > tbody > tr > td:nth-child(1) > table:nth-child(2) > tbody'
|
||||
);
|
||||
|
||||
const handleShowTribeEnnoblementsClick = async (e) => {
|
||||
e.preventDefault();
|
||||
const page = getPage(e.target);
|
||||
if (!isNaN(page)) {
|
||||
const data = await requestCreator({
|
||||
query: ENNOBLEMENTS_QUERY,
|
||||
variables: {
|
||||
filter: {
|
||||
villageID: [VILLAGE_ID],
|
||||
offset: ENNOBLEMENTS_PER_PAGE * (page - 1),
|
||||
limit: ENNOBLEMENTS_PER_PAGE,
|
||||
sort: 'ennobledAt DESC',
|
||||
},
|
||||
server: SERVER,
|
||||
},
|
||||
});
|
||||
renderEnnoblementsPopup(e, data.ennoblements, {
|
||||
currentPage: page,
|
||||
limit: ENNOBLEMENTS_PER_PAGE,
|
||||
onPageChange: handleShowTribeEnnoblementsClick,
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
const wrapAction = (action) => {
|
||||
const actionWrapperTd = document.createElement('td');
|
||||
actionWrapperTd.colSpan = '2';
|
||||
actionWrapperTd.append(action);
|
||||
const actionWrapperTr = document.createElement('tr');
|
||||
actionWrapperTr.appendChild(actionWrapperTd);
|
||||
return actionWrapperTr;
|
||||
};
|
||||
|
||||
const renderActions = () => {
|
||||
const showEnnoblements = document.createElement('a');
|
||||
showEnnoblements.href = '#';
|
||||
setPage(showEnnoblements, '1');
|
||||
showEnnoblements.innerHTML = 'Show ennoblements';
|
||||
showEnnoblements.addEventListener('click', handleShowTribeEnnoblementsClick);
|
||||
actionsContainer.appendChild(wrapAction(showEnnoblements));
|
||||
};
|
||||
|
||||
(function () {
|
||||
renderActions();
|
||||
})();
|
||||
Reference in New Issue