Initial commit

2023-03-26 16:10:25 +07:00 · 2023-03-26 16:10:25 +07:00 · 9c73f3eda9
commit 9c73f3eda9
3 changed files with 171 additions and 0 deletions
--- a/app.js
+++ b/app.js
@ -0,0 +1,60 @@
+"use strict";
+
+let ip_input = null;
+let mask_input = null;
+let subnets_input = null;
+let info_output = null;
+
+const dataChanged = function() {
+    try {
+        const ipData = ip_input.value;
+        const [fo, se, to, lo] = ipData.split(".").map(e => parseInt(e));
+        console.log([fo, se, to, lo]);
+        if (fo === undefined || se === undefined || to === undefined || lo === undefined ||
+            fo < 0 || se < 0 || to < 0 || lo < 0 ||
+            fo > 255 || se > 255 || to > 255 || lo > 255) {
+            throw new Error("Wrong IP format");
+        }
+
+        const mask = ~~mask_input.value;
+        if (mask < 0 || mask > 31) {
+            throw new Error("Wrong mask (in range [0..32))");
+        }
+
+        const networkCapacity = Math.pow(2, 32 - mask);
+        const subnets = subnets_input.value.split(" ").map(e => ~e);
+        let cumNetSize = 0;
+        subnets.forEach(e => {
+            cumNetSize += e;
+        });
+        if (cumNetSize > networkCapacity) {
+            throw new Error(`Cannot fit ${cumNetSize} in this subnet`);
+        }
+
+        const ip = new IP(fo, se, to, lo);
+        const net = new Subnet(ip, mask);
+
+        // info_output.textContent =  `Subnet info for    ${subnet.gateway.toString()}/${mask}\n`;
+        // info_output.textContent += `Subnet mask:       ${subnet.mask.toString()}\n`;
+        // info_output.textContent += `Subnet capacity:   ${subnet.subnetCapacity.toString()} addresses\n\n`;
+        // info_output.textContent += `First IP:          ${subnet.firstIP.toString()}\n`;
+        // info_output.textContent += `Last IP:           ${subnet.lastIP.toString()}\n`;
+        // info_output.textContent += `Broadcast IP:      ${subnet.broadcastIP.toString()}\n`;
+    } catch (e) {
+        info_output.textContent = `Error:\n${e.message}`;
+    }
+}
+
+
+const init = function() {
+    ip_input = document.getElementById("ip");
+    mask_input = document.getElementById("mask");
+    subnets_input = document.getElementById("subnets");
+    info_output = document.getElementById("subnects-info");
+
+    ip_input.addEventListener("input", dataChanged);
+    mask_input.addEventListener("input", dataChanged);
+    subnets_input.addEventListener("input", dataChanged);
+}
+
+document.addEventListener("DOMContentLoaded", init);
--- a/index.html
+++ b/index.html
@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+
+    <script src="./ipclass.js"></script>
+    <script src="./app.js"></script>
+</head>
+<body>
+    <div>
+        <h4>Net</h4>
+        <input type="text" name="ip" id="ip" placeholder="IP"> / <input type="text" name="mask" id="mask" placeholder="24">
+    </div>
+    <div>
+        <h4>Subnets list</h4>
+        <input type="text" name="subnets" id="subnets" placeholder="192 32 30 5...">
+    </div>
+    <div>
+        <h4>Subnets info</h4>
+        <pre id="subnects-info">
+        </pre>
+    </div>
+</body>
+</html>
--- a/ipclass.js
+++ b/ipclass.js
@ -0,0 +1,84 @@
+"use strict";
+
+class IP {
+    /**
+     * 
+     * @param {Number} fo First octet
+     * @param {Number} se Second octet
+     * @param {Number} to Third octet
+     * @param {Number} lo Last octet
+     */
+    constructor(fo, se, to, lo) {
+        this.raw = BigInt(fo) << 24n | BigInt(se) << 16n | BigInt(to) << 8n | BigInt(lo);
+    }
+
+    /**
+     * 
+     * @param {BigInt} num Amount to add
+     */
+    add(num=1n) {
+        if (typeof(num) !== typeof(0n)) {
+            num = BigInt(num);
+        }
+        this.raw += num;
+    }
+
+    /**
+     * 
+     * @param {BigInt} num Amount to sub
+     */
+    sub(num=1n) {
+        if (typeof(num) !== typeof(0n)) {
+            num = BigInt(num);
+        }
+        this.raw -= num;
+    }
+
+    /**
+     * 
+     * @param {Number} num Which octet to pull (0-based)
+     */
+    octet(num) {
+        if (typeof(num) !== typeof(0n)) {
+            num = BigInt(num);
+        }
+        if (num > 3n) throw new Error("Four octets in IPv4 IP-address");
+
+        return this.raw >> (8n * (3n - num)) & 0xFFn;
+    }
+
+    toString() {
+        return `${this.raw >> 24n & 0xFFn}.${this.raw >> 16n & 0xFFn}.${this.raw >> 8n & 0xFFn}.${this.raw & 0xFFn}`;
+    }
+
+    clone() {
+        return new IP(this.octet(0n), this.octet(1n), this.octet(2n), this.octet(3n));
+    }
+}
+
+class Subnet {
+    /**
+     * 
+     * @param {IP} ip 
+     * @param {Number} subnetMask 
+     */
+    constructor(ip, subnetMask) {
+        this.subnetCapacity = Math.pow(2, 32 - subnetMask);
+        this.gateway = ip;
+
+        const bmask = "".padStart(32 - subnetMask, 0).padStart(32, 1);
+        const fo = parseInt(bmask.substr(0, 8), 2);
+        const se = parseInt(bmask.substr(8, 8), 2);
+        const to = parseInt(bmask.substr(16, 8), 2);
+        const lo = parseInt(bmask.substr(24, 8), 2);
+        this.mask = new IP(fo, se, to, lo);
+
+        this.firstIP = this.gateway.clone();
+        this.firstIP.add(1);
+        this.lastIP = this.firstIP.clone();
+        this.lastIP.add(this.subnetCapacity);
+        this.lastIP.sub(3);
+        this.broadcastIP = this.lastIP.clone();
+        this.broadcastIP.add(1);
+    }
+}