Merge branch 'dev' of https://github.com/danielyxie/bitburner into dev

css/dev-menu.css

@@ -0,0 +1,36 @@
+.add-exp-button {
+	margin-right: 0px;
+}
+
+.remove-exp-button {
+	margin-left:0px;
+}
+
+.exp-input {
+	margin-right: 0px;
+	margin-left:0px;
+	
+	margin-top: 5px;
+	margin-bottom: 5px;
+
+	padding: 2px 5px;
+}
+
+.text-center {
+	margin: auto;
+	text-align: center;
+	vertical-align: middle;
+}
+
+.touch-right {
+	margin-right: 0px;
+}
+
+.touch-left {
+	margin-left: 0px;
+}
+
+.touch-sides {
+	margin-left: 0px;
+	margin-right: 0px;
+}

css/styles.scss

@@ -62,6 +62,9 @@ a:visited {
 .text-input {
     color: #fff;
     background-color: #000;
+    border-style: solid;
+    border-width: 1px;
+    border-color: white;
 }
 
 /* Notification icon (for create program right now only) */
@@ -333,3 +336,43 @@ a:visited {
 .smallfont {
     font-size: $defaultFontSize * 0.8125;
 }
+
+.bbcheckbox {
+  position: relative;
+  display: inline;
+  label {
+    width: 20px;
+    height: 20px;
+    cursor: pointer;
+    position: absolute;
+    top: 0;
+    left: 0;
+    background: black;
+    border-width: 1px;
+    border-color: white;
+    border-style: solid;
+    &:after {
+      content: '';
+      width: 9px;
+      height: 5px;
+      position: absolute;
+      top: 4px;
+      left: 4px;
+      border: 3px solid white;
+      border-top: none;
+      border-right: none;
+      opacity: 0;
+      transform: rotate(-45deg);
+    }
+  }
+  input[type=checkbox] {
+    visibility: hidden;
+    &:checked + label:after {
+      opacity: 1;
+    }    
+  }
+}
+
+
+
+

src/Bladeburner.js

@@ -31,6 +31,8 @@ import { getTimestamp }                             from "../utils/helpers/getTi
 import { removeElement }                            from "../utils/uiHelpers/removeElement";
 import { removeElementById }                        from "../utils/uiHelpers/removeElementById";
 
+const stealthIcon = `<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 166 132"  style="fill:#adff2f;"><g><path d="M132.658-0.18l-24.321,24.321c-7.915-2.71-16.342-4.392-25.087-4.392c-45.84,0-83,46-83,46   s14.1,17.44,35.635,30.844L12.32,120.158l12.021,12.021L144.68,11.841L132.658-0.18z M52.033,80.445   c-2.104-4.458-3.283-9.438-3.283-14.695c0-19.054,15.446-34.5,34.5-34.5c5.258,0,10.237,1.179,14.695,3.284L52.033,80.445z"/><path d="M134.865,37.656l-18.482,18.482c0.884,3.052,1.367,6.275,1.367,9.612c0,19.055-15.446,34.5-34.5,34.5   c-3.337,0-6.56-0.483-9.611-1.367l-10.124,10.124c6.326,1.725,12.934,2.743,19.735,2.743c45.84,0,83-46,83-46   S153.987,50.575,134.865,37.656z"/></g></svg>&nbsp;`
+const killIcon = `<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="-22 0 511 511.99561" style="fill:#adff2f;"><path d="m.496094 466.242188 39.902344-39.902344 45.753906 45.753906-39.898438 39.902344zm0 0"/><path d="m468.421875 89.832031-1.675781-89.832031-300.265625 300.265625 45.753906 45.753906zm0 0"/><path d="m95.210938 316.785156 16.84375 16.847656h.003906l83.65625 83.65625 22.753906-22.753906-100.503906-100.503906zm0 0"/><path d="m101.445312 365.300781-39.902343 39.902344 45.753906 45.753906 39.902344-39.902343-39.90625-39.902344zm0 0"/></svg>`
 
 const CityNames = ["Aevum", "Chongqing", "Sector-12", "New Tokyo", "Ishima", "Volhaven"];
 
@@ -1799,6 +1801,12 @@ Bladeburner.prototype.createContent = function() {
     DomElems.bladeburnerDiv.appendChild(DomElems.overviewConsoleParentDiv);
     DomElems.bladeburnerDiv.appendChild(DomElems.actionAndSkillsDiv);
 
+
+    // legend
+    const legend = createElement("div")
+    legend.innerHTML = `<span class="text">${stealthIcon}= This action requires stealth, ${killIcon} = This action involves retirement</span>`
+    DomElems.bladeburnerDiv.appendChild(legend);
+
     document.getElementById("entire-game-container").appendChild(DomElems.bladeburnerDiv);
 
     if (this.consoleLogs.length === 0) {
@@ -2166,12 +2174,12 @@ Bladeburner.prototype.createBlackOpsContent = function() {
         return (a.reqdRank - b.reqdRank);
     });
 
-    for (var i = 0; i < blackops.length; ++i) {
+    for (var i = blackops.length-1; i >= 0 ; --i) {
+      if (this.blackops[[blackops[i].name]] == null && i !== 0 && this.blackops[[blackops[i-1].name]] == null) {continue;} // If this one nor the next are completed then this isn't unlocked yet.
         DomElems.blackops[blackops[i].name] = createElement("div", {
             class:"bladeburner-action", name:blackops[i].name
         });
         DomElems.actionsAndSkillsList.appendChild(DomElems.blackops[blackops[i].name]);
-        if (this.blackops[[blackops[i].name]] == null) {break;} //Can't be found in completed blackops
     }
 }
 
@@ -2504,7 +2512,8 @@ Bladeburner.prototype.updateContractsUIElement = function(el, action) {
     el.appendChild(createElement("pre", { //Info
         display:"inline-block",
         innerHTML:action.desc + "\n\n" +
-                  "Estimated success chance: " + formatNumber(estimatedSuccessChance*100, 1) + "%\n" +
+                  `Estimated success chance: ${formatNumber(estimatedSuccessChance*100, 1)}% ${action.isStealth?stealthIcon:''}${action.isKill?killIcon:''}\n` +
+                  
                   "Time Required (s): " + formatNumber(actionTime, 0) + "\n" +
                   "Contracts remaining: " + Math.floor(action.count) + "\n" +
                   "Successes: " + action.successes + "\n" +
@@ -2518,14 +2527,21 @@ Bladeburner.prototype.updateContractsUIElement = function(el, action) {
         for:autolevelCheckboxId, innerText:"Autolevel",color:"white",
         tooltip:"Automatically increase contract level when possible"
     }));
-    var autolevelCheckbox = createElement("input", {
+
-        type:"checkbox", id:autolevelCheckboxId, margin:"4px",
+    const checkboxDiv = createElement("div", { class: "bbcheckbox" });
+    const checkboxInput = createElement("input", {
+      type:"checkbox",
+      id: autolevelCheckboxId,
       checked: action.autoLevel,
       changeListener: () => {
-            action.autoLevel = autolevelCheckbox.checked;
+        action.autoLevel = checkboxInput.checked;
-        }
+      },
     });
-    el.appendChild(autolevelCheckbox);
+    const checkmarkLabel = createElement("label", { for: autolevelCheckboxId });
+    checkboxDiv.appendChild(checkboxInput);
+    checkboxDiv.appendChild(checkmarkLabel);
+
+    el.appendChild(checkboxDiv);
 }
 
 Bladeburner.prototype.updateOperationsUIElement = function(el, action) {
@@ -2640,7 +2656,7 @@ Bladeburner.prototype.updateOperationsUIElement = function(el, action) {
     el.appendChild(createElement("pre", {
         display:"inline-block",
         innerHTML:action.desc + "\n\n" +
-                  "Estimated success chance: " + formatNumber(estimatedSuccessChance*100, 1) + "%\n" +
+                  `Estimated success chance: ${formatNumber(estimatedSuccessChance*100, 1)}% ${action.isStealth?stealthIcon:''}${action.isKill?killIcon:''}\n` +
                   "Time Required(s): " + formatNumber(actionTime, 0) + "\n" +
                   "Operations remaining: " + Math.floor(action.count) + "\n" +
                   "Successes: " + action.successes + "\n" +
@@ -2654,14 +2670,21 @@ Bladeburner.prototype.updateOperationsUIElement = function(el, action) {
         for:autolevelCheckboxId, innerText:"Autolevel",color:"white",
         tooltip:"Automatically increase operation level when possible"
     }));
-    var autolevelCheckbox = createElement("input", {
+
-        type:"checkbox", id:autolevelCheckboxId, margin:"4px",
+    const checkboxDiv = createElement("div", { class: "bbcheckbox" });
+    const checkboxInput = createElement("input", {
+      type:"checkbox",
+      id: autolevelCheckboxId,
       checked: action.autoLevel,
       changeListener: () => {
-            action.autoLevel = autolevelCheckbox.checked;
+        action.autoLevel = checkboxInput.checked;
-        }
+      },
     });
-    el.appendChild(autolevelCheckbox);
+    const checkmarkLabel = createElement("label", { for: autolevelCheckboxId });
+    checkboxDiv.appendChild(checkboxInput);
+    checkboxDiv.appendChild(checkmarkLabel);
+
+    el.appendChild(checkboxDiv);
 }
 
 Bladeburner.prototype.updateBlackOpsUIElement = function(el, action) {
@@ -2760,7 +2783,7 @@ Bladeburner.prototype.updateBlackOpsUIElement = function(el, action) {
     }));
     el.appendChild(createElement("p", {
         display:"inline-block",
-        innerHTML:"Estimated Success Chance: " + formatNumber(estimatedSuccessChance*100, 1) + "%\n" +
+        innerHTML:`Estimated Success Chance: ${formatNumber(estimatedSuccessChance*100, 1)}% ${action.isStealth?stealthIcon:''}${action.isKill?killIcon:''}\n` +
                   "Time Required(s): " + formatNumber(actionTime, 0),
     }))
 }

src/DevMenu.js

@@ -1,740 +0,0 @@
-import { AugmentationNames }            from "./Augmentation/data/AugmentationNames";
-import { CodingContractTypes }          from "./CodingContracts";
-import { generateContract,
-         generateRandomContract,
-         generateRandomContractOnHome } from "./CodingContractGenerator";
-import { Companies }                    from "./Company/Companies";
-import { Company }                      from "./Company/Company";
-import { Programs }                     from "./Programs/Programs";
-import { Factions }                     from "./Faction/Factions";
-import { Player }                       from "./Player";
-import { AllServers }                   from "./Server/AllServers";
-import { hackWorldDaemon }              from "./RedPill";
-import { StockMarket,
-         SymbolToStockMap }             from "./StockMarket/StockMarket";
-import { Stock }                        from "./StockMarket/Stock";
-import { Terminal }                     from "./Terminal";
-
-import { numeralWrapper }               from "./ui/numeralFormat";
-
-import { dialogBoxCreate }              from "../utils/DialogBox";
-import { exceptionAlert }               from "../utils/helpers/exceptionAlert";
-import { createElement }                from "../utils/uiHelpers/createElement";
-import { createOptionElement }          from "../utils/uiHelpers/createOptionElement";
-import { getSelectText }                from "../utils/uiHelpers/getSelectData";
-import { removeElementById }            from "../utils/uiHelpers/removeElementById";
-
-const devMenuContainerId = "dev-menu-container";
-
-export function createDevMenu() {
-    if (process.env.NODE_ENV !== "development") {
-        throw new Error("Cannot create Dev Menu because you are not in a dev build");
-    }
-
-    const devMenuText = createElement("h1", {
-        display: "block",
-        innerText: "Development Menu - Only meant to be used for testing/debugging",
-    });
-
-    // Generic
-    const genericHeader = createElement("h2", {
-        display: "block",
-        innerText: "Generic"
-    });
-
-    const addMoney = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            Player.gainMoney(1e15);
-        },
-        display: "block",
-        innerText: "Add $1000t",
-    });
-
-    const addMoney2 = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            Player.gainMoney(1e12);
-        },
-        display: "block",
-        innerText: "Add $1t",
-    })
-
-    const addRam = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            Player.getHomeComputer().maxRam *= 2;
-        },
-        display: "block",
-        innerText: "Double Home Computer RAM",
-    });
-
-    const triggerBitflume = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            hackWorldDaemon(Player.bitNodeN, true);
-        },
-        innerText: "Trigger BitFlume",
-    });
-
-    const destroyCurrentBitnode = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            hackWorldDaemon(Player.bitNodeN);
-        },
-        innerText: "Destroy Current BitNode",
-        tooltip: "Will grant Source-File for the BitNode",
-    });
-
-    // Experience / stats
-    const statsHeader = createElement("h2", {
-        display: "block",
-        innerText: "Experience/Stats"
-    });
-
-    const statsHackingExpInput = createElement("input", {
-        class: "text-input",
-        margin: "5px",
-        placeholder: "+/- hacking exp",
-        type: "number",
-    });
-    const statsHackingExpButton = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            const exp = parseInt(statsHackingExpInput.value);
-            Player.gainHackingExp(exp);
-            Player.updateSkillLevels();
-        },
-        innerText: "Add Hacking Exp",
-    });
-
-    const statsStrengthExpInput = createElement("input", {
-        class: "text-input",
-        margin: "5px",
-        placeholder: "+/- strength exp",
-        type: "number",
-    });
-    const statsStrengthExpButton = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            const exp = parseInt(statsStrengthExpInput.value);
-            Player.gainStrengthExp(exp);
-            Player.updateSkillLevels();
-        },
-        innerText: "Add Strength Exp",
-    });
-
-    const statsDefenseExpInput = createElement("input", {
-        class: "text-input",
-        margin: "5px",
-        placeholder: "+/- defense exp",
-        type: "number",
-    });
-    const statsDefenseExpButton = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            const exp = parseInt(statsDefenseExpInput.value);
-            Player.gainDefenseExp(exp);
-            Player.updateSkillLevels();
-        },
-        innerText: "Add Defense Exp",
-    });
-
-    const statsDexterityExpInput = createElement("input", {
-        class: "text-input",
-        margin: "5px",
-        placeholder: "+/- dexterity exp",
-        type: "number",
-    });
-    const statsDexterityExpButton = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            const exp = parseInt(statsDexterityExpInput.value);
-            Player.gainDexterityExp(exp);
-            Player.updateSkillLevels();
-        },
-        innerText: "Add Dexterity Exp",
-    });
-
-    const statsAgilityExpInput = createElement("input", {
-        class: "text-input",
-        margin: "5px",
-        placeholder: "+/- agility exp",
-        type: "number",
-    });
-    const statsAgilityExpButton = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            const exp = parseInt(statsAgilityExpInput.value);
-            Player.gainAgilityExp(exp);
-            Player.updateSkillLevels();
-        },
-        innerText: "Add Agility Exp",
-    });
-
-    const statsCharismaExpInput = createElement("input", {
-        class: "text-input",
-        margin: "5px",
-        placeholder: "+/- charisma exp",
-        type: "number",
-    });
-    const statsCharismaExpButton = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            const exp = parseInt(statsCharismaExpInput.value);
-            Player.gainCharismaExp(exp);
-            Player.updateSkillLevels();
-        },
-        innerText: "Add Charisma Exp",
-    });
-
-    const statsIntelligenceExpInput = createElement("input", {
-        class: "text-input",
-        margin: "5px",
-        placeholder: "+/- intelligence exp",
-        type: "number",
-    });
-    const statsIntelligenceExpButton = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            const exp = parseInt(statsIntelligenceExpInput.value);
-            Player.gainIntelligenceExp(exp);
-            Player.updateSkillLevels();
-        },
-        innerText: "Add Intelligence Exp",
-    });
-
-    const statsEnableIntelligenceButton = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            Player.intelligence = 1;
-        },
-        innerText: "Enable Intelligence"
-    });
-
-    const statsDisableIntelligenceButton = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            Player.intelligence = 0;
-        },
-        innerText: "Disable Intelligence"
-    });
-
-    // Factions
-    const factionsHeader = createElement("h2", {innerText: "Factions"});
-
-    const factionsDropdown = createElement("select", {
-        class: "dropdown",
-        margin: "5px",
-    });
-    for (const i in Factions) {
-        factionsDropdown.options[factionsDropdown.options.length] = new Option(Factions[i].name, Factions[i].name);
-    }
-
-    const factionsAddButton = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            const facName = factionsDropdown.options[factionsDropdown.selectedIndex].value;
-            Player.receiveInvite(facName);
-        },
-        innerText: "Receive Invite to Faction",
-    });
-
-    const factionsReputationInput = createElement("input", {
-        placeholder: "Rep to add to faction",
-        type: "number",
-    });
-
-    const factionsReputationButton = createElement("button", {
-        class: "std-button",
-        innerText: "Add rep to faction",
-        clickListener: () => {
-            const facName = getSelectText(factionsDropdown);
-            const fac = Factions[facName];
-            const rep = parseFloat(factionsReputationInput.value);
-            if (fac != null && !isNaN(rep)) {
-                fac.playerReputation += rep;
-            }
-        },
-    });
-
-    // Augmentations
-    const augmentationsHeader = createElement("h2", {innerText: "Augmentations"});
-
-    const augmentationsDropdown = createElement("select", {
-        class: "dropdown",
-        margin: "5px",
-    });
-    for (const i in AugmentationNames) {
-        const augName = AugmentationNames[i];
-        augmentationsDropdown.options[augmentationsDropdown.options.length] = new Option(augName, augName);
-    }
-
-    const augmentationsQueueButton = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            Player.queueAugmentation(augmentationsDropdown.options[augmentationsDropdown.selectedIndex].value);
-        },
-        innerText: "Queue Augmentation",
-    });
-
-    const giveAllAugmentationsButton = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            for (const i in AugmentationNames) {
-                const augName = AugmentationNames[i];
-                Player.queueAugmentation(augName);
-            }
-        },
-        display: "block",
-        innerText: "Queue All Augmentations",
-    });
-
-    // Source Files
-    const sourceFilesHeader = createElement("h2", { innerText: "Source-Files" });
-
-    const removeSourceFileDropdown = createElement("select", {
-        class: "dropdown",
-        margin: "5px",
-    });
-    for (let i = 0; i < 24; ++i) {
-        removeSourceFileDropdown.add(createOptionElement(String(i)));
-    }
-
-    const removeSourceFileButton = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            const numToRemove = parseInt(getSelectText(removeSourceFileDropdown));
-            for (let i = 0; i < Player.sourceFiles.length; ++i) {
-                if (Player.sourceFiles[i].n === numToRemove) {
-                    Player.sourceFiles.splice(i, 1);
-                    hackWorldDaemon(Player.bitNodeN, true);
-                    return;
-                }
-            }
-        },
-        innerText: "Remove Source File and Trigger Bitflume",
-    });
-
-    // Programs
-    const programsHeader = createElement("h2", {innerText: "Programs"});
-
-    const programsAddDropdown = createElement("select", {
-        class: "dropdown",
-        margin: "5px",
-    });
-    for (const i in Programs) {
-        const progName = Programs[i].name;
-        programsAddDropdown.options[programsAddDropdown.options.length] = new Option(progName, progName);
-    }
-
-    const programsAddButton = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            const program = programsAddDropdown.options[programsAddDropdown.selectedIndex].value;
-            if(!Player.hasProgram(program)) {
-                Player.getHomeComputer().programs.push(program);
-            }
-        },
-        innerText: "Add Program",
-    })
-
-    // Servers
-    const serversHeader = createElement("h2", {innerText: "Servers"});
-
-    const serversOpenAll = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            for (const i in AllServers) {
-                AllServers[i].hasAdminRights = true;
-                AllServers[i].sshPortOpen    = true;
-                AllServers[i].ftpPortOpen    = true;
-                AllServers[i].smtpPortOpen   = true;
-                AllServers[i].httpPortOpen   = true;
-                AllServers[i].sqlPortOpen    = true;
-                AllServers[i].openPortCount  = 5;
-            }
-        },
-        display: "block",
-        innerText: "Get Admin Rights to all servers",
-    });
-
-    const serversMinSecurityAll = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            for (const i in AllServers) {
-                AllServers[i].hackDifficulty = AllServers[i].minDifficulty;
-            }
-        },
-        display: "block",
-        innerText: "Set all servers to min security",
-    });
-
-    const serversMaxMoneyAll = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            for (const i in AllServers) {
-                AllServers[i].moneyAvailable = AllServers[i].moneyMax;
-            }
-        },
-        display: "block",
-        innerText: "Set all servers to max money",
-    });
-
-    const serversConnectToDropdown = createElement("select", {class: "dropdown"});
-    for (const i in AllServers) {
-        const hn = AllServers[i].hostname;
-        serversConnectToDropdown.options[serversConnectToDropdown.options.length] = new Option(hn, hn);
-    }
-
-    const serversConnectToButton = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            const host = serversConnectToDropdown.options[serversConnectToDropdown.selectedIndex].value;
-            Terminal.connectToServer(host);
-        },
-        innerText: "Connect to server",
-    });
-
-    // Companies
-    const companiesHeader = createElement("h2", { innerText: "Companies" });
-
-    const companiesDropdown = createElement("select", {
-        class: "dropdown",
-        margin: "5px",
-    });
-    for (const c in Companies) {
-        companiesDropdown.add(createOptionElement(Companies[c].name));
-    }
-
-    const companyReputationInput = createElement("input", {
-        margin: "5px",
-        placeholder: "Rep to add to company",
-        type: "number",
-    });
-
-    const companyReputationButton = createElement("button", {
-        class: "std-button",
-        innerText: "Add rep to company",
-        clickListener: () => {
-            const compName = getSelectText(companiesDropdown);
-            const company = Companies[compName];
-            const rep = parseFloat(companyReputationInput.value);
-            if (company != null && !isNaN(rep)) {
-                company.playerReputation += rep;
-            } else {
-                console.warn(`Invalid input for Dev Menu Company Rep. Company Name: ${compName}. Rep: ${rep}`);
-            }
-        }
-    });
-
-    // Bladeburner
-    const bladeburnerHeader = createElement("h2", {innerText: "Bladeburner"});
-
-    const bladeburnerGainRankInput = createElement("input", {
-        class: "text-input",
-        margin: "5px",
-        placeholder: "Rank to gain (or negative to lose rank)",
-        type: "number",
-    });
-
-    const bladeburnerGainRankButton = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            try {
-                const rank = parseInt(bladeburnerGainRankInput.value);
-                Player.bladeburner.changeRank(rank);
-            } catch(e) {
-                exceptionAlert(`Failed to change Bladeburner Rank in dev menu: ${e}`);
-            }
-        },
-        innerText: "Gain Bladeburner Rank",
-    });
-
-    const bladeburnerStoredCyclesInput = createElement("input", {
-        class: "text-input",
-        margin: "5px",
-        placeholder: "# Cycles to Add",
-        type: "number",
-    });
-
-    const bladeburnerStoredCyclesButton = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            try {
-                const cycles = parseInt(bladeburnerStoredCyclesInput.value);
-                Player.bladeburner.storedCycles += cycles;
-            } catch(e) {
-                exceptionAlert(`Failed to add cycles to Bladeburner in dev menu: ${e}`);
-            }
-        },
-        innerText: "Add Cycles to Bladeburner mechanic",
-    });
-
-    // Gang
-    const gangHeader = createElement("h2", {innerText: "Gang"});
-
-    const gangStoredCyclesInput = createElement("input", {
-        class: "text-input",
-        margin: "5px",
-        placeholder: "# Cycles to add",
-        type: "number",
-    });
-
-    const gangAddStoredCycles = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            try {
-                const cycles = parseInt(gangStoredCyclesInput.value);
-                Player.gang.storedCycles += cycles;
-            } catch(e) {
-                exceptionAlert(`Failed to add stored cycles to gang mechanic: ${e}`);
-            }
-        },
-        innerText: "Add cycles to Gang mechanic",
-    });
-
-    // Corporation
-    const corpHeader = createElement("h2", { innerText: "Corporation" });
-
-    const corpStoredCyclesInput = createElement("input", {
-        class: "text-input",
-        margin: "5px",
-        placeholder: "# Cycles to Add",
-        type: "number",
-    });
-
-    const corpStoredCyclesButton = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            try {
-                const cycles = parseInt(bladeburnerStoredCyclesInput.value);
-                Player.corporation.storeCycles(cycles);
-            } catch(e) {
-                exceptionAlert(`Failed to add cycles to Bladeburner in dev menu: ${e}`);
-            }
-        },
-        innerText: "Add Cycles to Corporation mechanic",
-    });
-
-    // Coding Contracts
-    const contractsHeader = createElement("h2", {innerText: "Coding Contracts"});
-
-    const generateRandomContractBtn = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            generateRandomContract();
-        },
-        innerText: "Generate Random Contract",
-    });
-
-    const generateRandomContractOnHomeBtn = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            generateRandomContractOnHome();
-        },
-        innerText: "Generate Random Contract on Home Comp",
-    });
-
-    const generateContractWithTypeSelector = createElement("select", { margin: "5px" });
-    const contractTypes = Object.keys(CodingContractTypes);
-    for (let i = 0; i < contractTypes.length; ++i) {
-        generateContractWithTypeSelector.add(createOptionElement(contractTypes[i]));
-    }
-
-    const generateContractWithTypeBtn = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            generateContract({
-                problemType: getSelectText(generateContractWithTypeSelector),
-                server: "home",
-            });
-        },
-        innerText: "Generate Specified Contract Type on Home Comp",
-    });
-
-    // Stock Market
-    const stockmarketHeader = createElement("h2", {innerText: "Stock Market"});
-
-    const stockInput = createElement("input", {
-        class: "text-input",
-        display: "block",
-        placeholder: "Stock symbol(s), or 'all'",
-    });
-
-    function processStocks(cb) {
-        const input = stockInput.value.toString().replace(/\s/g, '');
-
-        // Empty input, or "all", will process all stocks
-        if (input === "" || input.toLowerCase() === "all") {
-            for (const name in StockMarket) {
-                if (StockMarket.hasOwnProperty(name)) {
-                    const stock = StockMarket[name];
-                    if (stock instanceof Stock) {
-                        cb(stock);
-                    }
-                }
-            }
-            return;
-        }
-
-        const stockSymbols = input.split(",");
-        for (let i = 0; i < stockSymbols.length; ++i) {
-            const stock = SymbolToStockMap[stockSymbols];
-            if (stock instanceof Stock) {
-                cb(stock);
-            }
-        }
-    }
-
-    const stockPriceChangeInput = createElement("input", {
-        class: "text-input",
-        margin: "5px",
-        placeholder: "Price to change stock(s) to",
-        type: "number",
-    });
-
-    const stockPriceChangeBtn = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            const price = parseInt(stockPriceChangeInput.value);
-            if (isNaN(price)) { return; }
-
-            processStocks((stock) => {
-                stock.price = price;
-            });
-            dialogBoxCreate(`Stock Prices changed to ${price}`);
-        },
-        innerText: "Change Stock Price(s)",
-    });
-
-    const stockViewPriceCapBtn = createElement("button", {
-        class: "std-button",
-        clickListener: () => {
-            let text = "";
-            processStocks((stock) => {
-                text += `${stock.symbol}: ${numeralWrapper.format(stock.cap, '$0.000a')}<br>`;
-            });
-            dialogBoxCreate(text);
-        },
-        innerText: "View Stock Price Caps",
-    });
-
-    // Sleeves
-    const sleevesHeader = createElement("h2", { innerText: "Sleeves" });
-
-    const sleevesRemoveAllShockRecovery = createElement("button", {
-        class: "std-button",
-        display: "block",
-        innerText: "Set Shock Recovery of All Sleeves to 0",
-        clickListener: () => {
-            for (let i = 0; i < Player.sleeves.length; ++i) {
-                Player.sleeves[i].shock = 100;
-            }
-        }
-    });
-
-    // Add everything to container, then append to main menu
-    const devMenuContainer = createElement("div", {
-        class: "generic-menupage-container",
-        id: devMenuContainerId,
-    });
-
-    devMenuContainer.appendChild(devMenuText);
-    devMenuContainer.appendChild(genericHeader);
-    devMenuContainer.appendChild(addMoney);
-    devMenuContainer.appendChild(addMoney2);
-    devMenuContainer.appendChild(addRam);
-    devMenuContainer.appendChild(triggerBitflume);
-    devMenuContainer.appendChild(destroyCurrentBitnode);
-    devMenuContainer.appendChild(statsHeader);
-    devMenuContainer.appendChild(statsHackingExpInput);
-    devMenuContainer.appendChild(statsHackingExpButton);
-    devMenuContainer.appendChild(createElement("br"));
-    devMenuContainer.appendChild(statsStrengthExpInput);
-    devMenuContainer.appendChild(statsStrengthExpButton);
-    devMenuContainer.appendChild(createElement("br"));
-    devMenuContainer.appendChild(statsDefenseExpInput);
-    devMenuContainer.appendChild(statsDefenseExpButton);
-    devMenuContainer.appendChild(createElement("br"));
-    devMenuContainer.appendChild(statsDexterityExpInput);
-    devMenuContainer.appendChild(statsDexterityExpButton);
-    devMenuContainer.appendChild(createElement("br"));
-    devMenuContainer.appendChild(statsAgilityExpInput);
-    devMenuContainer.appendChild(statsAgilityExpButton);
-    devMenuContainer.appendChild(createElement("br"));
-    devMenuContainer.appendChild(statsCharismaExpInput);
-    devMenuContainer.appendChild(statsCharismaExpButton);
-    devMenuContainer.appendChild(createElement("br"));
-    devMenuContainer.appendChild(statsIntelligenceExpInput);
-    devMenuContainer.appendChild(statsIntelligenceExpButton);
-    devMenuContainer.appendChild(createElement("br"));
-    devMenuContainer.appendChild(statsEnableIntelligenceButton);
-    devMenuContainer.appendChild(statsDisableIntelligenceButton);
-    devMenuContainer.appendChild(factionsHeader);
-    devMenuContainer.appendChild(factionsDropdown);
-    devMenuContainer.appendChild(factionsAddButton);
-    devMenuContainer.appendChild(createElement("br"));
-    devMenuContainer.appendChild(factionsReputationInput);
-    devMenuContainer.appendChild(factionsReputationButton);
-    devMenuContainer.appendChild(augmentationsHeader);
-    devMenuContainer.appendChild(augmentationsDropdown);
-    devMenuContainer.appendChild(augmentationsQueueButton);
-    devMenuContainer.appendChild(giveAllAugmentationsButton);
-    devMenuContainer.appendChild(sourceFilesHeader);
-    devMenuContainer.appendChild(removeSourceFileDropdown);
-    devMenuContainer.appendChild(removeSourceFileButton);
-    devMenuContainer.appendChild(programsHeader);
-    devMenuContainer.appendChild(programsAddDropdown);
-    devMenuContainer.appendChild(programsAddButton);
-    devMenuContainer.appendChild(serversHeader);
-    devMenuContainer.appendChild(serversOpenAll);
-    devMenuContainer.appendChild(serversMinSecurityAll);
-    devMenuContainer.appendChild(serversMaxMoneyAll);
-    devMenuContainer.appendChild(serversConnectToDropdown);
-    devMenuContainer.appendChild(serversConnectToButton);
-    devMenuContainer.appendChild(companiesHeader);
-    devMenuContainer.appendChild(companiesDropdown);
-    devMenuContainer.appendChild(createElement("br"));
-    devMenuContainer.appendChild(companyReputationInput);
-    devMenuContainer.appendChild(companyReputationButton);
-    devMenuContainer.appendChild(bladeburnerHeader);
-    devMenuContainer.appendChild(bladeburnerGainRankInput);
-    devMenuContainer.appendChild(bladeburnerGainRankButton);
-    devMenuContainer.appendChild(createElement("br"));
-    devMenuContainer.appendChild(bladeburnerStoredCyclesInput);
-    devMenuContainer.appendChild(bladeburnerStoredCyclesButton);
-    devMenuContainer.appendChild(createElement("br"));
-    devMenuContainer.appendChild(gangHeader);
-    devMenuContainer.appendChild(gangStoredCyclesInput);
-    devMenuContainer.appendChild(gangAddStoredCycles);
-    devMenuContainer.appendChild(createElement("br"));
-    devMenuContainer.appendChild(corpHeader);
-    devMenuContainer.appendChild(corpStoredCyclesInput);
-    devMenuContainer.appendChild(corpStoredCyclesButton);
-    devMenuContainer.appendChild(createElement("br"));
-    devMenuContainer.appendChild(contractsHeader);
-    devMenuContainer.appendChild(generateRandomContractBtn);
-    devMenuContainer.appendChild(generateRandomContractOnHomeBtn);
-    devMenuContainer.appendChild(createElement("br"));
-    devMenuContainer.appendChild(generateContractWithTypeSelector);
-    devMenuContainer.appendChild(generateContractWithTypeBtn);
-    devMenuContainer.appendChild(stockmarketHeader);
-    devMenuContainer.appendChild(stockInput);
-    devMenuContainer.appendChild(stockPriceChangeInput);
-    devMenuContainer.appendChild(stockPriceChangeBtn);
-    devMenuContainer.appendChild(createElement("br"));
-    devMenuContainer.appendChild(stockViewPriceCapBtn);
-    devMenuContainer.appendChild(sleevesHeader);
-    devMenuContainer.appendChild(sleevesRemoveAllShockRecovery);
-
-   const entireGameContainer = document.getElementById("entire-game-container");
-   if (entireGameContainer == null) {
-       throw new Error("Could not find entire-game-container DOM element");
-   }
-   entireGameContainer.appendChild(devMenuContainer);
-}
-
-export function closeDevMenu() {
-    removeElementById(devMenuContainerId);
-}

src/Faction/FactionHelpers.js

@@ -199,7 +199,7 @@ function displayFactionContent(factionName) {
         innerText:"This donation will result in 0.000 reputation gain"
     });
     var donateAmountInput = createElement("input", {
-        placeholder:"Donation amount",
+        class: "text-input", placeholder:"Donation amount",
         inputListener:()=>{
             let amt = 0;
             if(donateAmountInput.value !== "") {

src/PersonObjects/Sleeve/SleeveUI.ts

@@ -288,7 +288,7 @@ function createSleeveUi(sleeve: Sleeve, allSleeves: Sleeve[]): ISleeveUIElems {
     }
 
     elems.taskPanel = createElement("div", { class: "sleeve-panel", width: "40%" });
-    elems.taskSelector = createElement("select") as HTMLSelectElement;
+    elems.taskSelector = createElement("select", { class: "dropdown" }) as HTMLSelectElement;
     elems.taskSelector.add(createOptionElement("------"));
     elems.taskSelector.add(createOptionElement("Work for Company"));
     elems.taskSelector.add(createOptionElement("Work for Faction"));
@@ -297,8 +297,8 @@ function createSleeveUi(sleeve: Sleeve, allSleeves: Sleeve[]): ISleeveUIElems {
     elems.taskSelector.add(createOptionElement("Workout at Gym"));
     elems.taskSelector.add(createOptionElement("Shock Recovery"));
     elems.taskSelector.add(createOptionElement("Synchronize"));
-    elems.taskDetailsSelector = createElement("select") as HTMLSelectElement;
+    elems.taskDetailsSelector = createElement("select", { class: "dropdown" }) as HTMLSelectElement;
-    elems.taskDetailsSelector2 = createElement("select") as HTMLSelectElement;
+    elems.taskDetailsSelector2 = createElement("select", { class: "dropdown" }) as HTMLSelectElement;
     elems.taskDescription = createElement("p");
     elems.taskProgressBar = createElement("p");
     elems.taskSelector.addEventListener("change", () => {

src/StockMarket/StockMarket.js

@@ -175,6 +175,11 @@ let StockMarket = {}        //Full name to stock object
 let StockSymbols = {}       //Full name to symbol
 let SymbolToStockMap = {};  //Symbol to Stock object
 
+let formatHelpData = {
+    longestName: 0,
+    longestSymbol: 0,
+};
+
 function loadStockMarket(saveString) {
     if (saveString === "") {
         StockMarket = {};
@@ -220,6 +225,12 @@ function initStockSymbols() {
     StockSymbols["Catalyst Ventures"]                       = "CTYS";
     StockSymbols["Microdyne Technologies"]                  = "MDYN";
     StockSymbols["Titan Laboratories"]                      = "TITN";
+
+    for (const key in StockSymbols) {
+        formatHelpData.longestName = key.length > formatHelpData.longestName ? key.length : formatHelpData.longestName;
+        formatHelpData.longestSymbol = StockSymbols[key].length > formatHelpData.longestSymbol ? StockSymbols[key].length : formatHelpData.longestSymbol;
+    }
+    console.log(formatHelpData);
 }
 
 function initStockMarket() {
@@ -1070,10 +1081,11 @@ function createStockTicker(stock) {
         return;
     }
     var tickerId = "stock-market-ticker-" + stock.symbol;
-    var li = document.createElement("li"), hdr = document.createElement("button");
+    var li = document.createElement("li"), hdr = document.createElement("button"), hdrpre = document.createElement("pre");;
     hdr.classList.add("accordion-header");
     hdr.setAttribute("id", tickerId + "-hdr");
-    hdr.innerHTML = stock.name + "  -  " + stock.symbol + "  -  " + numeralWrapper.format(stock.price, '($0.000a)');
+    hdrpre.textContent = stock.name + "  -  " + stock.symbol + "  -  " + numeralWrapper.format(stock.price, '($0.000a)');
+    hdr.appendChild(hdrpre);
 
     //Div for entire panel
     var stockDiv = document.createElement("div");
@@ -1352,19 +1364,15 @@ function updateStockTicker(stock, increase) {
         }
         return;
     }
-    let hdrText = stock.name + " (" + stock.symbol + ") - " + numeralWrapper.format(stock.price, '($0.000a)');
+    const stockPriceFormat = numeralWrapper.format(stock.price, '($0.000a)')
+    let hdrText = `${stock.name}${" ".repeat(1 + formatHelpData.longestName - stock.name.length + (formatHelpData.longestSymbol-stock.symbol.length))}${stock.symbol} -${" ".repeat(10 - stockPriceFormat.length)}${stockPriceFormat}`;
     if (Player.has4SData) {
-        hdrText += " - Volatility: " + numeralWrapper.format(stock.mv, '0,0.00') + "%" +
+        hdrText += ` - Volatility: ${numeralWrapper.format(stock.mv, '0,0.00')}% - Price Forecast: `;
-                   " - Price Forecast: ";
+        hdrText += (stock.b?"+":"-").repeat(Math.floor(stock.otlkMag/10) + 1);
-        if (stock.b) {
-            hdrText += "+".repeat(Math.floor(stock.otlkMag/10) + 1);
-        } else {
-            hdrText += "-".repeat(Math.floor(stock.otlkMag/10) + 1);
     }
-    }
+    hdr.firstChild.textContent = hdrText;
-    hdr.innerText = hdrText;
     if (increase != null) {
-        increase ? hdr.style.color = "#66ff33" : hdr.style.color = "red";
+        hdr.firstChild.style.color = increase ? "#66ff33" : "red";
     }
 }
 

src/engine.jsx

@@ -124,6 +124,8 @@ import "../css/gang.scss";
 import "../css/sleeves.scss";
 import "../css/resleeving.scss";
 import "../css/treant.css";
+import "../css/grid.min.css";
+import "../css/dev-menu.css";
 
 
 /* Shortcuts to navigate through the game

src/index.html

@@ -702,7 +702,7 @@ if (htmlWebpackPlugin.options.googleAnalytics.trackingId) { %>
         <a id="stock-market-expand-tickers" class="a-link-button tooltip">Expand tickers</a>
         <a id="stock-market-collapse-tickers" class="a-link-button tooltip">Collapse tickers</a>
         <br /><br />
-        <input id="stock-market-watchlist-filter" type="text" placeholder="Filter Stocks by symbol (comma-separated list)"/>
+        <input id="stock-market-watchlist-filter" class="text-input" type="text" placeholder="Filter Stocks by symbol (comma-separated list)"/>
         <a id="stock-market-watchlist-filter-update" class="a-link-button"> Update Watchlist </a>
         <ul id="stock-market-list" style="list-style:none;">
 		</ul>