// ==UserScript==
// @name CONfetti
// @namespace https://www.conflictnations.com/
// @version 0.9.1
// @description Improve the Conflict Of Nations UI experience.
// @author Taviandir
// @match https://www.conflictnations.com/*
// @icon https://www.google.com/s2/favicons?domain=tampermonkey.net
// @license MIT
// @grant none
// ==/UserScript==
(function () {
'use strict';
if (!inIframe()) return;
log('INIT');
let correctUrl = document.location.href.includes('con-client');
console.log('CORRECT URL?', { correctUrl, href: document.location.href });
if (!correctUrl) return;
// Determine when it's loaded by observing changes to splash screen attributes. When it is finished loading, style="display: none;" is added to this element.
var splashScreen = document.getElementById('splashScreenContainer');
var observer = new MutationObserver(function (mutations) {
mutations.forEach(function (mutation) {
if (mutation.type === 'attributes') {
if (!__loaded) {
log('INIT SCRIPT');
initExtensionPlay();
__loaded = true;
log('INIT SCRIPT - DONE');
}
}
});
});
observer.observe(splashScreen, {
attributes: true, //configure it to listen to attribute changes
});
})();
var __loaded = false;
function initExtensionPlay() {
initEventWindow();
// hideGoldMarketing();
hideTutorialAdvisor();
initExtensionMenuRow();
initDiplomacyWindow();
}
function initDiplomacyWindow() {
var dipBtn = document.getElementById('func_btn_diplomacy');
dipBtn.addEventListener('click', onOpenDiplomacyWindow);
}
function onOpenDiplomacyWindow() {
log('on diplomacy open');
setTimeout(() => {
// delay setting to give it time to load the UI
var messageTabEl = document.getElementById('func_tab_messages');
messageTabEl.addEventListener('click', onClickDiplomacyMessagesTab);
}, 2000);
}
var __enabledCtrlEnterSend;
function onClickDiplomacyMessagesTab() {
// enable CTRL-Enter to send messages
if (!__enabledCtrlEnterSend) {
setTimeout(() => {
var textAreaEl = document.getElementById('func_create_message_body');
if (textAreaEl) {
textAreaEl.addEventListener('keydown', function (e) {
if (e.ctrlKey && (e.keyCode == 10 || e.keyCode == 13)) {
// Ctrl-Enter pressed
document.getElementById('func_send_message').click();
}
});
__enabledCtrlEnterSend = true;
}
}, 2000);
}
}
/**************************************** MENU ROW FEATURES ****************************************/
function initExtensionMenuRow() {
var refElement = document.getElementById('menuContainer');
var menuWrapper = document.createElement('div');
menuWrapper.id = 'ExtMenu';
menuWrapper.style = 'position: absolute; bottom: -80px; left: 0; width: 315px; z-index: 10; color: white; margin-left: 13px;';
var ulEl = document.createElement('ul');
ulEl.classList.add('mainmenu');
ulEl.style = 'display: grid; grid-template-columns: repeat(5, 1fr)';
menuWrapper.appendChild(ulEl);
insertAfter(menuWrapper, refElement);
// UNIT B-LVL BUTTON
var ubLvlButtonEl = addButtonToMenu(ulEl);
ubLvlButtonEl.style.fill = 'white';
var svgWrapper = document.createElement('div');
svgWrapper.innerHTML = _buildingIconSvg;
svgWrapper.style = 'width: 100%; margin: 0.25rem';
ubLvlButtonEl.appendChild(svgWrapper);
ubLvlButtonEl.addEventListener('click', onClickMenuUnitBuildingLevel);
// NOTES BUTTON
var notesButtonEl = addButtonToMenu(ulEl);
notesButtonEl.innerText = 'NOTES';
notesButtonEl.addEventListener('click', onClickMenuItemNotes);
}
function addButtonToMenu(menuEl) {
var liEl = document.createElement('li');
liEl.classList.add('con_button');
liEl.style = 'display: inline-flex; align-items: center; justify-content: center; font-weight: bold;';
menuEl.appendChild(liEl);
return liEl;
}
function createPopupCloseButton() {
var div = document.createElement('div');
div.innerHTML = `<div class="close_button_s"><div>x</div></div>`;
var child = div.firstChild;
child.parent = null;
div.remove();
return child;
}
/*** UNIT BUILDING LVL MATRIX ***/
function onClickMenuUnitBuildingLevel() {
log('UNIT BUILDING-LEVEL ITEM CLICKED');
var popupEl = document.createElement('div');
popupEl.id = 'ExtNotesUbLvl';
popupEl.style =
'min-width: 500px; background: #51666d; color: white; border: 1px solid #ccc; position: absolute; left: 2%; top: 25%; display: flex; flex-direction: column; padding: 0.25rem;';
popupEl.appendChild(initUbPopupStyles());
popupEl.appendChild(initUbLvlHeader());
var tableWrapper = document.createElement('div');
popupEl.appendChild(tableWrapper);
tableWrapper.innerHTML = _unitBuildlingLevelTableTemplate;
// inject data into table
var data = parseUnitBuildingLevelsData();
var tableEl = tableWrapper.firstChild;
for (let key in data) {
let obj = data[key];
for (let lvl = 1; lvl <= 5; lvl++) {
let arr = obj[lvl];
if (arr.length) {
let tdHtml = ubArrayToHtml(arr);
var cellId = getUbTableCellId(key, lvl);
var tdMatch = tableEl.querySelectorAll('#' + cellId);
if (tdMatch.length) {
tdMatch[0].innerHTML = tdHtml;
}
}
}
}
document.getElementById('s1914').appendChild(popupEl);
}
function initUbPopupStyles() {
var styles = document.createElement('style');
styles.innerHTML = _unitBuildlingPopupCss;
return styles;
}
function ubArrayToHtml(arr) {
let html = '';
for (let x of arr) {
html += '<div>' + x + '</div>';
}
return html;
}
function getUbTableCellId(building, lvl) {
let key = '';
if (building === 'Army Base') {
key = 'army';
} else if (building === 'Air Base') {
key = 'air';
} else if (building === 'Naval Base') {
key = 'naval';
}
return key + '_' + lvl;
}
function initUbLvlHeader() {
var headerWrapper = document.createElement('div');
headerWrapper.style = 'display: flex; align-items: space-between';
var closeButton = createPopupCloseButton();
closeButton.addEventListener('click', onClickCloseUbLvlWindow);
var headerEl = document.createElement('h1');
headerEl.innerText = 'Units by Building Levels';
headerEl.style = 'margin-bottom: 0.5rem';
headerWrapper.appendChild(headerEl);
headerWrapper.appendChild(closeButton);
return headerWrapper;
}
function onClickCloseUbLvlWindow() {
document.getElementById('ExtNotesUbLvl').remove();
}
function parseUnitBuildingLevelsData() {
var rows = _unitBuildingLevelsData.split('\n');
let dict = {};
let currentObj = null;
for (let row of rows) {
let cols = row.split('\t');
// check for new category
if (cols[0] != '') {
currentObj = {};
initLevelsInBuildingObj(currentObj);
var key = cols[0] + ' Base';
dict[key] = currentObj;
}
// add units to its level
for (let lvl = 1; lvl <= 5; lvl++) {
if (!!cols[lvl]) {
currentObj[lvl].push(cols[lvl]);
}
}
}
return dict;
}
function initLevelsInBuildingObj(obj) {
for (let i = 0; i < 5; i++) {
obj[i + 1] = [];
}
}
/*** NOTES ***/
function onClickMenuItemNotes() {
log('NOTES MENU ITEM CLICKED');
var popupEl = document.createElement('div');
popupEl.id = 'ExtNotesPopup';
popupEl.style =
'min-width: 500px; background: #eee; color: black; border: 1px solid #ccc; position: absolute; left: 2%; top: 25%; display: flex; flex-direction: column; padding: 0.25rem;';
var headerEl = document.createElement('h1');
headerEl.innerText = 'Notes';
headerEl.style = 'margin-bottom: 0.5rem';
popupEl.appendChild(headerEl);
var gameId = getGameId();
var textEl = document.createElement('textarea');
textEl.id = 'ExtNoteInput';
textEl.value = loadGameNote(gameId);
textEl.setAttribute('rows', 10);
popupEl.appendChild(textEl);
// buttons container
var buttonDiv = document.createElement('div');
buttonDiv.style = 'display: flex; margin-top: 0.5rem; justify-content: flex-end';
popupEl.appendChild(buttonDiv);
// cancel button
var cancelEl = document.createElement('button');
cancelEl.id = 'ExtNoteCancel';
cancelEl.innerText = 'Cancel';
cancelEl.className = 'con_button large_button uppercase';
cancelEl.style = 'margin-right: 0.5rem;';
cancelEl.addEventListener('click', onClickCancelNote);
buttonDiv.appendChild(cancelEl);
// save button
var saveEl = document.createElement('button');
saveEl.id = 'ExtNoteSave';
saveEl.innerText = 'Save';
saveEl.className = 'con_button large_button uppercase';
saveEl.addEventListener('click', onClickSaveNote);
buttonDiv.appendChild(saveEl);
document.getElementById('s1914').appendChild(popupEl);
}
function onClickCancelNote() {
closeNoteWindow();
}
function onClickSaveNote() {
// log('save click');
var textValue = document.getElementById('ExtNoteInput').value;
log(textValue);
saveGameNote(getGameId(), textValue);
// log('NOTE SAVED');
closeNoteWindow();
}
function closeNoteWindow() {
document.getElementById('ExtNotesPopup').remove();
}
function loadGameNote(gameId) {
return localStorage.getItem('ext_note_' + gameId);
}
function saveGameNote(gameId, text) {
localStorage.setItem('ext_note_' + gameId, text);
}
function hideTutorialAdvisor() {
var element = document.getElementById('tutorialAdviceTextContainer');
if (element) {
element.remove();
}
}
function hideGoldMarketing() {
var element = document.getElementById('marketingPopupContainer');
let m = document.querySelectorAll('#marketingPopupContainer .func_close_button');
console.log('GOLD match', m);
if (m.length) {
m.click();
}
}
var _unreadEvents = 0;
function initEventWindow() {
var eventButton = document.getElementById('func_btn_events');
// extract the "Unread Events" value from the red circle
var unreadEventsElem = document.getElementById('func_events_unread');
if (unreadEventsElem) {
log('UNREAD EVENTS: ' + unreadEventsElem.innerText);
if (unreadEventsElem.innerText !== '') {
var unreadValue = parseInt(unreadEventsElem.innerText);
if (+unreadValue) {
_unreadEvents = +unreadValue;
}
console.log('unread as number', unreadValue, _unreadEvents);
}
}
eventButton.addEventListener('click', (event) => {
initOptionsInEventWindow();
markUnreadEvents();
addUnitTypeToResearchEvents();
enhanceAgentEvents();
});
}
function initOptionsInEventWindow() {
log('init event window!');
var eventContentElem = document.querySelector('#eventsContainer .content .overview');
if (eventContentElem) {
// create a parent wrapper object for all filters
let wrapper = document.createElement('div');
wrapper.id = 'confetti-event-filters';
wrapper.style = 'display: flex; padding: 1rem;';
eventContentElem.prepend(wrapper);
addTypeFilterSelect(wrapper);
addCountryFilterSelect(wrapper);
}
}
function markUnreadEvents() {
console.log('Mark Unread Events', _unreadEvents);
let childrenOfUl = document.querySelector('#eventsContainer .content .overview ul').children;
//console.log("children of ul", childrenOfUl, unreadEvents);
for (var i = 0; i < _unreadEvents; i++) {
var liElem = childrenOfUl[i];
// console.log("SET UNREAD: li elem", liElem);
liElem.style.borderLeft = '4px solid yellow';
}
}
function enhanceAgentEvents() {
log('Enhance Agent Events');
let childrenOfUl = document.querySelector('#eventsContainer .content .overview ul').children;
//console.log("children of ul", childrenOfUl, unreadEvents);
// console.log("AGENT childrenoful", childrenOfUl);
for (var i = 0; i < childrenOfUl.length; i++) {
var evEl = childrenOfUl[i];
var desc = evEl.querySelector('.event-description');
// console.log("event innertext", evEl, desc, desc.innerText);
if (desc.innerText.indexOf('Our agent') >= 0) {
// console.log("ENHANCE - our agent event", desc.innerText);
var headerEl = evEl.querySelector('.event-time');
if (desc.innerText.indexOf('have intercepted') >= 0) {
// this is one of the "done to us"
} else if (desc.innerText.indexOf('has been captured') >= 0) {
// mission failed
headerEl.innerText = '👎 ' + headerEl.innerText;
headerEl.style = 'color: yellow;';
} else if (desc.innerText.indexOf('sabotaged buildings') >= 0 || desc.innerText.indexOf('destroyed resources') >= 0) {
// mission successful
headerEl.innerText = '👍 ' + headerEl.innerText;
headerEl.style = 'color: #0f0;';
}
// TODO : agent missions done on us
}
}
}
function addUnitTypeToResearchEvents() {
setTimeout(() => {
// console.log('addUnitTypeToResearchEvents()');
var eventElems = document.querySelectorAll('#eventsContainer .content .overview ul li');
// console.log('RES event elems', eventElems);
for (var i = 0; i < eventElems.length; i++) {
var evEl = eventElems[i];
var desc = evEl.querySelector('.event-description');
var content = '';
if (desc) {
content = desc.innerText;
} else {
continue;
}
if (content.includes('Research Completed')) {
// parse out research name from event text
let prefix = 'Research for ';
let suffix = ' has been completed';
let idxStart = content.lastIndexOf(prefix) + prefix.length;
let idxEnd = content.lastIndexOf(suffix);
let researchName = content.substring(idxStart, idxEnd);
let researchNameWithoutParanthesis = researchName.substring(0, researchName.indexOf(' ('));
// find match
let unitTypeMatch = tryMatchUnitType(researchNameWithoutParanthesis);
// let unitTypeMatch = tryMatchUnitType('Benjamin Franklin Class');
console.log('Unit type match?', { unitTypeMatch, researchNameWithoutParanthesis, researchName });
if (unitTypeMatch) {
// set the new innerText on the content div
//var newContent = content.substring(0, idxStart) + researchName + ' [' + unitTypeMatch + ']' + content.substring(idxEnd);
setNewResearchContent(content, idxStart, idxEnd, researchName, unitTypeMatch, desc);
} else {
// perhaps a soft upgrade, try to match for it instead
var softUpgrades = parseSoftUnitUpgradesData();
var lvl = extractResearchUpgradeLevel(researchName);
// console.log('research softs', { researchName, researchNameWithoutParanthesis, lvl });
if (lvl > 1) {
var unitTypes = tryMatchSoftUpgrade(researchNameWithoutParanthesis, lvl);
// console.log("soft upgr result", { unitTypes });
// if more than 3 hits, then dont write anything (too common upgrade, e.g. "Engine Upgrade (Lvl 2)"
if (unitTypes.length && unitTypes.length <= 3) {
var softMatchStr = unitTypes.join(' / ');
setNewResearchContent(content, idxStart, idxEnd, researchName, softMatchStr, desc);
}
}
}
}
}
}, 1000);
}
function setNewResearchContent(content, idxStart, idxEnd, researchName, matchName, el) {
var style = 'text-decoration: underline';
var newContent =
content.substring(0, idxStart) +
researchName +
' <span style="' +
style +
'">[ ' +
matchName +
' ]</span>' +
content.substring(idxEnd);
// console.log("NEW RESEARCH CONTENT", newContent);
el.innerHTML = newContent;
}
function extractResearchUpgradeLevel(researchName) {
var x = /(\d\))$/.exec(researchName)[0].replace(')', '');
if (!isNaN(x)) {
return parseInt(x);
} else {
return null;
}
}
function tryMatchSoftUpgrade(researchName, lvl) {
let data = parseSoftUnitUpgradesData();
var idx = lvl - 1;
var matches = [];
for (let key in data) {
if (data.hasOwnProperty(key)) {
try {
if (data[key][idx] === researchName) {
matches.push(key);
}
} catch (error) {}
}
}
return matches;
}
function tryMatchUnitType(researchName) {
let data = parseUnitDoctrineData();
for (let key in data) {
if (data.hasOwnProperty(key)) {
if (data[key].some((str) => str == researchName)) {
// console.log("MATCH FOUND!", { type: key, needle: researchName });
return key;
}
}
}
return null;
}
// format: { [key: string]: string[] }
// where key = unit type, and array = unit type names in the doctrines
// e.g. { 'Attack Submarine': ['Los Angeles Class', ...]
var _parsedUnitDoctrineData = null;
function parseUnitDoctrineData() {
if (_parsedUnitDoctrineData) {
return _parsedUnitDoctrineData;
}
let rowSplit = _unitDoctrineData.split('\n');
var result = {};
for (let i = 0; i < rowSplit.length; i++) {
let rawRow = rowSplit[i];
let cols = rawRow.split('\t');
let values = cols.filter((x) => !!x && x.length);
let unitType = values.shift();
result[unitType] = values;
}
_parsedUnitDoctrineData = result;
return _parsedUnitDoctrineData;
}
var _parsedSoftUpgradesData = null;
function parseSoftUnitUpgradesData() {
if (_parsedSoftUpgradesData) {
return _parsedSoftUpgradesData;
}
let rowSplit = _unitSoftUpgradesData.split('\n');
var result = {};
for (let i = 0; i < rowSplit.length; i++) {
let rawRow = rowSplit[i];
let cols = rawRow.split('\t');
// let values = cols.filter(x => !!x && x.length);
let values = cols;
let unitType = values.shift();
result[unitType] = values;
}
_parsedSoftUpgradesData = result;
return _parsedSoftUpgradesData;
}
/****************************** EVENT FILTERS ******************************/
function onChangeFilters() {
console.log('onChangeFilters()');
var typeFilterValue = getEventFilterTypeValue();
var countryFilterValue = getEventFilterCountryValue();
// console.log("FILTER VALUES", { typeFilterValue, countryFilterValue });
var eventElems = document.querySelectorAll('#eventsContainer .content .overview ul li');
// console.log('eventElems', { eventElems });
for (var i = 0; i < eventElems.length; i++) {
var evEl = eventElems[i];
var typeOk = evalFilterType(evEl, typeFilterValue);
var countryOk = evalFilterCountry(evEl, countryFilterValue);
// console.log('EV FILTER RESULT', { evEl, typeOk, countryOk, typeFilterValue, countryFilterValue });
var show = typeOk && countryOk;
if (show) {
evEl.removeAttribute('hidden');
} else {
evEl.setAttribute('hidden', '');
}
}
}
function addTypeFilterSelect(elem) {
log('addTypeFilterSelect()');
let wrapper = document.createElement('div');
wrapper.id = 'confetti-event-wrapper-type';
wrapper.style.marginRight = '1rem';
// add a label for type select
let filterLabel = document.createElement('span');
filterLabel.innerText = 'Type: ';
wrapper.appendChild(filterLabel);
// add type select w/ options
let filterSelect = document.createElement('select');
filterSelect.id = _eventFilterTypeId;
wrapper.appendChild(filterSelect);
filterSelect.style.padding = '0.5rem';
addOptionToParent('All', 'ALL', filterSelect);
addOptionToParent('Combat', 'COM', filterSelect);
addOptionToParent('Territories', 'TER', filterSelect);
addOptionToParent('Agents', 'AGE', filterSelect);
addOptionToParent('Research', 'RES', filterSelect);
addOptionToParent('City Production', 'CIT', filterSelect);
addOptionToParent('Diplomacy', 'DIP', filterSelect);
filterSelect.addEventListener('change', onChangeFilters);
elem.append(wrapper);
}
var _eventFilterTypeId = 'confetti-filter-type-select';
function getEventFilterTypeValue() {
return document.getElementById('' + _eventFilterTypeId).value;
}
var _eventFilterCountryId = 'confetti-filter-country-select';
function getEventFilterCountryValue() {
return document.getElementById('' + _eventFilterCountryId).value;
}
function evalFilterType(evEl, filter) {
if (!filter || filter == '' || filter == 'ALL') return true;
var desc = evEl.querySelector('.event-description');
var content = '';
// console.log('evalFilterType', { desc, filter });
if (desc) {
content = desc.innerText;
} else {
return true;
}
var show = true;
var keywordsToSearchFor;
if (filter === 'COM') {
keywordsToSearchFor = ['Enemy Defeated', 'Fighting.', 'Friendly Unit Lost', 'Civilian Casualties'];
} else if (filter === 'TER') {
keywordsToSearchFor = ['Province Entered', 'Territory Lost', 'Territory Conquered'];
} else if (filter === 'AGE') {
keywordsToSearchFor = ['Agent'];
} else if (filter === 'RES') {
keywordsToSearchFor = ['Research Completed'];
} else if (filter === 'CIT') {
keywordsToSearchFor = ['built in', 'mobilized'];
} else if (filter === 'DIP') {
keywordsToSearchFor = ['New Article Published', 'Message Received', 'Diplomatic Status Changed', 'the coalition'];
}
if (keywordsToSearchFor && keywordsToSearchFor.length) {
show = keywordsToSearchFor.map((x) => content.includes(x)).some((match) => match === true);
}
return show;
}
function evalFilterCountry(evEl, filter) {
if (!filter || filter == '') return true;
var attr = evEl.getAttribute('data-country');
return attr === filter;
}
function addCountryFilterSelect(elem) {
log('addCountryFilterSelect()');
var countries = detectCountriesInEvents();
// console.log("COUNTRIES", countries);
let wrapper = document.createElement('div');
wrapper.id = 'confetti-event-wrapper-country';
wrapper.style.marginRight = '1rem';
// add a label for type select
let filterLabel = document.createElement('span');
filterLabel.innerText = 'Country: ';
wrapper.appendChild(filterLabel);
// add type select w/ options
let filterSelect = document.createElement('select');
filterSelect.id = _eventFilterCountryId;
wrapper.appendChild(filterSelect);
filterSelect.style.padding = '0.5rem';
// add options
addOptionToParent('All', '', filterSelect);
for (var i = 0; i < countries.length; i++) {
var c = countries[i];
addOptionToParent(c.value, c.key, filterSelect);
}
filterSelect.addEventListener('change', onChangeFilters);
elem.append(wrapper);
}
function detectCountriesInEvents() {
// NOTE : THIS METHOD BOTH DETECTS COUNTRIES AND SETS [data-country] ATTR ON EVENT
var eventElems = document.querySelectorAll('#eventsContainer .content .overview ul li');
// var filter = event.target.value;
var countriesLower = [];
for (var i = 0; i < eventElems.length; i++) {
var evEl = eventElems[i];
var finds = evEl.querySelectorAll('.small_flag_container img');
if (finds.length === 0) continue;
var el = finds[0];
var imgSrc = el.getAttribute('src');
var countryName = imgSrc.split('small_')[1].split('.png')[0];
// set data-country attr on event elem
evEl.setAttribute('data-country', countryName);
// add to list of possible countries, if not there already
if (countriesLower.indexOf(countryName) === -1) {
countriesLower.push(countryName);
}
}
var result = countriesLower.map((s) => {
if (_flagCountryNameDict[s]) {
return { key: s, value: _flagCountryNameDict[s] };
} else {
return { key: s, value: toUpperCaseFirst(s) };
}
});
// finally, sort
console.log('>>>>>> countries result', { result });
result.sort((a, b) => (a.value < b.value ? -1 : 1));
return result;
}
/************************ MISC METHODS *******************************/
function getGameId() {
const urlParams = new URLSearchParams(window.location.search);
return urlParams.get('gameID');
}
function insertAfter(newNode, referenceNode) {
referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
}
function addOptionToParent(displayName, value, parentElem) {
let node = document.createElement('option');
node.value = value;
node.innerText = displayName;
parentElem.appendChild(node);
}
function log(msg) {
if (typeof msg === 'string') {
console.log('[CONfetti] ' + msg);
} else {
console.log('[CONfetti] ', msg);
}
}
function inIframe() {
try {
return window.self !== window.top;
} catch (e) {
return true;
}
}
function toUpperCaseFirst(str) {
return str.charAt(0).toUpperCase() + str.slice(1);
}
/************************ STATIC DATA *******************************/
const _flagCountryNameDict = {
thechosen: 'The Chosen',
roguestate: 'Rogue State',
};
const _unitDoctrineData = `Motorized Infantry Basic Infantry Advanced Infantry Modern Infantry
Mechanized Infantry Basic Mechanized Advanced Mechanized Modern Mechanized
Naval Infantry Basic Marines Advanced Marines Modern Marines
Airborne Infantry Basic Airborne Advanced Airborne Modern Airborne
Special Forces Basic Rangers Advanced Rangers Modern Rangers Basic SAS Advanced SAS Modern SAS Basic Spetsnaz Advanced Spetsnaz Modern Spetsnaz
National Guard Basic National Guard Advanced National Guard Modern National Guard
Combat Recon Vehicle M113 Recon M1117 RSTA LAV-25 Fox FV721 VEC-M1 Griffon VBMR BRDM-1 BRDM-2 BRDM-3
Armored Fighting Vehicle M551 Sheridan M2 Bradley M3 Bradley Scorpion FV Warrior Puma BMP-2 BMP-3 Dragon T-15
Amphibious Combat Vehicle LVTP-7 AAVP-7A1 ACV 1.1 Fuchs Piranha VCBI II BTR-80 BTR-90 Bumerang
Main Battle Tank M1A1 Abrams M1A2 Abrams M1A3 Abrams Leopard 2 Challenger 2 Leopard 2A7+ T-80 T-90 T-14 Armata
Tank Destroyer M56 Scorpion M901 ITV M1134 Stryker ATGM Kanonenjagdpanzer AMX-10 RC Centauro 2S25 Sprut-SD BMPT Terminator BMPT-72 Terminator 2
Towed Artillery M198 Howitzer M119 Howitzer M777 Howitzer FH70 TRF1 155 GH 52 APU D-30 Howitzer 2A36 Giatsint-B 2A Msta-B
Mobile Artillery M110 Howitzer M109 Howitzer M1203 NLOS GCT 155mm AS-90 Braveheart Panzerhaubitzer 2000 2S3 Akatsiya 2S19 Msta-S 2S35 Koalitsiya-SV
Multiple Rocket Launcher M270 MLRS M270A1 MLRS M142 HIMARS Teruel M270 B1 LRSVM Morava BM-21 Grad BM-30 Smerch 9A52-4 Tornado
Mobile Anti-Air Vehicle M163 VADS M247 Sergeant York LAV-AD Air Defense Gepard Otomatic Marksman AZU-57-2 ZSU-23-4 Shilka 2K22 Tunguska
Mobile SAM Launcher MIM-23 Hawk MIM-72 Chaparral AN/TWQ-1 Avenger Ozelot Crotale Stormer HVM 9K35 Strela-10 BUK M1 Pantsir-S1
Theater Defense System MIM-14 Nike MIM-104 Patriot THAAD Missile Defence Bloodhound MEADS SAMP/T S-125 Neva S-300 S-400 Triumf
Mobile Radar LCM RADAR ELEC EQ-36 PATRIOT AN/MPQ-53 UNIMOG SCB MARS-L Ground Master 400 1L121-E KASTA Nebo-M
Helicopter Gunship Kiowa UH-1Y Venom Armed Black Hawk Gazelle Super Puma NH-90 Mi-8 TVK Mi-24 Hind Mi-35M
Attack Helicopter AH-1G Cobra AH-1Z Viper AH-64D Apache Longbow A129 Mangusta AW Apache AH64D Tiger Ka-50 Black Shark Ka-52 Alligator Mi-28 Havoc
ASW Helicopter SH-3 Sea King SH-2 Super Seasprite MH-60R Seahawk AB 212ASW Panther AW159 Wildcat Ka-25 Mi-14 Haze Ka-27 Helix
Air Superiority Fighter F-5 Tiger F-16A Fighting Falcon F-16V Viper J 35A Draken Mirage F1 Typhoon MiG-23 Flogger MiG-29 Fulcrum MiG-35 Super Fulcrum
Naval Air Superiority Fighter F-4 Phantom II F-14A Tomcat F-14D Super Tomcat Étendard IVM Jaguar M Rafale M Yak-141 Su-33 Flanker D MiG-29K
Stealth Air Superiority Fighter F-22 Raptor MBB Firefly Su-47 Berkut
Strike Fighter F-111 Aardvark F-15 Strike Eagle F-15 Silent Eagle Mirage Delta 2000 Tornado JAS 39 Gripen Su-24 Fencer Su-27 Flanker Su-35 Super Flanker
Naval Strike Fighter A-6 Intruder A-7 Corsair II F-18 Super Hornet Harrier Super Étendard Harrier II Plus Yak-38 Su-27K Su-35K
Stealth Strike Fighter F-35 Lightning II F-117 Nighthawk Su-T50 PakFa
UAV MQ1-Predator RQ-9 Global Hawk X-47B Super Heron MQ9-Reaper NEUROn ZOND II United 40 B5 MIG SKAT
Naval Patrol Aircraft P-3 Orion CP-140 Aurora P-8 Poseidon Nimrod CN-235 CASA C295 Persuader Tu-142 Bear Il-38 Dolphin A-40 Albatros
AWACS EC-121 Warning Star E-3 Sentry E-8 Joint STARS EC-121 Warning Star E-3 Sentry E-8 Joint STARS Tu-126 A-50 Mainstay A-100
Naval AWACS E-2 Hawkeye Bombardier Globaleye Tu-126XXXXX
Heavy Bomber B-47 Stratojet B-52 Stratofortress B-1 Lancer Valiant Victor Vulcan Tu-95 Bear Tu-22M Backfire Tu-160 White Swan
Stealth Bomber B-2 Spirit SR71 Blackbird Tu-PakDa
Corvette Hamilton Class Cyclone Class Freedom Class LCS Descubierta Class Göteborg Class Braunschweig Class Albatros Class Steregushchiy Class Gremyashchiy Class
Frigate Garcia Class Knox Class Perry Class Duke Class Bremen Class Horizon Class Krivak Class Neutrashimy Class Admiral Gorshkov Class
Destroyer Farragut Class Spruance Class Arleigh Burke Class Hamburg Class Gloucester Class Daring Class Kashin Class Sovremennyy Class Lider Class
Cruiser California Class Virginia Class Ticonderoga Class Tiger Class Vittorio Veneto Class Absalon Class Kresta II Class Kara Class Slava Class
Aircraft Carrier Kitty Hawk Class Nimitz Class Gerald R. Ford Class Giuseppe Garibaldi Class Charles de Gaulle Class Queen Elizabeth Class Kiev Class Kuznetsov Class Ulyanovsk Class
Attack Submarine Los Angeles Class Seawolf Class Virginia Class Swiftsure Class Rubis Class Astute Class Viktor Class Akula Class Yasen Class
Ballistic Missile Submarine Benjamin Franklin Class Ohio Class Columbia Class Resolution Class Vanguard Class Triomphant Class Delta Class Typhoon Class Borey Class
ICBM Minuteman III GBSD M51.1 M51.2 RT-2PM Topol RS-26 Rubezh
Ballistic Missile Pershing I Pershing II Pershing III PGM-17 Thor SSBS S3 J-600T Scud SS-20 Saber 9K720 Iskander
Cruise Missile Gryphon Tomahawk LRSO RBS-15 KEPD 350 Storm Shadow P-500 Bazalt Kh-55 3M-54 Klub`;
const _unitSoftUpgradesData = `Motorized Infantry Engine Upgrade I Man Portable Air Defense Engine Upgrade II Personal Armor
Mechanized Infantry Engine Upgrade NBC Protection Reinforced Armor
Naval Infantry Engine Upgrade Portable Air Defense NBC Protection
Airborne Infantry Jungle Warfare Training Rapid Deployment Training Woodland Warfare Training Advanced Ballistic Armor
Special Forces Portable Air Defense Amphibious Warfare Training
National Guard Personal Armor Rapid Deployment Training I Rapid Deployment Training II Streamlined Mobilization
Combat Recon Vehicle Engine Upgrade Air Assault NBC Protection Reinforced Armor
Armored Fighting Vehicle Ground-to-Air Armament Upgrade Reinforced Armor NBC Protection Urban Survival Kit
Amphibious Combat Vehicle
Main Battle Tank Reinforced Armor Engine Upgrade NBC Protection Urban Survival Kit
Tank Destroyer Anti Personnel Ammunition Engine Upgrade Air Assault Reinforced Armor
Towed Artillery Rocket Assisted Projectiles Air Assault Enhanced Optical Sights Extended Barrel Upgrade
Mobile Artillery Rocket Assisted Projectiles Reinforced Armor NBC Protection
Multiple Rocket Launcher Improved Rocket Range Engine Upgrade
Mobile Anti-Air Vehicle Reinforced Armor Engine Upgrade Air Assault Ground-to-Air Armament Upgrade
Mobile SAM Launcher Improved Missile Range Engine Upgrade Air Assault
Theater Defense System Improved Missile Range Survivability Kit Stealth Locating System
Mobile Radar Advanced Sensors Array Engine Upgrade Stealth Locating System
Helicopter Gunship Bulletproofing Engine Upgrade AT Missile Pods Fuel Optimization Measures
Attack Helicopter Bulletproofing Fuel Optimization Measures Engine Upgrade Streamlined Mobilization
ASW Helicopter Fuel Optimization Measures Advanced Sensors Array Anti-Surface Warfare Kit
Air Superiority Fighter Reinforced Airframe Engine Replacement Fuel Optimization Measures Streamlined Mobilization
Naval Air Superiority Fighter
Stealth Air Superiority Fighter
Strike Fighter Reinforced Airframe Air-to-Air Armament Upgrade Fuel Optimization Measures Streamlined Mobilization
Naval Strike Fighter
Stealth Strike Fighter
UAV Fuel Optimization Measures Engine Replacement Reinforced Airframe
Naval Patrol Aircraft Advanced Sensor Array Cruise Missile Hardpoints
AWACS Reinforced Airframe Advanced Sensor Array Stealth Locating System
Naval AWACS
Heavy Bomber Reinforced Airframe Fuel Optimization Measures Increased Missile Hardpoints Bunker Busting Ordnance
Stealth Bomber
Corvette Survivability Refit Streamlined Mobilization Engine Overhaul Air Defense Upgrade
Frigate AA Envelope Expansion Point-Defense Upgrade Engine Overhaul Stealth Locating System
Destroyer Engine Overhaul Air Defense Upgrade Survivability Refit
Cruiser Survivability Refit Expanded Missile Magazine
Aircraft Carrier Air Defense Upgrade Point-Defense Upgrade
Attack Submarine Survivability Refit Nuclear Reactor Refit Expanded Missile Magazine
Ballistic Missile Submarine Nuclear Reactor Refit Cruise Missile Launch System Improved Reloading System Expanded Missile Magazine
ICBM Fuel Improvement Warhead Shielding
Ballistic Missile Fuel Improvement Booster Upgrade Warhead Shielding
Cruise Missile Booster Upgrade Fuel Improvement Warhead Shielding `;
const _unitBuildingLevelsData = `Army Motorized Infantry Mechanized Infantry Special Forces Multiple Rocket Launcher Theater Defense System
National Guard Naval Infantry Mobile Artillery
Combat Recon Vehicle Airmobile Infantry Mobile SAM Launcher
Mobile Anti-Air Vehicle Armored Fighting Vehicle Tank Commander
Infantry Officer Amphibious Combat Vehicle
Airborne Officer Main Battle Tank
Tank Destroyer
Towed Artillery
Mobile Radar
Air Helicopter Gunship Attack Helicopter Naval Strike Fighter AWACS Stealth Air Superiority Fighter
Air Superiority Fighter ASW Helicopter Naval Patrol Aircraft Naval AWACS Stealth Strike Fighter
UAV Naval Air Superiority Fighter Heavy Bomber Stealth Bomber
Rotary Wing Officer Strike Fighter
Naval Corvette Destroyer Cruiser Aircraft Carrier
Frigate Attack Submarine Ballistic Missile Submarine
Naval Officer Submarine Commander `;
const _unitBuildlingPopupCss = `
thead.ext-ub-head {
border-bottom: 1px solid #fff;
}
td.ext-ub-cell-category {
border-right: 1px solid #fff;
}
#ExtUbTable tbody td {
padding: 1rem;
vertical-align: unset;
}
`;
const _unitBuildlingLevelTableTemplate = `<table id="ExtUbTable">
<thead class="ext-ub-head">
<tr>
<th>Building</th>
<th>Level 1</th>
<th>Level 2</th>
<th>Level 3</th>
<th>Level 4</th>
<th>Level 5</th>
</tr>
</thead>
<tbody>
<tr>
<td class="ext-ub-cell-category">Army Base</td>
<td id="army_1"></td>
<td id="army_2"></td>
<td id="army_3"></td>
<td id="army_4"></td>
<td id="army_5"></td>
</tr>
<tr>
<td class="ext-ub-cell-category">Air Base</td>
<td id="air_1"></td>
<td id="air_2"></td>
<td id="air_3"></td>
<td id="air_4"></td>
<td id="air_5"></td>
</tr>
<tr>
<td class="ext-ub-cell-category">Naval Base</td>
<td id="naval_1"></td>
<td id="naval_2"></td>
<td id="naval_3"></td>
<td id="naval_4"></td>
<td id="naval_5"></td>
</tr>
</tbody>
</table>`;
// NOTE : temp until code for 'native' icons are in place
const _buildingIconSvg = `<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 442 442" style="enable-background:new 0 0 442 442;" xml:space="preserve">
<g>
<path d="M382,0H60c-5.523,0-10,4.477-10,10v422c0,5.523,4.477,10,10,10h322c5.523,0,10-4.477,10-10V10C392,4.477,387.523,0,382,0z
M295,422h-55V279h55V422z M372,422h-57V269c0-5.523-4.477-10-10-10h-75c-5.523,0-10,4.477-10,10v153H70V20h302V422z"/>
<path d="M103,128h50c5.523,0,10-4.477,10-10V53c0-5.523-4.477-10-10-10h-50c-5.523,0-10,4.477-10,10v65
C93,123.523,97.477,128,103,128z M113,63h30v45h-30V63z"/>
<path d="M196,128h50c5.523,0,10-4.477,10-10V53c0-5.523-4.477-10-10-10h-50c-5.523,0-10,4.477-10,10v65
C186,123.523,190.477,128,196,128z M206,63h30v45h-30V63z"/>
<path d="M289,128h50c5.523,0,10-4.477,10-10V53c0-5.523-4.477-10-10-10h-50c-5.523,0-10,4.477-10,10v65
C279,123.523,283.477,128,289,128z M299,63h30v45h-30V63z"/>
<path d="M103,236h50c5.523,0,10-4.477,10-10v-65c0-5.523-4.477-10-10-10h-50c-5.523,0-10,4.477-10,10v65
C93,231.523,97.477,236,103,236z M113,171h30v45h-30V171z"/>
<path d="M196,236h50c5.523,0,10-4.477,10-10v-65c0-5.523-4.477-10-10-10h-50c-5.523,0-10,4.477-10,10v65
C186,231.523,190.477,236,196,236z M206,171h30v45h-30V171z"/>
<path d="M289,236h50c5.523,0,10-4.477,10-10v-65c0-5.523-4.477-10-10-10h-50c-5.523,0-10,4.477-10,10v65
C279,231.523,283.477,236,289,236z M299,171h30v45h-30V171z"/>
<path d="M103,344h50c5.523,0,10-4.477,10-10v-65c0-5.523-4.477-10-10-10h-50c-5.523,0-10,4.477-10,10v65
C93,339.523,97.477,344,103,344z M113,279h30v45h-30V279z"/>
</g></svg>`;
