From 0f8d2df1aad4af3dbc5c07ea79fdef8dc3ba3082 Mon Sep 17 00:00:00 2001
From: Yuval Adam <yuval@y3xz.com>
Date: Wed, 9 Dec 2015 12:39:38 +0200
Subject: Masked bit styles

---
 index.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

(limited to 'index.js')

diff --git a/index.js b/index.js
index fcb42e3..43f477a 100644
--- a/index.js
+++ b/index.js
@@ -8,8 +8,8 @@ class IPAddress extends React.Component {
   constructor(props) {
     super(props)
     this.state = {
-      octets: [10, 88, 135, 24],
-      cidr: 32,
+      octets: [10, 88, 135, 144],
+      cidr: 28,
     }
   }
 
@@ -54,7 +54,7 @@ class IPAddress extends React.Component {
             <li className="octet">
               <ol>
                 {[...Array(8)].map((x, bit) =>
-                  <li className="bit">{(this.state.octets[octet] & (1 << (7-bit))) >> (7-bit)}</li>
+                  <li className={((octet*8)+bit) > this.state.cidr-1 ? 'bit masked' : 'bit unmasked'}>{(this.state.octets[octet] & (1 << (7-bit))) >> (7-bit)}</li>
                 )}
               </ol>
             </li>
-- 
cgit v1.3.1