init III
This commit is contained in:
244
HTML CSS Tabs/portal-tabs/index.html
Normal file
244
HTML CSS Tabs/portal-tabs/index.html
Normal file
@@ -0,0 +1,244 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>CONET Netzportal</title>
|
||||
<style type="text/css">
|
||||
a:link { font-size: 20px; color: #999999; } a:visited { color: #999999; } a:hover { color: #0000FF; }
|
||||
.desc {margin-left: 40px;}
|
||||
.latium {font-family: Antiqua;}
|
||||
.tabs {
|
||||
position: relative;
|
||||
min-height: 600px; /* This part sucks */
|
||||
clear: both;
|
||||
margin: 25px 0;
|
||||
}
|
||||
.tab {
|
||||
float: left;
|
||||
}
|
||||
.tab label {
|
||||
background: #eee;
|
||||
padding: 10px;
|
||||
border: 1px solid #ccc;
|
||||
margin-left: -1px;
|
||||
position: relative;
|
||||
left: 1px;
|
||||
}
|
||||
.tab [type=radio] {
|
||||
display: none;
|
||||
}
|
||||
.content {
|
||||
position: absolute;
|
||||
top: 28px;
|
||||
left: 0;
|
||||
background: white;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
padding: 20px;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
[type=radio]:checked ~ label {
|
||||
background: white;
|
||||
border-bottom: 1px solid white;
|
||||
z-index: 2;
|
||||
}
|
||||
[type=radio]:checked ~ label ~ .content {
|
||||
z-index: 1;
|
||||
}
|
||||
</style>
|
||||
<script language="JavaScript" type="text/javascript">
|
||||
function sortlist() {
|
||||
var lb = document.getElementById('mylist');
|
||||
arrTexts = new Array();
|
||||
arrValue = new Array();
|
||||
for(i=0; i<lb.length; i++) {
|
||||
arrTexts[i] = lb.options[i].text;
|
||||
arrValue[i] = lb.options[i].value;
|
||||
}
|
||||
arrTexts.sort();
|
||||
for(i=0; i<lb.length; i++) {
|
||||
lb.options[i].text = arrTexts[i];
|
||||
lb.options[i].value = arrValue[i];
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<!-- TABS -->
|
||||
<div class="tabs">
|
||||
<!-- TAB1 -->
|
||||
<div class="tab">
|
||||
<input type="radio" id="tab-1" name="tab-group-1" checked>
|
||||
<label for="tab-1">Links</label>
|
||||
<div class="content">
|
||||
<div>
|
||||
<a href="http://10.101.0.11:88" target="observium">Observium</a>
|
||||
</div>
|
||||
<div class=desc>Überwacht Geräte und Server (Verfügbarkeit, CPU, Speicher, Temperatur ...). Erstellt Graphen für Schnittstellen (Übertragungsraten, Pakete, Fehler ...)<br>Login: monitoring/@De.....13!
|
||||
</div>
|
||||
<div>
|
||||
<a href="http://10.101.0.11/websvn" target="websvn">WebSVN</a>
|
||||
</div>
|
||||
<div class=desc>Per rancid gesicherte Konfigurationen von Netzwerkkomponenten einsehen.<br>Die Konfigurationen werden halbstündlich abgezogen. Zusätzlich zu WebSVN werden Unterschiede, farbig markiert, per Mail ins Supportpostfach (ConfigChanges) gemeldet.
|
||||
</div>
|
||||
<div>
|
||||
<a href="http://10.101.0.11/switchview" target="switchview">SwitchView</a>
|
||||
</div>
|
||||
<div class=desc>Zeigt Informationen zu Switches und deren Ports sowie den Portfehlern an.<br>
|
||||
<ul>
|
||||
<li>Switch</li>
|
||||
<ul>
|
||||
<li>IP, Name, Uptime, Softwareversion</li>
|
||||
</ul>
|
||||
</ul>
|
||||
<ul>
|
||||
<li>Ports</li>
|
||||
<ul>
|
||||
<li>Portname, Porttyp, MAC Adresse des Ports, angeschlossene MAC Adressen</li>
|
||||
<li>Konfigurierte und aktive Einstellungen (Speed, Link)</li>
|
||||
<li>Portbeschreibung</li>
|
||||
<li>VLAN Konfiguration</li>
|
||||
<li>Letzter Statuswechsel</li>
|
||||
<li>Menge an übertragenen Daten und Portfehler</li>
|
||||
<li>Spanning Tree Status</li>
|
||||
</ul>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<a href="http://10.101.0.11/loganalyzer" target="loganalyzer">LogAnalyzer</a>
|
||||
</div>
|
||||
<div class=desc>Werkzeug zum anzeigen und filtern von syslog Nachrichten. Syslog Server ist 10.101.0.11 mit dem Standardport.
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<a href="http://10.101.0.11/nfsen/nfsen.php" target="netflow">NetFlow</a>
|
||||
</div>
|
||||
|
||||
<div class=desc>Werkzeug zur Analyse der Datenströme
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- TAB1 -->
|
||||
|
||||
<!-- TAB2 -->
|
||||
<div class="tab">
|
||||
<input type="radio" id="tab-2" name="tab-group-1">
|
||||
<label for="tab-2">Shunning</label>
|
||||
|
||||
<div class="content">
|
||||
<font size+2><b>Neu!!!</b></font>
|
||||
<b>Kommandos absetzen</b>
|
||||
|
||||
<form action="http://10.101.0.11/cgi-bin/execute.cgi" target="execute" method="post">
|
||||
<input type="hidden" name="command" value="sh shun">
|
||||
<input type="hidden" name="host" value="asa-frankfurt">
|
||||
<input type="hidden" name="typ" value="cisco">
|
||||
<input type="submit" value="Zeige shun">Zeige shun Liste der Firewall
|
||||
</form>
|
||||
|
||||
<form action="http://10.101.0.11/cgi-bin/execute.cgi" target="execute" method="post">
|
||||
<input type="hidden" name="command" value="sh shun clear">
|
||||
<input type="hidden" name="host" value="asa-frankfurt">
|
||||
<input type="hidden" name="typ" value="cisco">
|
||||
<input type="submit" value="Lösche shun">
|
||||
IP
|
||||
<input name="ip" type="text" size="15" maxlength="15">Lösche komplette shun Liste oder eine einzelne IP aus der Liste
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!-- TAB2 -->
|
||||
|
||||
|
||||
<!-- TAB3 -->
|
||||
<div class="tab">
|
||||
<input type="radio" id="tab-3" name="tab-group-1">
|
||||
<label for="tab-3">Befehle</label>
|
||||
<div class="content">
|
||||
<form action="http://10.101.0.11/cgi-bin/execute.cgi" target="execute" method="post">
|
||||
<input type="submit" value="Cmd">
|
||||
<?php
|
||||
$data = file('/etc/hosts');
|
||||
echo "Host<select name='host' id=mylist>\n";
|
||||
foreach ($data as $b) {
|
||||
if (strlen($b) > 2 and preg_match("/asa|router|switch|CONcN5K|CONcC3K|CONHPPC/",$b)) {
|
||||
$m = preg_split("/[\s]+/",$b);
|
||||
echo "<option value=$m[1]>".$m[1].' '.$m[0]."</option>\n";
|
||||
}
|
||||
}
|
||||
echo "</select>\n";
|
||||
?>
|
||||
<a href="javascript:sortlist()">sort</a>
|
||||
Typ
|
||||
<select name=typ>
|
||||
<option value=cisco>cisco</option>
|
||||
<option value=hp>hp</option>
|
||||
</select>
|
||||
Command
|
||||
<input type="text" name="command" size="20">
|
||||
Führt 'command' auf 'host' aus.
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!-- TAB3 -->
|
||||
|
||||
|
||||
<!-- TAB4 -->
|
||||
<div class="tab">
|
||||
<input type="radio" id="tab-4" name="tab-group-1">
|
||||
<label for="tab-4">DynDNS</label>
|
||||
<div class="content">
|
||||
<table>
|
||||
<tr>
|
||||
<td>
|
||||
<form action="http://10.101.0.11/cgi-bin/execute.cgi" target="execute" method="post">
|
||||
<input type="hidden" name="command" value="sh dyndns">
|
||||
<input type="hidden" name="host" value="dyndns">
|
||||
<input type="hidden" name="typ" value="dyndns">
|
||||
<input type="submit" value="zeige dyndns user">
|
||||
</form>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width="20%">
|
||||
<form action="http://10.101.0.11/cgi-bin/execute.cgi" target="execute" method="post">
|
||||
<input type="hidden" name="command" value="sh add dyndns">
|
||||
<input type="hidden" name="host" value="dyndns">
|
||||
<input type="hidden" name="typ" value="dyndns">
|
||||
<input type="submit" value="dyndns +">
|
||||
<input type="text" name="user" value="Username" size="10">
|
||||
<input type="text" name="pass" value="Passwort" size="10">
|
||||
</form>
|
||||
</td>
|
||||
<td width="20%">
|
||||
<form action="http://10.101.0.11/cgi-bin/execute.cgi" target="execute" method="post">
|
||||
<input type="hidden" name="command" value="sh del dyndns">
|
||||
<input type="hidden" name="host" value="dyndns">
|
||||
<input type="hidden" name="typ" value="dyndns">
|
||||
<input type="submit" value="dyndns -">
|
||||
<input type="text" name="user" value="Username" size="10">
|
||||
</form>
|
||||
</td>
|
||||
<td width="60%">
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
DYNDNS Updates<br>http://195.20.133.158/cgi-bin/dyndns.cgi?usr=testuser&pass=testpass&host=testhost&comment=testcomment&ip=127.2.3.4<br>comment und ip sind optional. Ohne Angabe der IP wird die öffentliche IP des aufrufenden Clients verwendet.<br><br>Dieser Server ist der DNS Server. Master für die Zonen conet.mgmt und conet.dyndns<br>nslookup testhost.conet.dyndns 10.101.0.11<br>
|
||||
</div>
|
||||
</div>
|
||||
<!-- TAB4 -->
|
||||
|
||||
<!-- TAB5 -->
|
||||
<div class="tab">
|
||||
<input type="radio" id="tab-5" name="tab-group-1">
|
||||
<label for="tab-5">Info</label>
|
||||
<div class="content">
|
||||
<font class=latium>A<a href='https://10.101.0.11:10000/'>·</a>GEISSLER·F·F·ANNUS·XXXVIII·FECIT</font>
|
||||
</div>
|
||||
</div>
|
||||
<!-- TAB5 -->
|
||||
|
||||
<!-- TABS -->
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user