diff --git a/dist/index.html b/dist/index.html
index 05c9a6f..f7fe698 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -21,7 +21,7 @@
-
Visual Subnet Calculator
+ Visual Subnet Calculator (UNDER CONSTRUCTION)
Enter the network you wish to subnet and use the Split/Join buttons on the right to start designing!
diff --git a/dist/main.css b/dist/main.css
index 6a495f9..2352a1d 100644
--- a/dist/main.css
+++ b/dist/main.css
@@ -31,8 +31,8 @@
/* Equivalent to p-1 */
padding: 0.25rem;
/* Equivalent to p-2 */
- padding-top: 0.5rem;
- padding-bottom: 0.5rem;
+ padding-top: 0.25rem;
+ padding-bottom: 0.25rem;
}
/*
@@ -59,6 +59,7 @@
cursor: pointer;
min-width: 2.3rem;
width: 1%;
+ font-size:1rem;
}
#calc td.join {
@@ -67,6 +68,7 @@
cursor: pointer;
min-width: 2.3rem;
width: 1%;
+ font-size:1rem;
}
#calc td.split, #calc td.join {
@@ -77,7 +79,8 @@
padding-right: 0.4rem;
}
#calc .note {
-
+ padding-left:0.5rem;
+ padding-right:0.5rem;
}
#calc .note label,input {
@@ -86,18 +89,24 @@
#calc .row_address {
white-space: nowrap;
+ padding-left:0.5rem;
+ padding-right:0.5rem;
}
#calc .row_range {
/* TODO: Make this a checkbox?
white-space: nowrap;
*/
+ padding-left:0.5rem;
+ padding-right:0.5rem;
}
#calc .row_usable {
/* TODO: Make this a checkbox?
white-space: nowrap;
*/
+ padding-left:0.5rem;
+ padding-right:0.5rem;
}
#calc .row_hosts {
@@ -125,5 +134,5 @@
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
white-space: nowrap;
- padding-top: 0.5rem;
+ padding-top: 0.25rem;
}
\ No newline at end of file
diff --git a/dist/main.js b/dist/main.js
index fe9281b..1baa3d0 100644
--- a/dist/main.js
+++ b/dist/main.js
@@ -2,7 +2,15 @@ let subnetMap = {};
let maxNetSize = 0;
let infoColumnCount = 5
$('#btn_go').on('click', function() {
- let rootCidr = get_network($('#network').val(), $('#netsize').val()) + '/' + $('#netsize').val()
+ reset();
+})
+
+$('#btn_reset').on('click', function() {
+ reset();
+})
+
+function reset() {
+ let rootCidr = get_network($('#network').val(), $('#netsize').val()) + '/' + $('#netsize').val()
subnetMap = {}
subnetMap[rootCidr] = {}
maxNetSize = parseInt($('#netsize').val())
@@ -51,7 +59,7 @@ $('#btn_go').on('click', function() {
}
*/
renderTable();
-})
+}
$('#calcbody').on('click', 'td.split,td.join', function(event) {
// HTML DOM Data elements! Yay! See the `data-*` attributes of the HTML tags
@@ -215,4 +223,8 @@ function mutate_subnet_map(verb, network, subnetTree) {
}
}
}
-}
\ No newline at end of file
+}
+
+$( document ).ready(function() {
+ reset();
+});
\ No newline at end of file