network managment
This commit is contained in:
Devdatt Bhatt
parent
b408dc90e5
commit
13658ddd4c
196
html/network.php
196
html/network.php
|
|
@ -1,5 +1,4 @@
|
||||||
<?php
|
<?php
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Urmi you happy me happy licence
|
Urmi you happy me happy licence
|
||||||
|
|
||||||
|
|
@ -8,25 +7,48 @@ Copyright (c) 2026 shreebhattji
|
||||||
License text:
|
License text:
|
||||||
https://github.com/shreebhattji/Urmi/blob/main/licence.md
|
https://github.com/shreebhattji/Urmi/blob/main/licence.md
|
||||||
*/
|
*/
|
||||||
include 'header.php' ?>
|
include 'header.php';
|
||||||
|
|
||||||
|
// Load network configuration
|
||||||
|
$config_file = '/etc/urmi/network.json';
|
||||||
|
$network_config = [];
|
||||||
|
|
||||||
|
if (file_exists($config_file)) {
|
||||||
|
$config_data = file_get_contents($config_file);
|
||||||
|
$network_config = json_decode($config_data, true);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Handle form submissions
|
||||||
|
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
|
||||||
|
if (isset($_POST['action'])) {
|
||||||
|
$interface = $_POST['interface'];
|
||||||
|
$action = $_POST['action'];
|
||||||
|
|
||||||
|
if ($action === 'save') {
|
||||||
|
// Save configuration
|
||||||
|
$config = [
|
||||||
|
'interface' => $interface,
|
||||||
|
'method' => $_POST['method'],
|
||||||
|
'ip' => $_POST['ip'] ?? '',
|
||||||
|
'netmask' => $_POST['netmask'] ?? '',
|
||||||
|
'gateway' => $_POST['gateway'] ?? '',
|
||||||
|
'dns' => $_POST['dns'] ?? ''
|
||||||
|
];
|
||||||
|
|
||||||
|
$network_config[$interface] = $config;
|
||||||
|
file_put_contents($config_file, json_encode($network_config, JSON_PRETTY_PRINT));
|
||||||
|
} elseif ($action === 'activate') {
|
||||||
|
// Activate interface
|
||||||
|
exec("sudo ip link set $interface up", $output, $return_code);
|
||||||
|
} elseif ($action === 'deactivate') {
|
||||||
|
// Deactivate interface
|
||||||
|
exec("sudo ip link set $interface down", $output, $return_code);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
<div class="container">
|
|
||||||
<h2>Network Interfaces</h2>
|
|
||||||
<table class="table table-striped">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Interface Name</th>
|
|
||||||
<th>IP Address</th>
|
|
||||||
<th>MAC Address</th>
|
|
||||||
<th>Status</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<?php
|
|
||||||
// Get network interfaces excluding specific ones
|
// Get network interfaces excluding specific ones
|
||||||
$interfaces = [];
|
$interfaces = [];
|
||||||
|
|
||||||
// Get all interfaces using ip command
|
|
||||||
$output = [];
|
$output = [];
|
||||||
exec('ip addr show', $output);
|
exec('ip addr show', $output);
|
||||||
|
|
||||||
|
|
@ -61,7 +83,8 @@ include 'header.php' ?>
|
||||||
'name' => $current_interface,
|
'name' => $current_interface,
|
||||||
'ip' => '',
|
'ip' => '',
|
||||||
'mac' => '',
|
'mac' => '',
|
||||||
'status' => 'down'
|
'status' => 'down',
|
||||||
|
'config' => $network_config[$current_interface] ?? null
|
||||||
];
|
];
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -80,21 +103,130 @@ include 'header.php' ?>
|
||||||
$interface_data[$current_interface]['status'] = 'up';
|
$interface_data[$current_interface]['status'] = 'up';
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Display the filtered interfaces
|
|
||||||
foreach ($interface_data as $interface) {
|
|
||||||
if (!empty($interface['ip']) || !empty($interface['mac'])) {
|
|
||||||
echo "<tr>";
|
|
||||||
echo "<td>" . htmlspecialchars($interface['name']) . "</td>";
|
|
||||||
echo "<td>" . htmlspecialchars($interface['ip']) . "</td>";
|
|
||||||
echo "<td>" . htmlspecialchars($interface['mac']) . "</td>";
|
|
||||||
echo "<td>" . htmlspecialchars($interface['status']) . "</td>";
|
|
||||||
echo "</tr>";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
?>
|
?>
|
||||||
</tbody>
|
|
||||||
</table>
|
<div class="container">
|
||||||
|
<h2>Network Interfaces</h2>
|
||||||
|
|
||||||
|
<!-- Interface Tabs -->
|
||||||
|
<ul class="nav nav-tabs" id="interfaceTabs" role="tablist">
|
||||||
|
<?php $first = true; foreach ($interface_data as $interface): ?>
|
||||||
|
<li class="nav-item" role="presentation">
|
||||||
|
<button class="nav-link <?php echo $first ? 'active' : ''; ?>"
|
||||||
|
id="tab-<?php echo $interface['name']; ?>"
|
||||||
|
data-bs-toggle="tab"
|
||||||
|
data-bs-target="#<?php echo $interface['name']; ?>"
|
||||||
|
type="button"
|
||||||
|
role="tab">
|
||||||
|
<?php echo htmlspecialchars($interface['name']); ?>
|
||||||
|
</button>
|
||||||
|
</li>
|
||||||
|
<?php $first = false; endforeach; ?>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<!-- Tab Content -->
|
||||||
|
<div class="tab-content" id="interfaceTabContent">
|
||||||
|
<?php $first = true; foreach ($interface_data as $interface): ?>
|
||||||
|
<div class="tab-pane fade <?php echo $first ? 'show active' : ''; ?>"
|
||||||
|
id="<?php echo $interface['name']; ?>"
|
||||||
|
role="tabpanel">
|
||||||
|
<div class="card mt-3">
|
||||||
|
<div class="card-header">
|
||||||
|
<h5><?php echo htmlspecialchars($interface['name']); ?></h5>
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-6">
|
||||||
|
<p><strong>IP Address:</strong> <?php echo htmlspecialchars($interface['ip'] ?: 'N/A'); ?></p>
|
||||||
|
<p><strong>MAC Address:</strong> <?php echo htmlspecialchars($interface['mac'] ?: 'N/A'); ?></p>
|
||||||
|
<p><strong>Status:</strong>
|
||||||
|
<span class="badge bg-<?php echo $interface['status'] === 'up' ? 'success' : 'secondary'; ?>">
|
||||||
|
<?php echo htmlspecialchars($interface['status']); ?>
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6">
|
||||||
|
<form method="post" action="">
|
||||||
|
<input type="hidden" name="interface" value="<?php echo htmlspecialchars($interface['name']); ?>">
|
||||||
|
|
||||||
|
<div class="mb-3">
|
||||||
|
<label class="form-label">Configuration Method</label>
|
||||||
|
<div class="form-check">
|
||||||
|
<input class="form-check-input" type="radio" name="method" id="dhcp-<?php echo $interface['name']; ?>"
|
||||||
|
value="dhcp" <?php echo ($interface['config']['method'] ?? '') === 'dhcp' ? 'checked' : ''; ?>>
|
||||||
|
<label class="form-check-label" for="dhcp-<?php echo $interface['name']; ?>">
|
||||||
|
DHCP
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<div class="form-check">
|
||||||
|
<input class="form-check-input" type="radio" name="method" id="static-<?php echo $interface['name']; ?>"
|
||||||
|
value="static" <?php echo ($interface['config']['method'] ?? '') === 'static' ? 'checked' : ''; ?>>
|
||||||
|
<label class="form-check-label" for="static-<?php echo $interface['name']; ?>">
|
||||||
|
Static IP
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="mb-3" id="static-ip-fields-<?php echo $interface['name']; ?>"
|
||||||
|
style="<?php echo ($interface['config']['method'] ?? '') === 'static' ? 'display: block;' : 'display: none;'; ?>">
|
||||||
|
<label class="form-label">IP Address</label>
|
||||||
|
<input type="text" class="form-control" name="ip"
|
||||||
|
value="<?php echo htmlspecialchars($interface['config']['ip'] ?? ''); ?>"
|
||||||
|
placeholder="192.168.1.100">
|
||||||
|
|
||||||
|
<label class="form-label mt-2">Netmask</label>
|
||||||
|
<input type="text" class="form-control" name="netmask"
|
||||||
|
value="<?php echo htmlspecialchars($interface['config']['netmask'] ?? ''); ?>"
|
||||||
|
placeholder="255.255.255.0">
|
||||||
|
|
||||||
|
<label class="form-label mt-2">Gateway</label>
|
||||||
|
<input type="text" class="form-control" name="gateway"
|
||||||
|
value="<?php echo htmlspecialchars($interface['config']['gateway'] ?? ''); ?>"
|
||||||
|
placeholder="192.168.1.1">
|
||||||
|
|
||||||
|
<label class="form-label mt-2">DNS Server</label>
|
||||||
|
<input type="text" class="form-control" name="dns"
|
||||||
|
value="<?php echo htmlspecialchars($interface['config']['dns'] ?? ''); ?>"
|
||||||
|
placeholder="8.8.8.8">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="d-flex justify-content-between">
|
||||||
|
<button type="submit" name="action" value="save" class="btn btn-primary">Save Configuration</button>
|
||||||
|
<div>
|
||||||
|
<button type="submit" name="action" value="activate"
|
||||||
|
class="btn btn-success <?php echo $interface['status'] === 'up' ? 'disabled' : ''; ?>">
|
||||||
|
Activate
|
||||||
|
</button>
|
||||||
|
<button type="submit" name="action" value="deactivate"
|
||||||
|
class="btn btn-danger <?php echo $interface['status'] === 'down' ? 'disabled' : ''; ?>">
|
||||||
|
Deactivate
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<?php $first = false; endforeach; ?>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
// Toggle static IP fields based on method selection
|
||||||
|
document.querySelectorAll('input[name^="method"]').forEach(radio => {
|
||||||
|
radio.addEventListener('change', function() {
|
||||||
|
const interfaceName = this.name.replace('method', '');
|
||||||
|
const staticFields = document.getElementById(`static-ip-fields-${interfaceName}`);
|
||||||
|
|
||||||
|
if (this.value === 'static') {
|
||||||
|
staticFields.style.display = 'block';
|
||||||
|
} else {
|
||||||
|
staticFields.style.display = 'none';
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
|
||||||
<?php include 'footer.php' ?>
|
<?php include 'footer.php' ?>
|
||||||
Loading…
Reference in New Issue