70 lines
2.9 KiB
HTML
70 lines
2.9 KiB
HTML
<style>
|
|
.container {
|
|
display: flex;
|
|
justify-content: space-between; /* Распределяет пространство между элементами */
|
|
}
|
|
.box {
|
|
width: 30%; /* Ширина каждого блока */
|
|
padding: 20px;
|
|
background-color: lightblue;
|
|
border: 1px solid #000;
|
|
text-align: center;
|
|
}
|
|
|
|
</style>
|
|
|
|
|
|
<div class="container">
|
|
<div id="body" class="box">
|
|
<label for="model">Модель:</label>
|
|
<select id="model" name="model" hx-get="/web/mikrotik_conf/get-ports" hx-target="#ports" hx-trigger="change">
|
|
<option value="">-- Модель --</option>
|
|
<option value="rb5009ug">RB5009</option>
|
|
</select>
|
|
<div id="ports">
|
|
тут облабла
|
|
</div>
|
|
</div>
|
|
|
|
<div id="settings" class="box">
|
|
<form hx-post="/web/mikrotik_conf/process-data" hx-target="#cisco_tunnel" hx-trigger="submit">
|
|
<label for="code">Код площадки</label>
|
|
<input type="text" id="code" name="code" required placeholder="XXXX"><br>
|
|
|
|
<label for="network">16-я подсеть</label>
|
|
<input type="text" id="network" name="network" required placeholder="10.xx.0.0/16"><br>
|
|
|
|
<label for="loopback">loopback</label>
|
|
<input type="text" id="loopback" name="loopback" required placeholder="192.168.11.xx"><br>
|
|
|
|
<label for="tunnel_number">Номер основного тоннеля</label>
|
|
<input type="text" id="tunnel_number" name="tunnel_number" required placeholder="999"><br>
|
|
|
|
<label for="tunnel_network">Подсеть основного тоннеля</label>
|
|
<input type="text" id="tunnel_network" name="tunnel_number" required placeholder="192.168.30.xx/30"><br><br>
|
|
|
|
<label for="isp_ip">IP адрес от провайдера</label>
|
|
<input type="text" id="isp_ip" name="isp_ip" required placeholder="123.123.123.123/24"><br>
|
|
|
|
<label for="isp_gw">Адрес шлюза провайдера</label>
|
|
<input type="text" id="isp_gw" name="isp_gw" required placeholder="123.123.123.1"><br><br>
|
|
|
|
<label for="netadm_pwd">Пароль netadm</label>
|
|
<input type="password" id="netadm_pwd" name="netadm_pwd" required placeholder="пароль от уз netadm"><br>
|
|
|
|
<label for="radius_pwd">Пароль от радиуса</label>
|
|
<input type="password" id="radius_pwd" name="radius_pwd" required placeholder="пароль от радиуса"><br>
|
|
|
|
<label for="snmp_community">SNMP community</label>
|
|
<input type="password" id="snmp_community" name="snmp_community" required placeholder="SNMP community"><br>
|
|
<button type="submit">Сгенерировать</button>
|
|
</form>
|
|
</div>
|
|
|
|
|
|
<div id="cisco_tunnel" class="box">
|
|
тут конфиг для циски
|
|
</div>
|
|
</div>
|
|
|