|
|
function printResources(r) { let html = ""; html += `Requires:`; if (r.Metal <= user.Resources.Metal) { html += ` Metal: <b style="color:lime;">` + r.Metal + `</b>`; } else { html += ` Metal: <b style="color:red;">` + r.Metal + `</b>`; }
if (r.Crystal <= user.Resources.Crystal) { html += ` Crystal: <b style="color:lime;">` + r.Crystal + `</b>`; } else { html += ` Crystal: <b style="color:red;">` + r.Crystal + `</b>`; }
if (r.Deuterium <= user.Resources.Deuterium) { html += ` Deuterium: <b style="color:lime;">` + r.Deuterium + `</b>`; } else { html += ` Deuterium: <b style="color:red;">` + r.Deuterium + `</b>`; }
if (r.Energy <= user.Resources.Energy) { html += ` Energy: <b style="color: lime;">` + r.Energy + `</b>`; } else { html += ` Energy: <b style="color: red;">` + r.Energy + `</b>`; }
return html; } function printPlanet(planet) { let r = {}; document.getElementById("planetname").innerHTML = planet.Name;
// metalmine
document.getElementById("metalmineLevel").innerHTML = "(Level " + planet.Buildings.metalmine + ")"; if (planet.Buildings.metalmine == undefined) { document.getElementById("btnBuildMetalMine").innerHTML = `<div onclick="buildBuilding('metalmine')">Build building</div>`; r = metalmineCost(1); document.getElementById("metalmineResources").innerHTML = printResources(r); } else { document.getElementById("btnBuildMetalMine").innerHTML = `<div onclick="buildBuilding('metalmine')">Build level ` + (+ (planet.Buildings.metalmine) + + (1)) + `</div>`; r = metalmineCost((+ (planet.Buildings.metalmine) + + (1))); document.getElementById("metalmineResources").innerHTML = printResources(r); }
// crystalmine
document.getElementById("crystalmineLevel").innerHTML = "(Level " + planet.Buildings.crystalmine + ")"; if (planet.Buildings.crystalmine == undefined) { document.getElementById("btnBuildCrystalMine").innerHTML = `<div onclick="buildBuilding('crystalmine')">Build building</div>`; r = crystalmineCost(1); document.getElementById("crystalmineResources").innerHTML = printResources(r); } else { document.getElementById("btnBuildCrystalMine").innerHTML = `<div onclick="buildBuilding('crystalmine')">Build level ` + (+ (planet.Buildings.crystalmine) + + (1)) + `</div>`; r = crystalmineCost((+ (planet.Buildings.crystalmine) + + (1))); document.getElementById("crystalmineResources").innerHTML = printResources(r); }
// deuteriummine
document.getElementById("deuteriummineLevel").innerHTML = "(Level " + planet.Buildings.deuteriummine + ")"; if (planet.Buildings.deuteriummine == undefined) { document.getElementById("btnBuildDeuteriumMine").innerHTML = `<div onclick="buildBuilding('deuteriummine')">Build building</div>`; r = deuteriummineCost(1); document.getElementById("deuteriummineResources").innerHTML = printResources(r); } else { document.getElementById("btnBuildDeuteriumMine").innerHTML = `<div onclick="buildBuilding('deuteriummine')">Build level ` + (+ (planet.Buildings.deuteriummine) + + (1)) + `</div>`; r = deuteriummineCost((+ (planet.Buildings.deuteriummine) + + (1))); document.getElementById("deuteriummineResources").innerHTML = printResources(r); }
// energymine
document.getElementById("energymineLevel").innerHTML = "(Level " + planet.Buildings.energymine + ")"; if (planet.Buildings.energymine == undefined) { document.getElementById("btnBuildEnergyMine").innerHTML = `<div onclick="buildBuilding('energymine')">Build building</div>`; r = energymineCost(1); document.getElementById("energymineResources").innerHTML = printResources(r); } else { document.getElementById("btnBuildEnergyMine").innerHTML = `<div onclick="buildBuilding('energymine')">Build level ` + (+ (planet.Buildings.energymine) + + (1)) + `</div>`; r = energymineCost((+ (planet.Buildings.energymine) + + (1))); document.getElementById("energymineResources").innerHTML = printResources(r); }
// fusionreactor
document.getElementById("fusionreactorLevel").innerHTML = "(Level " + planet.Buildings.fusionreactor + ")"; if (planet.Buildings.fusionreactor == undefined) { document.getElementById("btnBuildFusionReactor").innerHTML = `<div onclick="buildBuilding('fusionreactor')">Build building</div>`; r = fusionreactorCost(1); document.getElementById("fusionreactorResources").innerHTML = printResources(r); } else { document.getElementById("btnBuildFusionReactor").innerHTML = `<div onclick="buildBuilding('fusionreactor')">Build level ` + (+ (planet.Buildings.fusionreactor) + + (1)) + `</div>`; r = fusionreactorCost((+ (planet.Buildings.fusionreactor) + + (1))); document.getElementById("fusionreactorResources").innerHTML = printResources(r); }
// roboticsfactory
document.getElementById("roboticsfactoryLevel").innerHTML = "(Level " + planet.Buildings.roboticsfactory + ")"; if (planet.Buildings.roboticsfactory == undefined) { document.getElementById("btnBuildRoboticsFactory").innerHTML = `<div onclick="buildBuilding('roboticsfactory')">Build building</div>`; r = roboticsfactoryCost(1); document.getElementById("roboticsfactoryResources").innerHTML = printResources(r); } else { document.getElementById("btnBuildRoboticsFactory").innerHTML = `<div onclick="buildBuilding('roboticsfactory')">Build level ` + (+ (planet.Buildings.roboticsfactory) + + (1)) + `</div>`; r = roboticsfactoryCost((+ (planet.Buildings.roboticsfactory) + + (1))); document.getElementById("roboticsfactoryResources").innerHTML = printResources(r); }
// shipyard
document.getElementById("shipyardLevel").innerHTML = "(Level " + planet.Buildings.shipyard + ")"; if (planet.Buildings.shipyard == undefined) { document.getElementById("btnBuildShipyard").innerHTML = `<div onclick="buildBuilding('shipyard')">Build building</div>`; r = shipyardCost(1); document.getElementById("shipyardResources").innerHTML = printResources(r); } else { document.getElementById("btnBuildShipyard").innerHTML = `<div onclick="buildBuilding('shipyard')">Build level ` + (+ (planet.Buildings.shipyard) + + (1)) + `</div>`; r = shipyardCost((+ (planet.Buildings.shipyard) + + (1))); document.getElementById("shipyardResources").innerHTML = printResources(r); }
// metalstorage
document.getElementById("metalstorageLevel").innerHTML = "(Level " + planet.Buildings.metalstorage + ")"; if (planet.Buildings.metalstorage == undefined) { document.getElementById("btnBuildMetalStorage").innerHTML = `<div onclick="buildBuilding('metalstorage')">Build building</div>`; r = metalstorageCost(1); document.getElementById("metalstorageResources").innerHTML = printResources(r); } else { document.getElementById("btnBuildMetalStorage").innerHTML = `<div onclick="buildBuilding('metalstorage')">Build level ` + (+ (planet.Buildings.metalstorage) + + (1)) + `</div>`; r = metalstorageCost((+ (planet.Buildings.metalstorage) + + (1))); document.getElementById("metalstorageResources").innerHTML = printResources(r); }
// crystalstorage
document.getElementById("crystalstorageLevel").innerHTML = "(Level " + planet.Buildings.crystalstorage + ")"; if (planet.Buildings.crystalstorage == undefined) { document.getElementById("btnBuildCrystalStorage").innerHTML = `<div onclick="buildBuilding('crystalstorage')">Build building</div>`; r = crystalstorageCost(1); document.getElementById("crystalstorageResources").innerHTML = printResources(r); } else { document.getElementById("btnBuildCrystalStorage").innerHTML = `<div onclick="buildBuilding('crystalstorage')">Build level ` + (+ (planet.Buildings.crystalstorage) + + (1)) + `</div>`; r = crystalstorageCost((+ (planet.Buildings.crystalstorage) + + (1))); document.getElementById("crystalstorageResources").innerHTML = printResources(r); }
// deuteriumstorage
document.getElementById("deuteriumstorageLevel").innerHTML = "(Level " + planet.Buildings.deuteriumstorage + ")"; if (planet.Buildings.deuteriumstorage == undefined) { document.getElementById("btnBuildDeuteriumStorage").innerHTML = `<div onclick="buildBuilding('deuteriumstorage')">Build building</div>`; r = deuteriumstorageCost(1); document.getElementById("deuteriumstorageResources").innerHTML = printResources(r); } else { document.getElementById("btnBuildDeuteriumStorage").innerHTML = `<div onclick="buildBuilding('deuteriumstorage')">Build level ` + (+ (planet.Buildings.deuteriumstorage) + + (1)) + `</div>`; r = deuteriumstorageCost((+ (planet.Buildings.deuteriumstorage) + + (1))); document.getElementById("deuteriumstorageResources").innerHTML = printResources(r); }
// ressearchlab
document.getElementById("ressearchlabLevel").innerHTML = "(Level " + planet.Buildings.ressearchlab + ")"; if (planet.Buildings.ressearchlab == undefined) { document.getElementById("btnBuildRessearchLab").innerHTML = `<div onclick="buildBuilding('ressearchlab')">Build building</div>`; r = ressearchlabCost(1); document.getElementById("ressearchlabResources").innerHTML = printResources(r); } else { document.getElementById("btnBuildRessearchLab").innerHTML = `<div onclick="buildBuilding('ressearchlab')">Build level ` + (+ (planet.Buildings.ressearchlab) + + (1)) + `</div>`; r = ressearchlabCost((+ (planet.Buildings.ressearchlab) + + (1))); document.getElementById("ressearchlabResources").innerHTML = printResources(r); }
// alliancedepot
document.getElementById("alliancedepotLevel").innerHTML = "(Level " + planet.Buildings.alliancedepot + ")"; if (planet.Buildings.alliancedepot == undefined) { document.getElementById("btnBuildAllianceDepot").innerHTML = `<div onclick="buildBuilding('alliancedepot')">Build building</div>`; r = alliancedepotCost(1); document.getElementById("alliancedepotResources").innerHTML = printResources(r); } else { document.getElementById("btnBuildAllianceDepot").innerHTML = `<div onclick="buildBuilding('alliancedepot')">Build level ` + (+ (planet.Buildings.alliancedepot) + + (1)) + `</div>`; r = alliancedepotCost((+ (planet.Buildings.alliancedepot) + + (1))); document.getElementById("alliancedepotResources").innerHTML = printResources(r); }
// missilesilo
document.getElementById("missilesiloLevel").innerHTML = "(Level " + planet.Buildings.missilesilo + ")"; if (planet.Buildings.missilesilo == undefined) { document.getElementById("btnBuildMissileSilo").innerHTML = `<div onclick="buildBuilding('missilesilo')">Build building</div>`; r = missilesiloCost(1); document.getElementById("missilesiloResources").innerHTML = printResources(r); } else { document.getElementById("btnBuildMissileSilo").innerHTML = `<div onclick="buildBuilding('missilesilo')">Build level ` + (+ (planet.Buildings.missilesilo) + + (1)) + `</div>`; r = missilesiloCost((+ (planet.Buildings.missilesilo) + + (1))); document.getElementById("missilesiloResources").innerHTML = printResources(r); }
// spacedock
document.getElementById("spacedockLevel").innerHTML = "(Level " + planet.Buildings.spacedock + ")"; if (planet.Buildings.spacedock == undefined) { document.getElementById("btnBuildSpacedock").innerHTML = `<div onclick="buildBuilding('spacedock')">Build building</div>`; r = spacedockCost(1); document.getElementById("spacedockResources").innerHTML = printResources(r); } else { document.getElementById("btnBuildSpacedock").innerHTML = `<div onclick="buildBuilding('spacedock')">Build level ` + (+ (planet.Buildings.spacedock) + + (1)) + `</div>`; r = spacedockCost((+ (planet.Buildings.spacedock) + + (1))); document.getElementById("spacedockResources").innerHTML = printResources(r); } }
let planetid = localStorage.getItem("mainplanet"); let planet = {}; // get user data
axios.get(url + "/planets/" + planetid, config).then(function(res) { console.log("buildings", res.data); planet = res.data.planet; printPlanet(planet); }).catch(function(error) { console.log(error); });
function buildBuilding(building) { console.log("build " + building); const data = { planetid: planetid, building: building } axios.post(url + "/buildings", data, config).then(function(res) { console.log("buildings", res.data); planet = res.data.planet; printPlanet(planet); }).catch(function(error) { console.log(error); }); }
|