IPv4 Subnet Information
@@ -874,22 +505,6 @@ export default {
-
Available Networks
diff --git a/public/css/styles.css b/public/css/styles.css
index aca385d..77f57af 100644
--- a/public/css/styles.css
+++ b/public/css/styles.css
@@ -123,20 +123,16 @@ html,body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-u
display: block;
}
- /* Mobile overlay - separate element */
- .mobile-nav-overlay {
+ /* Add mobile overlay */
+ .sidenav::before {
+ content: '';
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
- z-index: 99;
- display: none;
- }
-
- .mobile-nav-overlay.active {
- display: block;
+ z-index: -1;
}
/* Adjust main content spacing for mobile */
@@ -280,21 +276,14 @@ input,select,textarea{width:100%;background:transparent;color:var(--text);border
align-items: center;
}
-.footer-links {
- display: flex;
- gap: 16px;
- align-items: center;
-}
-
-.contact-link,
.source-link {
color: var(--accent);
text-decoration: none;
font-weight: 500;
transition: color 0.2s ease;
+ margin-left: auto;
}
-.contact-link:hover,
.source-link:hover {
color: var(--accent2);
text-decoration: underline;
diff --git a/public/index.html b/public/index.html
index bc8ff1a..b21196e 100644
--- a/public/index.html
+++ b/public/index.html
@@ -29,17 +29,11 @@
-
-
-
diff --git a/public/js/app.js b/public/js/app.js
index e27223a..b009f43 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -1,50 +1,30 @@
import {el, initTheme, enhanceSelects} from './util.js';
const CALCS = [
- // Financial calculators
{ id:'interest', name:'Interest (Simple & Compound)', about:'Simple/compound interest', path:'../calculators/interest.js' },
- { id:'currency', name:'Currency Converter', about:'Convert between currencies', path:'../calculators/currency.js' },
-
- // Storage/System Administration
{ id:'raid', name:'RAID', about:'Usable capacity', path:'../calculators/raid.js' },
- { id:'zfs', name:'ZFS', about:'Pool configuration & performance', path:'../calculators/zfs.js' },
-
- // Network/System Administration
{ id:'bandwidth', name:'Bandwidth', about:'Bitsβbytes unit conv.', path:'../calculators/bandwidth.js' },
- { id:'subnet', name:'IP Subnet', about:'IPv4/IPv6 subnet calculations', path:'../calculators/subnet.js' },
-
- // Specialized Tools
- { id:'nmea', name:'NMEA', about:'0183 XOR checksum', path:'../calculators/nmea.js' }
+ { id:'nmea', name:'NMEA', about:'0183 XOR checksum', path:'../calculators/nmea.js' },
+ { id:'currency', name:'Currency Converter', about:'Convert between currencies', path:'../calculators/currency.js' },
+ { id:'zfs', name:'ZFS', about:'Pool configuration & performance', path:'../calculators/zfs.js' },
+ { id:'subnet', name:'IP Subnet', about:'IPv4/IPv6 subnet calculations', path:'../calculators/subnet.js' }
];
const navEl = document.getElementById('nav');
const viewEl = document.getElementById('view');
const themeBtn= document.getElementById('themeToggle');
const navToggleBtn = document.getElementById('navToggle');
-const mobileNavOverlay = document.getElementById('mobileNavOverlay');
initTheme(themeBtn);
// Mobile navigation toggle
navToggleBtn.addEventListener('click', () => {
navEl.classList.toggle('mobile-active');
- mobileNavOverlay.classList.toggle('active');
-});
-
-// Close mobile nav when clicking overlay
-mobileNavOverlay.addEventListener('click', () => {
- navEl.classList.remove('mobile-active');
- mobileNavOverlay.classList.remove('active');
});
// Close mobile nav when clicking outside
document.addEventListener('click', (e) => {
- // Only close if nav is currently open
- if (navEl.classList.contains('mobile-active')) {
- // Close if clicking outside both nav and toggle button
- if (!navEl.contains(e.target) && !navToggleBtn.contains(e.target)) {
- navEl.classList.remove('mobile-active');
- mobileNavOverlay.classList.remove('active');
- }
+ if (!navEl.contains(e.target) && !navToggleBtn.contains(e.target)) {
+ navEl.classList.remove('mobile-active');
}
});
@@ -53,7 +33,6 @@ navEl.addEventListener('click', (e) => {
const a = e.target.closest('a[data-calc]');
if (a) {
navEl.classList.remove('mobile-active');
- mobileNavOverlay.classList.remove('active');
}
});
diff --git a/tests/test_subnet.py b/tests/test_subnet.py
index b365f25..759420b 100644
--- a/tests/test_subnet.py
+++ b/tests/test_subnet.py
@@ -759,50 +759,6 @@ class TestSubnetCalculator:
# Verify network class is correct
assert f"Network Class: {expected_class}" in result_text, f"Failed for {ip_addr}: expected {expected_class}"
- def test_subnet_ipv4_network_class_cidr_independence(self, calculator_page):
- """Test that network class is determined by IP address only, not CIDR"""
- calculator_page.get("http://localhost:8008/subnet")
-
- # Wait for calculator to load
- WebDriverWait(calculator_page, 10).until(
- EC.presence_of_element_located((By.CSS_SELECTOR, "input[name='ipAddress']"))
- )
-
- ip_input = calculator_page.find_element(By.CSS_SELECTOR, "input[name='ipAddress']")
- cidr_input = calculator_page.find_element(By.CSS_SELECTOR, "input[name='cidr']")
-
- # Test that network class remains the same regardless of CIDR
- test_cases = [
- ("10.0.0.1", "Class A", [8, 16, 24, 30, 32]), # Class A IP with different CIDRs
- ("172.16.0.1", "Class B", [8, 16, 24, 30, 32]), # Class B IP with different CIDRs
- ("192.168.1.1", "Class C", [8, 16, 24, 30, 32]), # Class C IP with different CIDRs
- ("224.0.0.1", "Class D", [8, 16, 24, 30, 32]), # Class D IP with different CIDRs
- ("240.0.0.1", "Class E", [8, 16, 24, 30, 32]), # Class E IP with different CIDRs
- ]
-
- for ip_addr, expected_class, cidr_values in test_cases:
- # Set the IP address once
- ip_input.clear()
- ip_input.send_keys(ip_addr)
-
- # Test with different CIDR values
- for cidr in cidr_values:
- cidr_input.clear()
- cidr_input.send_keys(str(cidr))
-
- # Wait for results to update
- WebDriverWait(calculator_page, 10).until(
- lambda driver: f"Network Class: {expected_class}" in self._get_subnet_result(driver)
- )
-
- result_text = self._get_subnet_result(calculator_page)
-
- # Verify network class remains the same regardless of CIDR
- assert f"Network Class: {expected_class}" in result_text, f"Failed for {ip_addr} with CIDR /{cidr}: expected {expected_class}"
-
- # Also verify that the CIDR is correctly applied (different from network class)
- assert f"CIDR Notation: /{cidr}" in result_text, f"CIDR /{cidr} not applied correctly for {ip_addr}"
-
def test_subnet_cidr_mask_conversion_edge_cases(self, calculator_page):
"""Test CIDR to mask conversion for all edge cases"""
calculator_page.get("http://localhost:8008/subnet")
@@ -855,141 +811,6 @@ class TestSubnetCalculator:
actual_cidr = cidr_input.get_attribute("value")
assert actual_cidr == str(cidr), f"Mask {expected_mask} should map to /{cidr}, got /{actual_cidr}"
- def test_subnet_large_cidr_networks_table(self, calculator_page):
- """Test that subnet calculator displays networks table for large CIDR values like /10, /8"""
- calculator_page.get("http://localhost:8008/subnet")
-
- # Wait for calculator to load
- WebDriverWait(calculator_page, 10).until(
- EC.presence_of_element_located((By.CSS_SELECTOR, "input[name='ipAddress']"))
- )
-
- ip_input = calculator_page.find_element(By.CSS_SELECTOR, "input[name='ipAddress']")
- cidr_input = calculator_page.find_element(By.CSS_SELECTOR, "input[name='cidr']")
-
- # Test with /10 (large subnet)
- ip_input.clear()
- ip_input.send_keys("10.0.0.1")
- cidr_input.clear()
- cidr_input.send_keys("10")
-
- # Wait for results
- WebDriverWait(calculator_page, 10).until(
- EC.presence_of_element_located((By.CLASS_NAME, "result"))
- )
-
- result_text = self._get_subnet_result(calculator_page)
-
- # Verify that the networks table is displayed
- assert "Available Networks" in result_text, "Available Networks table should be displayed for /10"
- assert "Network" in result_text, "Network column should be present"
- assert "First Host" in result_text, "First Host column should be present"
- assert "Last Host" in result_text, "Last Host column should be present"
- assert "Broadcast" in result_text, "Broadcast column should be present"
-
- # Verify that we get multiple networks (should be many for /10)
- assert "Showing" in result_text, "Should show count of networks"
- assert "of" in result_text, "Should show total possible networks"
-
- # Test with /8 (even larger subnet)
- cidr_input.clear()
- cidr_input.send_keys("8")
-
- # Wait for results to update
- WebDriverWait(calculator_page, 10).until(
- lambda driver: "Available Networks" in self._get_subnet_result(driver)
- )
-
- result_text = self._get_subnet_result(calculator_page)
-
- # Verify that the networks table is still displayed for /8
- assert "Available Networks" in result_text, "Available Networks table should be displayed for /8"
- assert "Network" in result_text, "Network column should be present for /8"
-
- # Test with /6 (very large subnet)
- cidr_input.clear()
- cidr_input.send_keys("6")
-
- # Wait for results to update
- WebDriverWait(calculator_page, 10).until(
- lambda driver: "Available Networks" in self._get_subnet_result(driver)
- )
-
- result_text = self._get_subnet_result(calculator_page)
-
- # Verify that the networks table is still displayed for /6
- assert "Available Networks" in result_text, "Available Networks table should be displayed for /6"
- assert "Network" in result_text, "Network column should be present for /6"
-
- def test_subnet_rfc_network_detection(self, calculator_page):
- """Test RFC network type detection and display"""
- calculator_page.get("http://localhost:8008/subnet")
-
- # Wait for calculator to load
- WebDriverWait(calculator_page, 10).until(
- EC.presence_of_element_located((By.CSS_SELECTOR, "input[name='ipAddress']"))
- )
-
- ip_input = calculator_page.find_element(By.CSS_SELECTOR, "input[name='ipAddress']")
- cidr_input = calculator_page.find_element(By.CSS_SELECTOR, "input[name='cidr']")
-
- # Test cases for different RFC network types
- test_cases = [
- ("10.0.0.1", "Private Network", "RFC 1918", "10.0.0.0/8"),
- ("192.168.1.1", "Private Network", "RFC 1918", "192.168.0.0/16"),
- ("172.16.0.1", "Private Network", "RFC 1918", "172.16.0.0/12"),
- ("127.0.0.1", "Loopback", "RFC 1122", "127.0.0.0/8"),
- ("169.254.1.1", "Link-Local", "RFC 3927", "169.254.0.0/16"),
- ("100.64.1.1", "CGNAT", "RFC 6598", "100.64.0.0/10"),
- ("192.0.2.1", "Test-Net", "RFC 5737", "192.0.2.0/24"),
- ("224.0.0.1", "Multicast", "RFC 1112", "224.0.0.0/4"),
- ("8.8.8.8", "Public IP", None, None), # Google DNS
- ]
-
- for ip_addr, expected_type, expected_rfc, expected_cidr in test_cases:
- # Set the IP address
- ip_input.clear()
- ip_input.send_keys(ip_addr)
- cidr_input.clear()
- cidr_input.send_keys("24")
-
- # Wait for results
- WebDriverWait(calculator_page, 10).until(
- EC.presence_of_element_located((By.CLASS_NAME, "result"))
- )
-
- result_text = self._get_subnet_result(calculator_page)
-
- # Verify Network Type Information section is displayed
- assert "Network Type Information" in result_text, f"Network Type Information section should be displayed for {ip_addr}"
- assert "Network Type:" in result_text, f"Network Type should be displayed for {ip_addr}"
- assert "Description:" in result_text, f"Description should be displayed for {ip_addr}"
-
- # Verify the network type is correct
- assert f"Network Type: {expected_type}" in result_text, f"Expected {expected_type} for {ip_addr}, got: {result_text}"
-
- # Verify RFC reference if expected
- if expected_rfc:
- assert f"RFC Reference: {expected_rfc}" in result_text, f"Expected RFC {expected_rfc} for {ip_addr}"
- else:
- # For public IPs, RFC reference should not be shown
- assert "RFC Reference:" not in result_text, f"RFC Reference should not be shown for public IP {ip_addr}"
-
- # Verify RFC range (CIDR notation) if expected
- if expected_cidr:
- assert f"RFC Range: {expected_cidr}" in result_text, f"Expected RFC Range {expected_cidr} for {ip_addr}"
- else:
- # For public IPs, RFC range should not be shown
- assert "RFC Range:" not in result_text, f"RFC Range should not be shown for public IP {ip_addr}"
-
- # Note: IPv6 RFC network detection test is commented out due to test environment issues
- # with IPv6 mode switching. The functionality works in the actual application.
- # def test_subnet_ipv6_rfc_network_detection(self, calculator_page):
- # """Test IPv6 RFC network type detection and display"""
- # # This test would verify IPv6 network type detection but is disabled
- # # due to test environment issues with IPv6 mode switching
- # pass
-
def _get_subnet_result(self, driver):
"""Helper method to get subnet calculation result text"""
result_element = driver.find_element(By.CLASS_NAME, "result")