Port images show configuration in Webbrowser

This commit is contained in:
logicog
2025-08-17 21:03:43 +02:00
parent d79ac79f2f
commit dbd60fc810
5 changed files with 98 additions and 11 deletions
+15 -3
View File
@@ -1,16 +1,28 @@
<!DOCTYPE html>
<html>
<script src="/main.js"></script>
<head>
<link rel="stylesheet" href="style.css">
<title>FreeSwitchOS Main Page</title>
</head>
<body>
<div id="ports"> <img id="port1" width="40" height="40" src="port.svg"/> <img id="port2" width="40" height="40" src="port.svg"/>
<img id="port3" width="40" height="40" src="port.svg"/> <img id="port4" width="40" height="40" src="port.svg"/> <img id="sfp1" width="60" height="60" src="sfp.svg"/>
<img id="sfp2" width="60" height="60" src="sfp.svg"/> </div>
<ul> <li><a href="index.html">Overview</a></li> <li><a href="vlan.html">VLAN</a></li>
<li><a href="mirror.html">Mirroring</a></li> <li><a href="trunk.html">Port Aggregation</a></li></ul>
<div style="margin-left:25%;padding:1px 16px;height:1000px;">
<div id="ports">
<object type="image/svg+xml" data="port.svg" id="port1" width="40" height="40"></object>
<object type="image/svg+xml" data="port.svg" id="port2" width="40" height="40"></object>
<object type="image/svg+xml" data="port.svg" id="port3" width="40" height="40"></object>
<object type="image/svg+xml" data="port.svg" id="port4" width="40" height="40"></object>
<object type="image/svg+xml" data="sfp.svg" id="port5" width="60" height="60"></object>
<object type="image/svg+xml" data="sfp.svg" id="port6" width="60" height="60"></object>
</div>
<h1>Switch Configuration</h1>
<table>
<tr> <th>Setting</th> <th></th> </tr>
#{html_index}
</table>
</div>
</body>
</html>