BitNode-9 initial implementation

src/ui/React/ServerDropdown.jsx

@@ -0,0 +1,65 @@
+/**
+ * Creates a dropdown (select HTML element) with server hostnames as options
+ *
+ * Configurable to only contain certain types of servers
+ */
+import React from "react";
+import { AllServers } from "../../Server/AllServers";
+
+import { HacknetServer } from "../../Hacknet/HacknetServer";
+
+// TODO make this an enum when this gets converted to TypeScript
+export const ServerType = {
+    All:        0,
+    Foreign:    1, // Hackable, non-owned servers
+    Owned:      2, // Home Computer, Purchased Servers, and Hacknet Servers
+    Purchased:  3, // Everything from Owned except home computer
+}
+
+export class ServerDropdown extends React.Component {
+    /**
+     * Checks if the server should be shown in the dropdown menu, based on the
+     * 'serverType' property
+     */
+    isValidServer(s) {
+        const type = this.props.serverType;
+        switch (type) {
+            case ServerType.All:
+                return true;
+            case ServerType.Foreign:
+                return (s.hostname !== "home" && !s.purchasedByPlayer);
+            case ServerType.Owned:
+                return s.purchasedByPlayer || (s instanceof HacknetServer) || s.hostname === "home";
+            case ServerType.Purchased:
+                return s.purchasedByPlayer || (s instanceof HacknetServer);
+            default:
+                console.warn(`Invalid ServerType specified for ServerDropdown component: ${type}`);
+                return false;
+        }
+    }
+
+    /**
+     * Given a Server object, creates a Option element
+     */
+    renderOption(s) {
+        return (
+            <option key={s.hostname} value={s.hostname}>{s.hostname}</option>
+        )
+    }
+
+    render() {
+        const servers = [];
+        for (const serverName in AllServers) {
+            const server = AllServers[serverName];
+            if (this.isValidServer(server)) {
+                servers.push(this.renderOption(server));
+            }
+        }
+
+        return (
+            <select className={"dropdown"} onChange={this.props.onChange} style={this.props.style}>
+                {servers}
+            </select>
+        )
+    }
+}