Display Installed Augmentations Content. Need to add info for each augmentation

This commit is contained in:
Daniel Xie
2017-02-20 16:45:36 -06:00
parent fa456c48b6
commit 992d0673e5
5 changed files with 64 additions and 25 deletions

View File

@ -159,6 +159,10 @@
width: 99%;
}
.installed-augmentation {
/* TODO */
}
/* Tutorial */
#tutorial-container {
color: #66ff33;

View File

@ -17,6 +17,10 @@ h1 {
}
h2 {
color: #66ff33;
}
/* Main menu */
.mainmenu {
list-style-type: none;

View File

@ -374,6 +374,8 @@
<!-- Installed augmentations -->
<div id="augmentations-container">
<ul id="augmentations-list">
</ul>
</div>
<!-- Tutorial content -->

View File

@ -365,21 +365,6 @@ inviteToFaction = function(faction) {
joinFaction = function(faction) {
faction.isMember = true;
Player.factions.push(faction.name);
//Add the faction to the Factions page content
var item = document.createElement("li");
var aElem = document.createElement("a");
aElem.setAttribute("href", "#");
aElem.setAttribute("class", "a-link-button");
aElem.innerHTML = faction.name;
aElem.addEventListener("click", function() {
displayFactionContent(faction.name);
return false;
});
item.appendChild(aElem);
var factionsList = document.getElementById("factions-list");
factionsList.appendChild(item);
//Determine what factions you are banned from now that you have joined this faction
if (faction.name == "BitRunners") {
@ -424,7 +409,7 @@ joinFaction = function(faction) {
//TODO Leave faction
//Displays the HTML content for this faction
//Displays the HTML content for a specific faction
displayFactionContent = function(factionName) {
var faction = Factions[factionName];
@ -630,7 +615,6 @@ displayFactionAugmentations = function(factionName) {
var factionsList = document.getElementById("factions-list");
factionsList.appendChild(item);
///
var faction = Factions[factionName];
@ -638,6 +622,7 @@ displayFactionAugmentations = function(factionName) {
for (var i = 0; i < Player.augmentations.length; ++i) {
var aug = Augmentations[Player.augmentations[i]];
var item = document.createElement("li");
var span = document.createElement("span");
var aElem = document.createElement("a");
var pElem = document.createElement("p");
@ -657,6 +642,8 @@ displayFactionAugmentations = function(factionName) {
span.appendChild(aElem);
span.appendChild(pElem);
augmentationsList.appendChild(span);
item.appendChild(span);
augmentationsList.appendChild(item);
}
}

View File

@ -208,6 +208,7 @@ var Engine = {
loadFactionsContent: function() {
Engine.hideAllContent();
Engine.Display.factionsContent.style.visibility = "visible";
Engine.displayFactionsInfo();
Engine.currentPage = Engine.Page.Factions;
},
@ -222,6 +223,7 @@ var Engine = {
loadAugmentationsContent: function() {
Engine.hideAllContent();
Engine.Display.augmentationsContent.style.visibility = "visible";
Engine.displayAugmentationsContent();
Engine.currentPage = Engine.Page.Augmentations;
},
@ -320,27 +322,21 @@ var Engine = {
switch(Player.city) {
case Locations.Aevum:
Engine.aevumLocationsList.style.display = "inline";
//Engine.aevumLocationsList.style.visibility = "visible";
break;
case Locations.Chongqing:
Engine.chongqingLocationsList.style.display = "inline";
//Engine.chongqingLocationsList.style.visibility = "visible";
break;
case Locations.Sector12:
Engine.sector12LocationsList.style.display = "inline";
//Engine.sector12LocationsList.style.visibility = "visible";
break;
case Locations.NewTokyo:
Engine.newTokyoLocationsList.style.display = "inline";
//Engine.newTokyoLocationsList.style.visibility = "visible";
break;
case Locations.Ishima:
Engine.ishimaLocationsList.style.display = "inline";
//Engine.ishimaLocationsList.style.visibility = "visible";
break;
case Locations.Volhaven:
Engine.volhavenLocationsList.style.display = "inline";
//Engine.volhavenLocationsList.style.visibility = "visible";
break;
default:
console.log("Invalid city value in Player object!");
@ -399,7 +395,7 @@ var Engine = {
Engine.createActiveScriptsText(workerscript, item);
},
createActiveScriptsText(workerscript, item) {
createActiveScriptsText: function(workerscript, item) {
//Script name
var scriptName = document.createElement("h2");
scriptName.appendChild(document.createTextNode(workerscript.name));
@ -429,6 +425,52 @@ var Engine = {
item.appendChild(itemText);
},
displayFactionsInfo: function() {
var factionsList = document.getElementById("factions-list");
for (var i = 0; i < Player.factions.length; ++i) {
var factionName = Player.factions[i];
//Add the faction to the Factions page content
var item = document.createElement("li");
var aElem = document.createElement("a");
aElem.setAttribute("href", "#");
aElem.setAttribute("class", "a-link-button");
aElem.innerHTML = factionName;
aElem.addEventListener("click", function() {
Engine.loadFactionContent();
displayFactionContent(factionName);
return false;
});
item.appendChild(aElem);
factionsList.appendChild(item);
}
},
displayAugmentationsContent: function() {
var augmentationsList = document.getElementById("augmentations-list");
for (var i = 0; i < Player.augmentations.length; ++i) {
var augName = Player.augmentations[i];
var aug = Augmentations[augName];
var item = document.createElement("li");
var hElem = document.createElement("h2");
var pElem = document.createElement("p");
item.setAttribute("class", "installed-augmentation");
hElem.innerHTML = augName;
pElem.innerHTML = aug.info;
item.appendChild(hElem);
item.appendChild(pElem);
augmentationsList.appendChild(item);
}
},
/* Main Event Loop */
idleTimer: function() {
//Get time difference