From 758d6f2c4a6db148fe1912ce28f88465e3e79d26 Mon Sep 17 00:00:00 2001
From: Yuval Adam <yuval@y3xz.com>
Date: Wed, 9 Dec 2015 13:28:31 +0200
Subject: Add netmask calculation

---
 index.js | 22 ++++++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

(limited to 'index.js')

diff --git a/index.js b/index.js
index 43f477a..720639a 100644
--- a/index.js
+++ b/index.js
@@ -34,9 +34,22 @@ class IPAddress extends React.Component {
     }
   }
 
-  render() {
-    var pretty = this.state.octets.join('.') + '/' + this.state.cidr
+  getPretty = () => {
+    return this.state.octets.join('.') + '/' + this.state.cidr
+  }
 
+  getNetmask = () => {
+    if (this.state.cidr == 0) {
+      return '0.0.0.0'
+    }
+    else {
+      return [...Array(4)].map((x, octet) =>
+        ((((0xFFFFFFFF << (32 - this.state.cidr)) >>> 0) >>> (3-octet)*8) & 0xFF)
+      ).join('.')
+    }
+  }
+
+  render() {
     return <div className="ip-address">
       <div className="address">
         {[...Array(4)].map((x, octet) =>
@@ -61,6 +74,11 @@ class IPAddress extends React.Component {
           )}
         </ol>
       </div>
+
+      <div className="details">
+        <span className="netmask">Netmask: {this.getNetmask()}</span>
+      </div>
+
     </div>
   }
 }
-- 
cgit v1.3.1