Skip to content

Instantly share code, notes, and snippets.

@AnyoeDove

AnyoeDove/easyconfig.html

Last active October 13, 2023 19:22
Show Gist options
  • Save AnyoeDove/49bcf1f6e9e2dff929b120314aef6ece to your computer and use it in GitHub Desktop.
Save AnyoeDove/49bcf1f6e9e2dff929b120314aef6ece to your computer and use it in GitHub Desktop.
Download ZIP
easyconfig zh-CN
Raw
easyconfig.html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="[email protected]">
<link rel="icon" href="/easyconfig/favicon.ico">
<title></title>
<link href="/easyconfig/bootstrap.min.css?v=1" rel="stylesheet">
<!--[if lt IE 9]>
<script src="/easyconfig/html5shiv.min.js?v=1"></script>
<script src="/easyconfig/respond.min.js?v=1"></script>
<![endif]-->
<link href="/easyconfig/easyconfig.css?v=1" rel="stylesheet">
<script src="/easyconfig/easyconfig.js?v=1"></script>
<script src="/easyconfig/manuf.js?v=1"></script>
<script src="/easyconfig/dns.js?v=1"></script>
<script src="/easyconfig/feather.min.js?v=1"></script>
</head>
<body>
<div id="menu" class="sidenav">
<a href="#" class="closebtn" onclick="closenav();">&times;</a>
<a href="#" onclick="btn_pages('status');"><i data-feather="bar-chart-2" class="iconwithtext"></i>概览</a>
<a href="#" onclick="btn_pages('config');"><i data-feather="settings" class="iconwithtext"></i>设置</a>
<a href="#" onclick="btn_pages('system');"><i data-feather="server" class="iconwithtext"></i>系统</a>
<a href="#" onclick="btn_pages('watchdog');"><i data-feather="activity" class="iconwithtext"></i>Monitor połączenia</a>
<div id="menu_wlan">
<a href="#" onclick="btn_pages('sitesurvey');"><i data-feather="wifi" class="iconwithtext"></i>Sieci Wi-Fi</a>
</div>
<a href="#" onclick="btn_pages('clients');"><i data-feather="users" class="iconwithtext"></i>客户端</a>
<a href="#" onclick="btn_pages('clientslogs');"><i data-feather="book-open" class="iconwithtext"></i>Historia połączeń</a>
<div id="menu_queries" style="display:none;">
<a href="#" onclick="btn_pages('queries');"><i data-feather="search" class="iconwithtext"></i>Zapytania DNS</a>
</div>
<a href="#" onclick="btn_pages('traffic');"><i data-feather="repeat" class="iconwithtext"></i>Transfer</a>
<div id="menu_ussdsms" style="display:none;">
<a href="#" onclick="btn_pages('ussdsms');"><i data-feather="mail" class="iconwithtext"></i>USSD / SMS</a>
</div>
<div id="menu_vpn" style="display:none;">
<a href="#" onclick="btn_pages('vpn');"><i data-feather="shield" class="iconwithtext"></i>VPN</a>
</div>
<a href="#" onclick="btn_pages('adblock');"><i data-feather="globe" class="iconwithtext"></i>Blokada domen</a>
<a href="#" onclick="btn_pages('nightmode');"><i data-feather="moon" class="iconwithtext"></i>Tryb nocny</a>
<div id="menu_gps" style="display:none;">
<a href="#" onclick="btn_pages('gps');"><i data-feather="map-pin" class="iconwithtext"></i>GPS</a>
</div>
</div>
<div class="container">
<div id="div_login" style="display:block;">
<div class="row">
<div class="space">&nbsp;</div>
<div class="col-sm-6 text-center">
<div class="wifi"></div>
</div>
<div class="col-sm-6 margintop">
<form class="form-horizontal">
<div class="form-group" style="display:none;">
<label for="system_login" class="col-xs-4 col-sm-3 control-label">Login</label>
<div class="col-xs-8 col-sm-9">
<input id="system_login" type="text" class="form-control" value="root">
</div>
</div>
<div class="form-group">
<label for="system_password" class="col-xs-12 text-left">密码</label>
<div class="col-xs-12">
<input id="system_password" type="password" class="form-control" onkeydown="if (event.keyCode == 13) document.getElementById('loginbtn').click()" autofocus>
</div>
</div>
</form>
<div class="text-center">
<input type="button" class="btn btn-primary" id="loginbtn" onclick="login();" value="登录" />
</div>
</div>
</div>
</div>
<div id="div_content" style="display:none;">
<div class="row">
<div class="col-xs-2">
<h3>
<span class="btn btn-default text-left" onclick="opennav();">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</span>
</h3>
</div>
<div class="col-xs-8"><h3 id="system_hostname_label" class="text-center">&nbsp;</h3></div>
<div class="col-xs-2"></div>
</div>
<div class="alert alert-danger text-center" id="div_security" style="display:none">
<strong>UWAGA!</strong> Wymagana jest zmiana domyślnego hasła do routera!
</div>
<div id="div_status">
<div id="div_status_modem" style="display:none;">
<h3 class="section">Modem</h3>
<div class="row">
<div class="col-sm-8">
<div class="row">
<label class="col-xs-6 text-right">Operator</label>
<div class="col-xs-6">
<p id="modem_operator">-</p>
</div>
</div>
<div class="row">
<label class="col-xs-6 text-right">Sygnał</label>
<div class="col-xs-6">
<p id="modem_signal">-</p>
</div>
</div>
<div class="row">
<label class="col-xs-6 text-right">Technologia</label>
<div class="col-xs-6">
<p id="modem_mode">-</p>
</div>
</div>
<div class="row">
<label class="col-xs-6 text-right">Status karty SIM</label>
<div class="col-xs-6">
<p id="modem_registration">-</p>
</div>
</div>
<div class="row" id="div_modem_addon" style="display:none;">
<div class="col-xs-6 col-xs-offset-6">
<p><a href="#" class="click" onclick="modemaddon();">więcej parametrów</a></p>
</div>
</div>
<div class="row" id="div_modem_btsearch" style="display:none;">
<div class="col-xs-6 col-xs-offset-6">
<p><a href="#" id="modem_btsearch" class="click" target="_blank">lokalizacja stacji bazowej &rarr;</a></p>
</div>
</div>
</div>
<div class="col-sm-4 center-xd">
<div class="signal-bars sizing-box lzero one-bar" id="modem_signal_bars">
<div class="first-bar bar"></div>
<div class="second-bar bar"></div>
<div class="third-bar bar"></div>
<div class="fourth-bar bar"></div>
<div class="fifth-bar bar"></div>
</div>
</div>
</div>
</div>
<div id="div_status_wan" style="display:none;">
<h3 class="section">Internet</h3>
<div class="row">
<label class="col-xs-6 text-right">重连次数</label>
<div class="col-xs-6">
<p id="wan_up_cnt">-</p>
</div>
</div>
<div class="row">
<label class="col-xs-6 text-right">运行时间</label>
<div class="col-xs-6">
<p><span id="wan_uptime">-</span><span class="visible-xs oneline"></span><small><span id="wan_uptime_since"></span></small></p>
</div>
</div>
<div class="row">
<label class="col-xs-6 text-right">发送</label>
<div class="col-xs-6">
<p id="wan_tx">-</p>
</div>
</div>
<div class="row">
<label class="col-xs-6 text-right">接收</label>
<div class="col-xs-6">
<p id="wan_rx">-</p>
</div>
</div>
<div class="row">
<label class="col-xs-6 text-right">IP 地址</label>
<div class="col-xs-6">
<p id="wan_ipaddr_status">-</p>
</div>
</div>
<div class="row" id="div_vpn_up_status" style="display:none;">
<label class="col-xs-6 text-right">VPN</label>
<div class="col-xs-6">
<a href="#" class="click" onclick="btn_pages('vpn');"><p>aktywny</p></a>
</div>
</div>
<div class="row" id="div_wan_lanto_status" style="display:none;">
<div class="col-xs-6 col-xs-offset-6">
<p>wyłączony dostęp sieci lokalnej do internetu</p></a>
</div>
</div>
</div>
<div id="div_status_wlan">
<h3 class="section">Wi-Fi</h3>
<div class="row">
<label class="col-xs-6 text-right">信道</label>
<div class="col-xs-6">
<p id="wlan_current_channels">-</p>
</div>
</div>
<div class="row">
<label class="col-xs-6 text-right">已连接设备</label>
<div class="col-xs-6">
<a href="#" class="click" onclick="btn_pages('clients');"><p id="wlan_clients">0</p></a>
</div>
</div>
</div>
<div id="div_status_lan">
<h3 class="section">Sieć lokalna</h3>
<div class="row">
<label class="col-xs-6 text-right">已连接设备</label>
<div class="col-xs-6">
<a href="#" class="click" onclick="btn_pages('clients');"><p id="lan_clients">0</p></a>
</div>
</div>
<div id="div_status_lan_ports">
</div>
</div>
<div id="div_status_mwan3" style="display:none;">
<h3 class="section"><span id="mwan3_policy"></span></h3>
<div class="row">
<div class="col-xs-3 col-xs-offset-3"><p>Status</p></div>
<div class="col-xs-3"><p>Czas pracy</p></div>
<div class="col-xs-3"><p>Udział w ruchu</p></div>
</div>
<div id="div_status_mwan3_content"></div>
</div>
<h3 class="section">System</h3>
<div class="row">
<label class="col-xs-6 text-right">平均负载</label>
<div class="col-xs-6">
<p id="system_load">-</p>
</div>
</div>
<div class="row">
<label class="col-xs-6 text-right">运行时间</label>
<div class="col-xs-6">
<p><span id="system_uptime">-</span><span class="visible-xs oneline"></span><small><span id="system_uptime_since"></span></small></p>
</div>
</div>
<div class="row">
<label class="col-xs-6 text-right">本地时间</label>
<div class="col-xs-6">
<p id="system_time">-</p>
</div>
</div>
<div id="div_status_sensors" style="display:none;">
<h3 class="section">Sensory</h3>
<div id="div_status_sensors_addon">
</div>
</div>
<h3 class="section"></h3>
<div class="text-center">
<input type="button" class="btn btn-default" onclick="btn_pages('status');" value="刷新" />
</div>
</div>
<div id="div_config" style="display:none;">
<h3 class="section">网络</h3>
<form class="form-horizontal">
<div class="form-group">
<label for="wan_proto" class="col-xs-4 col-sm-3 control-label">链接类型</label>
<div class="col-xs-8 col-sm-9">
<select id="wan_proto" class="form-control" onchange="enableWan(this.value)">
</select>
</div>
</div>
<div class="form-group" id="div_wan_ipaddr">
<label for="wan_ipaddr" class="col-xs-4 col-sm-3 control-label">Adres IP</label>
<div class="col-xs-8 col-sm-9">
<input id="wan_ipaddr" type="text" class="form-control" onkeyup="proofreadIp(this);">
</div>
</div>
<div class="form-group" id="div_wan_netmask">
<label for="wan_netmask" class="col-xs-4 col-sm-3 control-label">Maska</label>
<div class="col-xs-8 col-sm-9">
<select id="wan_netmask" class="form-control">
<option value="0.0.0.0">/0 (0.0.0.0)</option>
<option value="128.0.0.0">/1 (128.0.0.0)</option>
<option value="192.0.0.0">/2 (192.0.0.0)</option>
<option value="224.0.0.0">/3 (224.0.0.0)</option>
<option value="240.0.0.0">/4 (240.0.0.0)</option>
<option value="248.0.0.0">/5 (248.0.0.0)</option>
<option value="252.0.0.0">/6 (252.0.0.0)</option>
<option value="254.0.0.0">/7 (254.0.0.0)</option>
<option value="255.0.0.0">/8 (255.0.0.0)</option>
<option value="255.128.0.0">/9 (255.128.0.0)</option>
<option value="255.192.0.0">/10 (255.192.0.0)</option>
<option value="255.224.0.0">/11 (255.224.0.0)</option>
<option value="255.240.0.0">/12 (255.240.0.0)</option>
<option value="255.248.0.0">/13 (255.248.0.0)</option>
<option value="255.252.0.0">/14 (255.252.0.0)</option>
<option value="255.254.0.0">/15 (255.254.0.0)</option>
<option value="255.255.0.0">/16 (255.255.0.0)</option>
<option value="255.255.128.0">/17 (255.255.128.0)</option>
<option value="255.255.192.0">/18 (255.255.192.0)</option>
<option value="255.255.224.0">/19 (255.255.224.0)</option>
<option value="255.255.240.0">/20 (255.255.240.0)</option>
<option value="255.255.248.0">/21 (255.255.248.0)</option>
<option value="255.255.252.0">/22 (255.255.252.0)</option>
<option value="255.255.254.0">/23 (255.255.254.0)</option>
<option value="255.255.255.0">/24 (255.255.255.0)</option>
<option value="255.255.255.128">/25 (255.255.255.128)</option>
<option value="255.255.255.192">/26 (255.255.255.192)</option>
<option value="255.255.255.224">/27 (255.255.255.224)</option>
<option value="255.255.255.240">/28 (255.255.255.240)</option>
<option value="255.255.255.248">/29 (255.255.255.248)</option>
<option value="255.255.255.252">/30 (255.255.255.252)</option>
<option value="255.255.255.254">/31 (255.255.255.254)</option>
<option value="255.255.255.255">/32 (255.255.255.255)</option>
</select>
</div>
</div>
<div class="form-group" id="div_wan_gateway">
<label for="wan_gateway" class="col-xs-4 col-sm-3 control-label">Brama</label>
<div class="col-xs-8 col-sm-9">
<input id="wan_gateway" type="text" class="form-control" onkeyup="proofreadIp(this);">
</div>
</div>
<div class="form-group" id="div_wan_device">
<label for="wan_device" class="col-xs-4 col-sm-3 control-label">Urządzenie</label>
<div class="col-xs-8 col-sm-9">
<select id="wan_device" class="form-control">
</select>
</div>
</div>
<div class="form-group" id="div_wan_device_mm">
<label for="wan_device" class="col-xs-4 col-sm-3 control-label">Modem</label>
<div class="col-xs-8 col-sm-9">
<select id="wan_device_mm" class="form-control">
</select>
</div>
</div>
<div class="form-group" id="div_wan_apn">
<label for="wan_apn" class="col-xs-4 col-sm-3 control-label">APN</label>
<div class="col-xs-8 col-sm-9">
<input id="wan_apn" type="text" class="form-control">
</div>
</div>
<div class="form-group" id="div_wan_pincode">
<label for="wan_pincode" class="col-xs-4 col-sm-3 control-label click" onclick="showPassword('wan_pincode');">PIN</label>
<div class="col-xs-8 col-sm-9">
<input id="wan_pincode" type="password" class="form-control">
</div>
</div>
<div class="form-group" id="div_wan_dashboard_url">
<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
<a href="#" id="wan_dashboard_url" class="click" target="_blank">调制解调器管理面板 &rarr;</a>
</div>
</div>
<div class="form-group" id="div_wan_modem_mode">
<label for="wan_modem_mode" class="col-xs-4 col-sm-3 control-label">Technologia</label>
<div class="col-xs-8 col-sm-9">
<select id="wan_modem_mode" class="form-control">
</select>
</div>
</div>
<div class="form-group" id="div_wan_dns">
<label for="wan_dns" class="col-xs-4 col-sm-3 control-label">DNS 服务器</label>
<div class="col-xs-8 col-sm-9">
<select id="wan_dns" class="form-control" onchange="enableDns(this.value)">
</select>
</div>
</div>
<div class="form-group" id="div_wan_dns_url">
<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
<a href="#" id="wan_dns_url" class="click" target="_blank">opis serwera &rarr;</a>
</div>
</div>
<div class="form-group" id="div_wan_dns1">
<label for="wan_dns1" class="col-xs-4 col-sm-3 control-label">DNS 1</label>
<div class="col-xs-8 col-sm-9">
<input id="wan_dns1" type="text" class="form-control" onkeyup="proofreadIp(this);">
</div>
</div>
<div class="form-group" id="div_wan_dns2">
<label for="wan_dns2" class="col-xs-4 col-sm-3 control-label">DNS 2</label>
<div class="col-xs-8 col-sm-9">
<input id="wan_dns2" type="text" class="form-control" onkeyup="proofreadIp(this);">
</div>
</div>
<div class="form-group" id="div_wan_metered">
<label for="wan_metered" class="col-xs-4 col-sm-3 control-label">Połączenie mierzone</label>
<div class="col-xs-8 col-sm-9">
<label class="switch">
<input id="wan_metered" type="checkbox">
<div class="slider round"></div>
</label>
<span class="hidden-xs control-label labelleft"><em><small class="form-text text-muted">połączenie ma ograniczenia danych lub wiąże się z opłatami</small></em></span>
<div class="visible-xs"><em><small class="form-text text-muted">połączenie ma ograniczenia danych lub wiąże się z opłatami</small></em></div>
</div>
</div>
<div class="form-group" id="div_wan_lanto">
<label for="wan_lanto" class="col-xs-4 col-sm-3 control-label">Dostęp z sieci lokalnej</label>
<div class="col-xs-8 col-sm-9">
<label class="switch">
<input id="wan_lanto" type="checkbox">
<div class="slider round"></div>
</label>
<span class="hidden-xs control-label labelleft"><em><small class="form-text text-muted">umożliwia dostęp sieci lokalnej do internetu przez <span id="wan_lanto_interface1"></span></small></em></span>
<div class="visible-xs"><em><small class="form-text text-muted">umożliwia dostęp sieci lokalnej do internetu przez <span id="wan_lanto_interface2"></span></small></em></div>
</div>
</div>
<div class="form-group" id="div_firewall_dmz">
<label for="firewall_dmz" class="col-xs-4 col-sm-3 control-label">Adres IP w DMZ</label>
<div class="col-xs-8 col-sm-9">
<input id="firewall_dmz" type="text" class="form-control" onkeyup="proofreadIp(this);">
<em><small class="form-text text-muted">musi być z tej samej klasy co sieć lokalna</small></em>
</div>
</div>
</form>
<h3 class="section">Sieć lokalna</h3>
<form class="form-horizontal">
<div class="form-group">
<label for="lan_ipaddr" class="col-xs-4 col-sm-3 control-label">Adres IP</label>
<div class="col-xs-8 col-sm-9">
<input id="lan_ipaddr" type="text" class="form-control" onkeyup="proofreadIp(this);">
</div>
</div>
<div class="form-group">
<label for="lan_dhcp_enabled" class="col-xs-4 col-sm-3 control-label">Serwer DHCP włączony</label>
<div class="col-xs-8 col-sm-9">
<label class="switch">
<input id="lan_dhcp_enabled" type="checkbox">
<div class="slider round"></div>
</label>
</div>
</div>
<div class="form-group">
<label for="lan_forcedns" class="col-xs-4 col-sm-3 control-label">Przechwytywanie zapytań DNS</label>
<div class="col-xs-8 col-sm-9">
<label class="switch">
<input id="lan_forcedns" type="checkbox">
<div class="slider round"></div>
</label>
</div>
</div>
<div class="form-group">
<label for="dhcp_logqueries" class="col-xs-4 col-sm-3 control-label">Logowanie zapytań DNS</label>
<div class="col-xs-8 col-sm-9">
<label class="switch">
<input id="dhcp_logqueries" type="checkbox">
<div class="slider round"></div>
</label>
</div>
</div>
<div class="form-group" id="div_wan_wanport">
<label for="wan_wanport" class="col-xs-4 col-sm-3 control-label">Port WAN dołączony do sieci lokalnej</label>
<div class="col-xs-8 col-sm-9">
<label class="switch">
<input id="wan_wanport" type="checkbox">
<div class="slider round"></div>
</label>
</div>
</div>
</form>
<div id="div_radio0" style="display:none;">
<h3 class="section" id="radio0">Wi-Fi</h3>
<form class="form-horizontal">
<div class="form-group">
<label for="wlan_enabled0" class="col-xs-4 col-sm-3 control-label">Wi-Fi włączone</label>
<div class="col-xs-8 col-sm-9">
<label class="switch">
<input id="wlan_enabled0" type="checkbox">
<div class="slider round"></div>
</label>
</div>
</div>
<div class="form-group" id="div_wlan_txpower0">
<label for="wlan_txpower0" class="col-xs-4 col-sm-3 control-label">Moc nadawania</label>
<div class="col-xs-8 col-sm-9">
<select id="wlan_txpower0" class="form-control">
<option value='100'>100%</option>
<option value='80'>80%</option>
<option value='60'>60%</option>
<option value='40'>40%</option>
<option value='20'>20%</option>
</select>
</div>
</div>
<div class="form-group">
<label for="wlan_ssid0" class="col-xs-4 col-sm-3 control-label">Nazwa sieci (SSID)</label>
<div class="col-xs-8 col-sm-9">
<input id="wlan_ssid0" type="text" class="form-control" onkeyup="proofreadLengthRange(this, 1, 32);">
</div>
</div>
<div class="form-group">
<label for="wlan_channel0" class="col-xs-4 col-sm-3 control-label">Kanał</label>
<div class="col-xs-8 col-sm-9">
<select id="wlan_channel0" class="form-control" onchange="enableWlanTXPower(this.value, 0);">
</select>
</div>
</div>
<div class="form-group" id="div_wlan_encryption0">
<label for="wlan_encryption0" class="col-xs-4 col-sm-3 control-label">Szyfrowanie</label>
<div class="col-xs-8 col-sm-9">
<select id="wlan_encryption0" class="form-control" onchange="enableWlanEncryption(this.value, 0);">
</select>
</div>
</div>
<div class="form-group" id="div_wlan_key0">
<label for="wlan_key0" class="col-xs-4 col-sm-3 control-label click" onclick="showPassword('wlan_key0');">Hasło</label>
<div class="col-xs-8 col-sm-9">
<input id="wlan_key0" type="password" class="form-control">
</div>
</div>
<div class="form-group">
<label for="wlan_isolate0" class="col-xs-4 col-sm-3 control-label">Izolacja klientów</label>
<div class="col-xs-8 col-sm-9">
<label class="switch">
<input id="wlan_isolate0" type="checkbox">
<div class="slider round"></div>
</label>
</div>
</div>
</form>
</div>
<div id="div_radio1" style="display:none;">
<h3 class="section" id="radio1">Wi-Fi</h3>
<form class="form-horizontal">
<div class="form-group">
<label for="wlan_enabled1" class="col-xs-4 col-sm-3 control-label">Wi-Fi włączone</label>
<div class="col-xs-8 col-sm-9">
<div class="row">
<div class="col-xs-6">
<label class="switch">
<input id="wlan_enabled1" type="checkbox">
<div class="slider round"></div>
</label>
</div>
<label class="col-xs-6 control-label">
<span class="click" onclick="copywireless();">kopiuj z poprzedniej sieci</span>
</label>
</div>
</div>
</div>
<div class="form-group" id="div_wlan_txpower1">
<label for="wlan_txpower1" class="col-xs-4 col-sm-3 control-label">Moc nadawania</label>
<div class="col-xs-8 col-sm-9">
<select id="wlan_txpower1" class="form-control">
<option value='100'>100%</option>
<option value='80'>80%</option>
<option value='60'>60%</option>
<option value='40'>40%</option>
<option value='20'>20%</option>
</select>
</div>
</div>
<div class="form-group">
<label for="wlan_ssid1" class="col-xs-4 col-sm-3 control-label">Nazwa sieci (SSID)</label>
<div class="col-xs-8 col-sm-9">
<input id="wlan_ssid1" type="text" class="form-control" onkeyup="proofreadLengthRange(this, 1, 32);">
</div>
</div>
<div class="form-group">
<label for="wlan_channel1" class="col-xs-4 col-sm-3 control-label">Kanał</label>
<div class="col-xs-8 col-sm-9">
<select id="wlan_channel1" class="form-control" onchange="enableWlanTXPower(this.value, 1);">
</select>
</div>
</div>
<div class="form-group" id="div_wlan_encryption1">
<label for="wlan_encryption1" class="col-xs-4 col-sm-3 control-label">Szyfrowanie</label>
<div class="col-xs-8 col-sm-9">
<select id="wlan_encryption1" class="form-control" onchange="enableWlanEncryption(this.value, 1);">
</select>
</div>
</div>
<div class="form-group" id="div_wlan_key1">
<label for="wlan_key1" class="col-xs-4 col-sm-3 control-label click" onclick="showPassword('wlan_key1');">Hasło</label>
<div class="col-xs-8 col-sm-9">
<input id="wlan_key1" type="password" class="form-control">
</div>
</div>
<div class="form-group">
<label for="wlan_isolate1" class="col-xs-4 col-sm-3 control-label">Izolacja klientów</label>
<div class="col-xs-8 col-sm-9">
<label class="switch">
<input id="wlan_isolate1" type="checkbox">
<div class="slider round"></div>
</label>
</div>
</div>
</form>
</div>
<h3 class="section">System</h3>
<form class="form-horizontal">
<div class="form-group">
<label for="password1" class="col-xs-4 col-sm-3 control-label click" onclick="showPassword('password1');">Nowe hasło</label>
<div class="col-xs-8 col-sm-9">
<input id="password1" type="password" class="form-control">
</div>
</div>
<div class="form-group">
<label for="password2" class="col-xs-4 col-sm-3 control-label click" onclick="showPassword('password2');">Potwierdź hasło</label>
<div class="col-xs-8 col-sm-9">
<input id="password2" type="password" class="form-control">
</div>
</div>
<div class="form-group">
<label for="system_hostname" class="col-xs-4 col-sm-3 control-label">Nazwa systemu</label>
<div class="col-xs-8 col-sm-9">
<input id="system_hostname" type="text" class="form-control" onkeyup="proofreadHost(this);">
</div>
</div>
<div class="form-group" id="div_stat" style="display:none;">
<label for="stat_enabled" class="col-xs-4 col-sm-3 control-label">Wysyłanie statystyki</label>
<div class="col-xs-8 col-sm-9">
<div class="row">
<div class="col-xs-6">
<label class="switch">
<input id="stat_enabled" type="checkbox">
<div class="slider round"></div>
</label>
</div>
<label class="col-xs-6 control-label">
<a href="#" class="click" onclick="showstatistics();">zobacz statystykę &rarr;</a>
</label>
</div>
</div>
</div>
<div class="form-group" id="div_button" style="display:none;">
<label for="system_button" class="col-xs-4 col-sm-3 control-label">Przycisk "<span id="system_button_name"></span>"</label>
<div class="col-xs-8 col-sm-9">
<select id="system_button" class="form-control">
</select>
</div>
</div>
<div class="form-group" id="div_button_reset" style="display:none;">
<label for="system_button_reset" class="col-xs-4 col-sm-3 control-label">Aktywny przycisk reset</label>
<div class="col-xs-8 col-sm-9">
<label class="switch">
<input id="system_button_reset" type="checkbox">
<div class="slider round"></div>
</label>
</div>
</div>
<div class="form-group">
<label for="datarec_period" class="col-xs-4 col-sm-3 control-label">Okres zapisu danych</label>
<div class="col-xs-8 col-sm-9">
<select id="datarec_period" class="form-control">
<option value='0'>wyłączone</option>
<option value='1'>1 minuta</option>
<option value='3'>3 minuty</option>
<option value='5'>5 minut</option>
<option value='10'>10 minut</option>
<option value='15'>15 minut</option>
<option value='30'>30 minut</option>
<option value='60'>1 godzina</option>
<option value='180'>3 godziny</option>
<option value='360'>6 godzin</option>
<option value='720'>12 godzin</option>
<option value='1440'>24 godziny</option>
</select>
</div>
</div>
</form>
<h3 class="section"></h3>
<div class="text-center">
<input type="button" class="btn btn-default" onclick="showconfig();" value="刷新" />
<input type="button" class="btn btn-primary" onclick="saveconfig();" value="Zapisz zmiany" />
</div>
</div>
<div id="div_system" style="display:none;">
<div id="div_system_modem" style="display:none;">
<h3 class="section">Modem</h3>
<div class="row">
<label class="col-xs-6 text-right">Producent</label>
<div class="col-xs-6">
<p id="modem_vendor">-</p>
</div>
</div>
<div class="row">
<label class="col-xs-6 text-right">Model</label>
<div class="col-xs-6">
<p id="modem_model">-</p>
</div>
</div>
<div class="row">
<label class="col-xs-6 text-right">Wersja</label>
<div class="col-xs-6">
<p id="modem_revision">-</p>
</div>
</div>
<div class="row">
<label class="col-xs-6 text-right">IMEI</label>
<div class="col-xs-6">
<p id="modem_imei">-</p>
</div>
</div>
<div class="row">
<label class="col-xs-6 text-right">Numer karty SIM (ICCID)</label>
<div class="col-xs-6">
<p id="modem_iccid">-</p>
</div>
</div>
<div class="row">
<div class="col-xs-6 col-xs-offset-6">
<p><a href="#" class="click" onclick="modemsettings();">ustawienia dodatkowe</a></p>
</div>
</div>
<div class="row">
<div class="col-xs-6 col-xs-offset-6">
<p><a href="#" class="click" onclick="modemat();">polecenia AT</a></p>
</div>
</div>
<div class="row">
<div id="link_modembands4g" class="col-xs-6 col-xs-offset-6" style="display:none;">
<p><a href="#" class="click" onclick="modembands4g();">pasma LTE</a></p>
</div>
</div>
<div class="row">
<div id="link_modembands5gnsa" class="col-xs-6 col-xs-offset-6" style="display:none;">
<p><a href="#" class="click" onclick="modembands5gnsa();">pasma 5G NSA</a></p>
</div>
</div>
<div class="row">
<div id="link_modembands5gsa" class="col-xs-6 col-xs-offset-6" style="display:none;">
<p><a href="#" class="click" onclick="modembands5gsa();">pasma 5G SA</a></p>
</div>
</div>
<div id="div_modem_simslot" style="display:none;">
<form class="form-horizontal">
<div class="form-group">
<label for="modem_simslot" class="col-xs-6 control-label">Aktywny slot SIM</label>
<div class="col-xs-6">
<select id="modem_simslot" class="form-control">
</select>
</div>
</div>
</form>
<h3 class="section"></h3>
<div class="text-center">
<input type="button" class="btn btn-primary" onclick="modem_simslot_save();" value="Zapisz zmiany">
</div>
</div>
</div>
<h3 class="section">System</h3>
<div class="row">
<label class="col-xs-6 text-right">Model</label>
<div class="col-xs-6">
<p id="model">-</p>
</div>
</div>
<div id="div_system_mac" class="row" style="display:none;">
<label class="col-xs-6 text-right">MAC</label>
<div class="col-xs-6">
<p id="system_mac">-</p>
</div>
</div>
<div id="div_system_sn" class="row" style="display:none;">
<label class="col-xs-6 text-right">S/N</label>
<div class="col-xs-6">
<p id="system_sn">-</p>
</div>
</div>
<div class="row">
<label class="col-xs-6 text-right">Wersja oprogramowania</label>
<div class="col-xs-6">
<p id="firmware_version">-</p>
</div>
</div>
<div class="row">
<label class="col-xs-6 text-right">Restart urządzenia</label>
<div class="col-xs-6">
<input type="button" class="btn btn-default" onclick="btn_system_reboot();" value="Restart" title="Ponowne uruchomienie urządzenia" />
</div>
</div>
<h3 class="section">Interfejs użytkownika</h3>
<div class="row">
<label class="col-xs-6 text-right">Wersja GUI</label>
<div class="col-xs-6">
<p id="gui_version">-</p>
</div>
</div>
<form class="form-horizontal">
<div class="form-group">
<label for="theme" class="col-xs-6 control-label">Motyw</label>
<div class="col-xs-6">
<select id="theme" class="form-control" onchange="setTheme(this.value)">
<option value='0'>jasny</option>
<option value='1'>ciemny</option>
<option value='2'>automatycznie</option>
</select>
</div>
</div>
</form>
<div id="div_upgrade" style="display:none;">
<h3 class="section">Aktualizacja</h3>
<form class="form-horizontal">
<input id="upgrade_url" type="hidden">
<input id="upgrade_sha256sum" type="hidden">
<div class="alert" id="div_upgrade_msg" style="display:none">
<span id="upgrade_msg"></span>
</div>
<div class="form-group" id="div_upgrade_step1" style="display:block;">
<label class="col-xs-6 text-right">Dostępność aktualizacji</label>
<div class="col-xs-6">
<input type="button" class="btn btn-default" onclick="upgrade_step1();" value="Sprawdź" />
</div>
</div>
<div class="form-group" id="div_upgrade_step2" style="display:none;">
<label class="col-xs-6 text-right">Pobieranie aktualizacji</label>
<div class="col-xs-6">
<input type="button" class="btn btn-default" onclick="upgrade_step2();" value="Pobierz" />
</div>
</div>
<div id="div_upgrade_step3" style="display:none;">
<div class="form-group">
<label for="upgrade_preserve_settings" class="col-xs-6 control-label">Zachowaj ustawienia</label>
<div class="col-xs-6">
<label class="switch">
<input id="upgrade_preserve_settings" type="checkbox">
<div class="slider round"></div>
</label>
</div>
</div>
<div class="form-group">
<div class="col-xs-6 col-xs-offset-6">
<input type="button" class="btn btn-default" onclick="upgrade_step3();" value="Aktualizacja" />
</div>
</div>
</div>
</form>
</div>
<h3 class="section">Pomoc</h3>
<div class="row">
<div class="col-xs-6 col-xs-offset-6">
<p><a href="https://eko.one.pl/?p=easyconfig" class="click" target="_blank">opis funkcji &rarr;</a></p>
</div>
</div>
<div class="row">
<div class="col-xs-6 col-xs-offset-6">
<p><a href="https://eko.one.pl/forum" class="click" target="_blank">forum &rarr;</a></p>
</div>
</div>
</div>
<div id="div_watchdog" style="display:none;">
<h3 class="section">Monitor połączenia</h3>
<div class="alert alert-warning" id="watchdog_enabled_info">
<strong>UWAGA!</strong> Połączenie z internetem jest wyłączone. <a href="#" class="click" onclick="btn_pages('settings');">Kliknij tutaj aby ustawić połączenie &rarr;</a>
</div>
<div class="row">
<label class="col-xs-6 text-right">Ostatnie sprawdzenie</label>
<div class="col-xs-6">
<p id="watchdog_rundate">-</p>
</div>
</div>
<div class="row">
<label class="col-xs-6 text-right">minimum</label>
<div class="col-xs-6">
<p id="watchdog_min">0</p>
</div>
</div>
<div class="row">
<label class="col-xs-6 text-right">średnia</label>
<div class="col-xs-6">
<p id="watchdog_avg">0</p>
</div>
</div>
<div class="row">
<label class="col-xs-6 text-right">maksimum</label>
<div class="col-xs-6">
<p id="watchdog_max">0</p>
</div>
</div>
<h3 class="section"></h3>
<form class="form-horizontal">
<div class="form-group">
<label for="watchdog_enabled" class="col-xs-4 col-sm-3 control-label">Włączony</label>
<div class="col-xs-8 col-sm-9">
<label class="switch">
<input id="watchdog_enabled" type="checkbox">
<div class="slider round"></div>
</label>
</div>
</div>
<div class="form-group">
<label for="watchdog_delay" class="col-xs-4 col-sm-3 control-label">Opóźnienie przy starcie systemu</label>
<div class="col-xs-8 col-sm-9">
<input id="watchdog_delay" type="text" class="form-control" onkeyup="proofreadNumericRange(this, 1, 59);">
<em><small class="form-text text-muted">[1 - 59] minut</small></em>
</div>
</div>
<div class="form-group">
<label for="watchdog_dest" class="col-xs-4 col-sm-3 control-label">Adres lub nazwa</label>
<div class="col-xs-8 col-sm-9">
<input id="watchdog_dest" type="text" class="form-control" onkeyup="proofreadHost(this);">
</div>
</div>
<div class="form-group">
<label for="watchdog_period" class="col-xs-4 col-sm-3 control-label">Okres sprawdzenia</label>
<div class="col-xs-8 col-sm-9">
<input id="watchdog_period" type="text" class="form-control" onkeyup="proofreadNumericRange(this, 1, 59);">
<em><small class="form-text text-muted">[1 - 59] minut</small></em>
</div>
</div>
<div class="form-group">
<label for="watchdog_period_count" class="col-xs-4 col-sm-3 control-label">Liczba nieudanych sprawdzeń</label>
<div class="col-xs-8 col-sm-9">
<input id="watchdog_period_count" type="text" class="form-control" onkeyup="proofreadNumericRange(this, 1, 59);">
<em><small class="form-text text-muted">[1 - 59]</small></em>
</div>
</div>
<div class="form-group">
<label for="watchdog_action" class="col-xs-4 col-sm-3 control-label">Akcja</label>
<div class="col-xs-8 col-sm-9">
<select id="watchdog_action" class="form-control">
<option value='wan'>Ponowne uruchomienie połączenia z internetem</option>
<option value='reboot'>Ponowne uruchomienie urządzenia</option>
</select>
</div>
</div>
<h3 class="section"></h3>
<div class="text-center">
<input type="button" class="btn btn-primary" onclick="savewatchdog();" value="Zapisz zmiany" />
</div>
</form>
</div>
<div id="div_sitesurvey" style="display:none;">
<h3 class="section">Sieci Wi-Fi</h3>
<div id="div_sitesurvey_content">
<div class="alert">Pobieranie danych...</div>
</div>
<h3 class="section"></h3>
<div class="text-center">
<input type="button" class="btn btn-default" onclick="showsitesurvey();" value="刷新" />
</div>
</div>
<div id="div_clients" style="display:none;">
<h3 class="section">客户端</h3>
<div id="div_clients_content">
<div class="alert">正在获取数据...</div>
</div>
<h3 class="section"></h3>
<div class="text-center">
<input type="button" class="btn btn-default" onclick="showclients();" value="刷新" />
</div>
</div>
<div id="div_clientslogs" style="display:none;">
<h3 class="section">Historia połączeń</h3>
<div id="div_clientslogs_content">
<div class="alert">Pobieranie danych...</div>
</div>
<input id="clientslogs_mac" type="hidden">
<h3 class="section"></h3>
<div class="text-center">
<input type="button" class="btn btn-default" onclick="showclientslogs();" value="刷新" />
</div>
</div>
<div id="div_queries" style="display:none;">
<h3 class="section">Zapytania DNS</h3>
<div id="div_queries_content">
<div class="alert">Pobieranie danych...</div>
</div>
<input id="queries_host" type="hidden">
<h3 class="section"></h3>
<div class="text-center">
<input type="button" class="btn btn-default" onclick="showqueries();" value="刷新" />
</div>
</div>
<div id="div_traffic" style="display:none;">
<h3 class="section">Transfer</h3>
<div class="alert alert-info text-center">
Wyliczenia mogą się różnić od wskazań operatora
</div>
<div class="row">
<label for="traffic_today" class="col-xs-6 text-right">Dziś</label>
<div class="col-xs-6">
<p><span id="traffic_today">0</span><small><span class="visible-xs oneline"></span><span id="traffic_today_progress"></span></small></p>
</div>
</div>
<div class="row space" id="div_traffic_today_progress" style="display:none">
<div class="col-xs-10 col-xs-offset-1">
<div class="progress">
<div class="progress-bar" id="div_traffic_today_progress1">&nbsp;</div>
</div>
</div>
</div>
<div class="row">
<label for="traffic_yesterday" class="col-xs-6 text-right">Wczoraj</label>
<div class="col-xs-6">
<p id="traffic_yesterday">0</p>
</div>
</div>
<div class="row">
<label for="traffic_last7d" class="col-xs-6 text-right">Ostatnie 7 dni</label>
<div class="col-xs-6">
<p id="traffic_last7d">0</p>
</div>
</div>
<div class="row">
<label for="traffic_last30d" class="col-xs-6 text-right">Ostatnie 30 dni</label>
<div class="col-xs-6">
<p id="traffic_last30d">0</p>
</div>
</div>
<div class="row space">
<label for="traffic_total" class="col-xs-6 text-right">Łącznie</label>
<div class="col-xs-6">
<p><span id="traffic_total">0</span><span class="visible-xs oneline"></span><small><span id="traffic_total_since"></span></small></p>
</div>
</div>
<div class="row">
<label class="col-xs-6 text-right">Dni do końca okresu rozliczeniowego</label>
<div class="col-xs-6">
<p id="traffic_currentperiod_daysleft">0</p>
</div>
</div>
<div class="row">
<label class="col-xs-6 text-right">Bieżący okres rozliczeniowy</label>
<div class="col-xs-6">
<p><span id="traffic_currentperiod">0</span><span class="visible-xs oneline"></span><small><span id="traffic_currentperiod_progress"></span></small></p>
</div>
</div>
<div class="row">
<label class="col-xs-6 text-right">Przewidywane zużycie danych w bieżącym okresie</label>
<div class="col-xs-6">
<p id="traffic_currentperiod_projected">0</p>
</div>
</div>
<div class="row space" id="div_traffic_currentperiod_progress" style="display:none">
<div class="col-xs-10 col-xs-offset-1">
<div class="progress">
<div class="progress-bar" id="div_traffic_currentperiod_progress1">&nbsp;</div>
</div>
</div>
</div>
<div class="row">
<label class="col-xs-6 text-right">Poprzedni okres rozliczeniowy</label>
<div class="col-xs-6">
<p id="traffic_lastperiod">0</p>
</div>
</div>
<h3 class="section"></h3>
<div class="text-center">
<input type="button" class="btn btn-default" onclick="removetraffic();" value="Usuń dane" />
<input type="button" class="btn btn-default" onclick="showtraffic();" value="刷新" />
</div>
<h3 class="section"></h3>
<form class="form-horizontal">
<div class="form-group">
<label for="traffic_cycle" class="col-xs-4 col-sm-3 control-label">Początek okresu rozliczeniowego</label>
<div class="col-xs-8 col-sm-9">
<select id="traffic_cycle" class="form-control">
<option value='1'>1</option>
<option value='2'>2</option>
<option value='3'>3</option>
<option value='4'>4</option>
<option value='5'>5</option>
<option value='6'>6</option>
<option value='7'>7</option>
<option value='8'>8</option>
<option value='9'>9</option>
<option value='10'>10</option>
<option value='11'>11</option>
<option value='12'>12</option>
<option value='13'>13</option>
<option value='14'>14</option>
<option value='15'>15</option>
<option value='16'>16</option>
<option value='17'>17</option>
<option value='18'>18</option>
<option value='19'>19</option>
<option value='20'>20</option>
<option value='21'>21</option>
<option value='22'>22</option>
<option value='23'>23</option>
<option value='24'>24</option>
<option value='25'>25</option>
<option value='26'>26</option>
<option value='27'>27</option>
<option value='28'>28</option>
<option value='29'>29</option>
<option value='30'>30</option>
<option value='31'>31</option>
</select>
<em><small class="form-text text-muted">dzień miesiąca</small></em>
</div>
</div>
<div class="form-group">
<label for="traffic_warning_enabled" class="col-xs-4 col-sm-3 control-label">Ostrzeżenie włączone</label>
<div class="col-xs-8 col-sm-9">
<label class="switch">
<input id="traffic_warning_enabled" type="checkbox">
<div class="slider round"></div>
</label>
</div>
</div>
<div class="form-group">
<label for="traffic_warning_value" class="col-xs-4 col-sm-3 control-label">Poziom ostrzeżenia</label>
<div class="col-xs-8 col-sm-9">
<div class="row">
<div class="col-sm-5">
<input id="traffic_warning_value" type="text" class="form-control" onkeyup="proofreadNumeric(this);">
</div>
<div class="col-sm-3">
<select id="traffic_warning_unit" class="form-control">
<option value='m'>MiB</option>
<option value='g'>GiB</option>
<option value='t'>TiB</option>
</select>
</div>
<div class="col-sm-4">
<select id="traffic_warning_cycle" class="form-control">
<option value='d'>dziennie</option>
<option value='p'>na okres</option>
</select>
</div>
</div>
</div>
</div>
<h3 class="section"></h3>
<div class="text-center">
<input type="button" class="btn btn-primary" onclick="savetraffic();" value="Zapisz zmiany" />
</div>
</form>
</div>
<div id="div_ussdsms" style="display:none;">
<h3 class="section">USSD</h3>
<form class="form-horizontal">
<div class="form-group" id="div_ussd_shortcuts">
<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
<select id="ussd_shortcuts" class="form-control" onchange="selectussd(this.value);">
</select>
</div>
</div>
<div class="form-group">
<label for="ussd_code" class="col-xs-4 col-sm-3 control-label">Kod USSD</label>
<div class="col-xs-8 col-sm-9">
<input id="ussd_code" type="text" class="form-control" onkeyup="proofreadussd(this);">
</div>
</div>
<div class="text-center">
<input type="button" class="btn btn-default" onclick="sendussd();" value="Wyślij" />
</div>
</form>
<h3 class="section">SMS</h3>
<form class="form-horizontal">
<div class="form-group">
<label for="sms_number" class="col-xs-4 col-sm-3 control-label">Numer telefonu</label>
<div class="col-xs-8 col-sm-9">
<input id="sms_number" type="text" class="form-control" onkeyup="proofreadNumeric(this);">
</div>
</div>
<div class="form-group">
<label for="sms_msg" class="col-xs-4 col-sm-3 control-label">Treść wiadomości</label>
<div class="col-xs-8 col-sm-9">
<textarea id="sms_msg" class="form-control" rows="4" onkeyup="proofreadSMSText(this);"></textarea>
<em><small class="form-text text-muted">pozostało znaków: <span id="sms_len">160</span></small></em>
</div>
</div>
<div class="text-center">
<input type="button" class="btn btn-default" onclick="sendsms();" value="Wyślij" />
</div>
</form>
<div id="div_sms_content"></div>
<h3 class="section"></h3>
<div class="text-center">
<input type="button" class="btn btn-default" onclick="readsms();" value="刷新" />
</div>
</div>
<div id="div_vpn" style="display:none;">
<h3 class="section">VPN</h3>
<form class="form-horizontal">
<div class="form-group">
<label for="vpn_killswitch" class="col-xs-6 control-label">Killswitch</label>
<div class="col-xs-6">
<label class="switch">
<input id="vpn_killswitch" type="checkbox">
<div class="slider round"></div>
</label>
<span class="hidden-xs control-label labelleft"><em><small class="form-text text-muted">blokada dostępu do internetu bez połączenia VPN</small></em></span>
<div class="visible-xs"><em><small class="form-text text-muted">blokada dostępu do internetu bez połączenia VPN</small></em></div>
</div>
</div>
</form>
<div class="text-center">
<input type="button" class="btn btn-default" onclick="savevpnkillswitch();" value="Zapisz" />
</div>
<hr>
<div id="div_vpn_content">
<div class="alert alert-warning">Brak sieci VPN</div>
</div>
<h3 class="section"></h3>
<div class="text-center">
<input type="button" class="btn btn-default" onclick="addvpn();" value="Nowy" />
<input type="button" class="btn btn-default" onclick="showvpn();" value="刷新" />
</div>
</div>
<div id="div_adblock" style="display:none;">
<h3 class="section">Blokada domen</h3>
<div id="div_adblock_adblock" style="display:none;">
<div class="row">
<label class="col-xs-6 text-right">Liczba blokowanych domen</label>
<div class="col-xs-6">
<p id="adblock_domains">-</p>
</div>
</div>
<h3 class="section"></h3>
<form class="form-horizontal">
<div class="form-group" id="div_adblock_enabled">
<label for="adblock_enabled" class="col-xs-4 col-sm-3 control-label">Włączona</label>
<div class="col-xs-8 col-sm-9">
<label class="switch">
<input id="adblock_enabled" type="checkbox">
<div class="slider round"></div>
</label>
</div>
</div>
<div class="form-group" id="div_adblock_forcedns">
<label for="adblock_forcedns" class="col-xs-4 col-sm-3 control-label">Przechwytywanie zapytań DNS</label>
<div class="col-xs-8 col-sm-9">
<label class="switch">
<input id="adblock_forcedns" type="checkbox">
<div class="slider round"></div>
</label>
</div>
</div>
<div id="div_adblock_lists" style="display:none;"></div>
<h3 class="section"></h3>
<div class="text-center">
<input type="button" class="btn btn-default" onclick="showadblock();" value="刷新" />
<input type="button" class="btn btn-primary" onclick="saveadblock();" value="Zapisz zmiany" />
</div>
</form>
</div>
<div id="div_adblock_easyconfig" style="display:none;">
<form class="form-horizontal">
<div class="form-group">
<label for="adblock_enabled_easyconfig" class="col-xs-4 col-sm-3 control-label">Włączona</label>
<div class="col-xs-8 col-sm-9">
<label class="switch">
<input id="adblock_enabled_easyconfig" type="checkbox">
<div class="slider round"></div>
</label>
</div>
</div>
<h3 class="section"></h3>
<div class="text-center">
<input type="button" class="btn btn-default" onclick="showadblock();" value="刷新" />
<input type="button" class="btn btn-primary" onclick="saveadblock_easyconfig();" value="Zapisz zmiany" />
</div>
</form>
</div>
<h3 class="section">Własna lista domen</h3>
<form class="form-horizontal">
<div class="form-group" id="div_adblock_domain">
<label for="adblock_domain" class="col-xs-4 col-sm-3 control-label">Domena</label>
<div class="col-xs-8 col-sm-9">
<input id="adblock_domain" type="text" class="form-control" onkeyup="proofreadHost(this);">
</div>
</div>
<h3 class="section"></h3>
<div class="text-center">
<input type="button" class="btn btn-default" onclick="whitelistdomain();" value="Zezwalaj" />
<input type="button" class="btn btn-default" onclick="blacklistdomain();" value="Blokuj" />
<input type="button" class="btn btn-default" style="display:none;" id="btn_adblock_check" onclick="checkdomain();" value="Sprawdź" />
</div>
</form>
<h3 class="section">Domeny blokowane (czarna lista)</h3>
<div id="div_adblock_list_blacklist"></div>
<h3 class="section">Domeny dozwolone (biała lista)</h3>
<div id="div_adblock_list_whitelist"></div>
</div>
<div id="div_nightmode" style="display:none;">
<div id="div_nightmode_wlan">
<h3 class="section">Wi-Fi</h3>
<div class="row space">
<label class="col-xs-6 text-right">Włączenie Wi-Fi</label>
<div class="col-xs-6">
<input type="button" class="btn btn-default" onclick="btn_nightmode_wifi_on();" value="Włącz" />
</div>
</div>
<div class="row">
<label class="col-xs-6 text-right">Wyłączenie Wi-Fi</label>
<div class="col-xs-6">
<input type="button" class="btn btn-default" onclick="btn_nightmode_wifi_off();" value="Wyłącz" />
</div>
</div>
</div>
<h3 class="section">Diody LED</h3>
<div class="row space">
<label class="col-xs-6 text-right">Włączenie LED</label>
<div class="col-xs-6">
<input type="button" class="btn btn-default" onclick="btn_nightmode_leds_on();" value="Włącz" />
</div>
</div>
<div class="row space">
<label class="col-xs-6 text-right">Wyłączenie LED</label>
<div class="col-xs-6">
<input type="button" class="btn btn-default" onclick="btn_nightmode_leds_off();" value="Wyłącz" />
</div>
</div>
<div id="div_nightmode_led_auto">
<hr>
<form class="form-horizontal">
<div class="form-group">
<label for="nightmode_led_auto_enabled" class="col-xs-4 col-sm-3 control-label">Automatyczny tryb nocny</label>
<div class="col-xs-8 col-sm-9">
<label class="switch">
<input id="nightmode_led_auto_enabled" type="checkbox">
<div class="slider round"></div>
</label>
</div>
</div>
<div class="form-group" id="div_nightmode_led_auto_latitude">
<label for="nightmode_led_auto_latitude" class="col-xs-4 col-sm-3 control-label">Szerokość geograficzna</label>
<div class="col-xs-8 col-sm-9">
<input id="nightmode_led_auto_latitude" type="text" class="form-control" onkeyup="proofreadFloat(this);">
</div>
</div>
<div class="form-group" id="div_nightmode_led_auto_longitude">
<label for="nightmode_led_auto_longitude" class="col-xs-4 col-sm-3 control-label">Długość geograficzna</label>
<div class="col-xs-8 col-sm-9">
<input id="nightmode_led_auto_longitude" type="text" class="form-control" onkeyup="proofreadFloat(this);">
<em><small class="form-text text-muted"><span id="nightmode_led_auto_note"></span></small></em>
</div>
</div>
<div class="text-center">
<input type="button" class="btn btn-default" onclick="btn_nightmode_getlocation();" value="Sprawdź online" />
<input id="btn_nightmode_locationfromgps" type="button" class="btn btn-default" style="display:none;" onclick="btn_nightmode_getlocationfromgps();" value="Pozycja z GPS" />
</div>
</form>
<h3 class="section"></h3>
<div class="text-center">
<input type="button" class="btn btn-primary" onclick="savenightmode();" value="Zapisz zmiany" />
</div>
</div>
</div>
<div id="div_gps" style="display:none;">
<h3 class="section">Pozycja GPS</h3>
<div class="row">
<label class="col-xs-6 text-right">Czas odczytu</label>
<div class="col-xs-6">
<p id="gps_fixtime">-</p>
</div>
</div>
<div class="row">
<label class="col-xs-6 text-right">Szerokość geograficzna</label>
<div class="col-xs-6">
<p id="gps_latitude">-<p>
</div>
<div class="col-xs-6 col-xs-offset-6">
<p id="gps_latitudedms">-</p>
</div>
</div>
<div class="row">
<label class="col-xs-6 text-right">Długość geograficzna</label>
<div class="col-xs-6">
<p id="gps_longitude">-</p>
</div>
<div class="col-xs-6 col-xs-offset-6">
<p id="gps_longitudedms">-</p>
</div>
</div>
<div class="row">
<label class="col-xs-6 text-right">Wysokość</label>
<div class="col-xs-6">
<p id="gps_elevation">-</p>
</div>
</div>
<div class="row">
<label class="col-xs-6 text-right">Kierunek</label>
<div class="col-xs-6">
<p id="gps_course">-</p>
</div>
</div>
<div class="row space">
<label class="col-xs-6 text-right">Szybkość</label>
<div class="col-xs-6">
<p id="gps_speed">-</p>
</div>
</div>
<div id="gps_map"></div>
</div>
</div>
</div>
<div id="div_msg" class="modal">
<div id="msgtxt" class="modal-content text-center">
请稍候...
</div>
</div>
<div id="div_hostname" class="modal">
<div class="row modal-content">
<div class="text-center space">
Zmiana nazwy dla "<span id="hostname_name1"></span>"
</div>
<form class="form-horizontal">
<div class="form-group">
<label for="hostname_name" class="hidden-xs col-sm-3 control-label">Nowa nazwa</label>
<label for="hostname_name" class="visible-xs col-xs-12 control-label text-left">Nowa nazwa</label>
<div class="col-xs-12 col-sm-9">
<input id="hostname_name" type="text" class="form-control space">
</div>
</div>
</form>
<input id="hostname_mac" type="hidden">
<h3 class="section"></h3>
<div class="text-center">
<input type="button" class="btn btn-default" onclick="cancelhostname();" value="Anuluj" />
<input type="button" class="btn btn-primary" onclick="savehostname();" value="Zapisz zmiany" />
</div>
</div>
</div>
<div id="div_hostip" class="modal">
<div class="row modal-content">
<div class="text-center space">
Statyczny adres IP dla "<span id="hostip_name"></span>"
</div>
<form class="form-horizontal">
<div class="form-group">
<label for="hostip_ip" class="hidden-xs col-sm-3 control-label">Statyczny adres IP</label>
<label for="hostip_ip" class="visible-xs col-xs-12 control-label text-left">Statyczny adres IP</label>
<div class="col-xs-12 col-sm-9">
<input id="hostip_ip" type="text" class="form-control space" onkeyup="proofreadIp(this);">
<em><small class="form-text text-muted">obecny statyczny adres IP: <span id="hostip_ipaddr"></span></small></em>
</div>
</div>
<div class="form-group mmarginbottom">
<label for="hostip_disconnect" class="col-xs-4 col-sm-3 control-label">Rozłącz klienta</label>
<div class="col-xs-8 col-sm-9">
<label class="switch">
<input id="hostip_disconnect" type="checkbox">
<div class="slider round"></div>
</label>
</div>
</div>
<div class="form-group">
<div class="col-xs-12 col-sm-9 col-sm-offset-3">
<em><small class="form-text text-muted">rozłączenie klienta może być niezbędne do pobrania statycznego adresu IP</small></em>
</div>
</div>
</form>
<input id="hostip_mac" type="hidden">
<h3 class="section"></h3>
<div class="text-center">
<input type="button" class="btn btn-default" onclick="cancelhostip();" value="Anuluj" />
<input type="button" class="btn btn-primary" onclick="removehostip();" value="Usuń" />
<input type="button" class="btn btn-primary" onclick="savehostip();" value="Zapisz zmiany" />
</div>
</div>
</div>
<div id="div_hostblock" class="modal">
<div class="row modal-content text-center">
<input id="hostblock_mac" type="hidden">
<div class="text-center space">
Blokada dostępu do internetu dla "<span id="hostblock_name"></span>"
</div>
<label class="rb">Brak
<input id="hostblock_none" type="radio" name="hostblock_rb">
<span class="checkmark"></span>
</label>
<label class="rb">Stała
<input id="hostblock_permanent" type="radio" name="hostblock_rb">
<span class="checkmark"></span>
</label>
<label class="rb">Czasowa
<input id="hostblock_temporary" type="radio" name="hostblock_rb">
<span class="checkmark"></span>
</label>
<div id="div_hostblock_scheduler" class="space"></div>
<div class="col-xs-12">
<div class="row space">
<div id="hostblock_off" class="col-xs-1">&nbsp;</div><div class="col-xs-9 text-left">blokada dostępu</div>
</div>
</div>
<div class="row space">
<div class="col-xs-6"><a href="#" class="click" onclick="hostblock_checkall();">zaznacz wszystko</a></div>
<div class="col-xs-6"><a href="#" class="click" onclick="hostblock_uncheckall();">odznacz wszystko</a></div>
</div>
<h3 class="section"></h3>
<div class="text-center">
<input type="button" class="btn btn-default" onclick="cancelhostblock();" value="Anuluj" />
<input type="button" class="btn btn-primary" onclick="okhostblock();" value="Ustaw" />
</div>
</div>
</div>
<div id="div_hostqos" class="modal">
<div class="row modal-content">
<div class="text-center space">
Limit szybkości dla "<span id="hostqos_name"></span>"
</div>
<form class="form-horizontal">
<div class="form-group">
<label for="hostqos_upload" class="hidden-xs col-sm-3 control-label">Wysyłanie do</label>
<label for="hostqos_upload" class="visible-xs col-xs-12 control-label text-left">Wysyłanie do</label>
<div class="col-xs-12 col-sm-9">
<input id="hostqos_upload" type="text" class="form-control" onkeyup="proofreadNumericRange(this, 0, 999);">
<em><small class="form-text text-muted">Mbps, 0 - brak limitu</small></em>
</div>
</div>
<div class="form-group">
<label for="hostqos_download" class="hidden-xs col-sm-3 control-label">Pobieranie do</label>
<label for="hostqos_download" class="visible-xs col-xs-12 control-label text-left">Pobieranie do</label>
<div class="col-xs-12 col-sm-9">
<input id="hostqos_download" type="text" class="form-control" onkeyup="proofreadNumericRange(this, 0, 999);">
<em><small class="form-text text-muted">Mbps, 0 - brak limitu</small></em>
</div>
</div>
</form>
<input id="hostqos_mac" type="hidden">
<input id="hostqos_ip" type="hidden">
<h3 class="section"></h3>
<div class="text-center">
<input type="button" class="btn btn-default" onclick="cancelhostqos();" value="Anuluj" />
<input type="button" class="btn btn-primary" onclick="removehostqos();" value="Usuń limity" />
<input type="button" class="btn btn-primary" onclick="savehostqos();" value="Zapisz zmiany" />
</div>
</div>
</div>
<div id="div_dialog" class="modal">
<div class="row modal-content text-center">
<div class="text-center space">
<span id="dialog_msg"></span>
</div>
<input id="dialog_val" type="hidden">
<input id="dialog_val1" type="hidden">
<h3 class="section"></h3>
<div class="text-center">
<input type="button" id="dialog_btn_default" class="btn btn-default" value="?" />
<input type="button" id="dialog_btn_primary" class="btn btn-primary" value="?" />
</div>
</div>
</div>
<div id="div_detectwan_pin" class="modal">
<div class="row modal-content">
<label class="text-center">Wykryto modem komórkowy, podaj PIN do karty SIM</label>
<input id="detectwan_proto" type="hidden">
<input id="detectwan_device" type="hidden">
<input id="detectwan_pin" type="text" class="form-control space">
<h3 class="section"></h3>
<div class="text-center">
<input type="button" class="btn btn-default" onclick="canceldetectwan_pin();" value="Anuluj" />
<input type="button" class="btn btn-primary" onclick="okdetectwan_pin();" value="OK" />
</div>
</div>
</div>
<div id="div_modemsettings" class="modal">
<div class="row modal-content">
<div class="text-center space">Ustawienia modemu</div>
<form class="form-horizontal">
<div class="form-group">
<label for="modemsettings_modem_device" class="hidden-xs col-sm-6 control-label">Interfejs diagnostyczny modemu</label>
<label for="modemsettings_modem_device" class="visible-xs col-xs-12 control-label text-left">Interfejs diagnostyczny modemu</label>
<div class="col-xs-12 col-sm-6">
<select id="modemsettings_modem_device" class="form-control">
</select>
</div>
</div>
<div class="form-group mmarginbottom">
<label for="modemsettings_modem_force_qmi" class="col-xs-6 control-label">Wymuszenie odczytu dancyh przez QMI</label>
<div class="col-xs-6">
<label class="switch">
<input id="modemsettings_modem_force_qmi" type="checkbox">
<div class="slider round"></div>
</label>
</div>
</div>
<div class="form-group mmarginbottom">
<label for="modemsettings_modem_force_plmn" class="col-xs-6 control-label">Wymuszenie odczytu nazwy operatora z pliku</label>
<div class="col-xs-6">
<label class="switch">
<input id="modemsettings_modem_force_plmn" type="checkbox">
<div class="slider round"></div>
</label>
</div>
</div>
<div class="form-group">
<label for="modemsettings_sms_storage" class="hidden-xs col-sm-6 control-label">Miejsce przechowywania SMS</label>
<label for="modemsettings_sms_storage" class="visible-xs col-xs-12 control-label text-left">Miejsce przechowywania SMS</label>
<div class="col-xs-12 col-sm-6">
<select id="modemsettings_sms_storage" class="form-control">
<option value="">Określone przez modem</option>
<option value="SM">SM - pamięć karty SIM</option>
<option value="ME">ME - pamięć modemu</option>
</select>
</div>
</div>
<div class="form-group mmarginbottom">
<label for="modemsettings_ussd_raw_input" class="col-xs-6 control-label">Odbieranie USSD bez dekodowana PDU</label>
<div class="col-xs-6">
<label class="switch">
<input id="modemsettings_ussd_raw_input" type="checkbox">
<div class="slider round"></div>
</label>
</div>
</div>
<div class="form-group mmarginbottom">
<label for="modemsettings_ussd_raw_output" class="col-xs-6 control-label">Wysyłanie USSD bez kodowana PDU</label>
<div class="col-xs-6">
<label class="switch">
<input id="modemsettings_ussd_raw_output" type="checkbox">
<div class="slider round"></div>
</label>
</div>
</div>
</form>
<hr>
<div class="text-center">
<input type="button" class="btn btn-default" onclick="cancelmodemsettings();" value="Anuluj" />
<input type="button" class="btn btn-primary" onclick="savemodemsettings();" value="Zapisz zmiany" />
</div>
</div>
</div>
<div id="div_modemat" class="modal">
<div class="row modal-content">
<label>Polecenie AT</label>
<input id="modemat_cmd" type="text" class="form-control" value="AT">
<div class="text-left"><code><pre><span id="modemat_output"></span></pre></code></div>
<h3 class="section"></h3>
<div class="text-center">
<input type="button" class="btn btn-default" onclick="closemodemat();" value="Zamknij" />
<input type="button" class="btn btn-default" onclick="sendmodemat();" value="Wyślij" />
</div>
</div>
</div>
<div id="div_modembands4g" class="modal">
<div class="row modal-content">
<div class="text-center space">Pasma LTE</div>
<form class="form-horizontal">
<div id="modembands_bands_4g"></div>
</form>
<h3 class="section"></h3>
<div class="text-center">
<input type="button" class="btn btn-default modalmargintop" onclick="closemodembands4g();" value="Zamknij" />
<input type="button" class="btn btn-default modalmargintop" onclick="restartwan();" value="Restart poł." title="ponowne uruchomienie połączenia z internetem" />
<input type="button" class="btn btn-default modalmargintop" onclick="defaultmodembands4g();" value="Domyślne ust." title="przywraca domyślne ustawienia modemu" />
<input type="button" class="btn btn-default modalmargintop" onclick="modembands4g();" value="刷新" />
<input type="button" class="btn btn-primary modalmargintop" onclick="savemodembands4g();" value="Zapisz zmiany" />
</div>
</div>
</div>
<div id="div_modembands5gnsa" class="modal">
<div class="row modal-content">
<div class="text-center space">Pasma 5G NSA</div>
<form class="form-horizontal">
<div id="modembands_bands_5gnsa"></div>
</form>
<h3 class="section"></h3>
<div class="text-center">
<input type="button" class="btn btn-default modalmargintop" onclick="closemodembands5gnsa();" value="Zamknij" />
<input type="button" class="btn btn-default modalmargintop" onclick="restartwan();" value="Restart poł." title="ponowne uruchomienie połączenia z internetem" />
<input type="button" class="btn btn-default modalmargintop" onclick="defaultmodembands5gnsa();" value="Domyślne ust." title="przywraca domyślne ustawienia modemu" />
<input type="button" class="btn btn-default modalmargintop" onclick="modembands5gnsa();" value="刷新" />
<input type="button" class="btn btn-primary modalmargintop" onclick="savemodembands5gnsa();" value="Zapisz zmiany" />
</div>
</div>
</div>
<div id="div_modembands5gsa" class="modal">
<div class="row modal-content">
<div class="text-center space">Pasma 5G SA</div>
<form class="form-horizontal">
<div id="modembands_bands_5gsa"></div>
</form>
<h3 class="section"></h3>
<div class="text-center">
<input type="button" class="btn btn-default modalmargintop" onclick="closemodembands5gsa();" value="Zamknij" />
<input type="button" class="btn btn-default modalmargintop" onclick="restartwan();" value="Restart poł." title="ponowne uruchomienie połączenia z internetem" />
<input type="button" class="btn btn-default modalmargintop" onclick="defaultmodembands5gsa();" value="Domyślne ust." title="przywraca domyślne ustawienia modemu" />
<input type="button" class="btn btn-default modalmargintop" onclick="modembands5gsa();" value="刷新" />
<input type="button" class="btn btn-primary modalmargintop" onclick="savemodembands5gsa();" value="Zapisz zmiany" />
</div>
</div>
</div>
<div id="div_vpn_new" class="modal">
<div class="row modal-content">
<div class="text-center space">Nowy VPN</div>
<form class="form-horizontal">
<div class="form-group">
<label for="vpn_new" class="col-xs-4 col-sm-3 control-label">Typ VPN</label>
<div class="col-xs-8 col-sm-9">
<select id="vpn_new" class="form-control">
</select>
</div>
</div>
</form>
<h3 class="section"></h3>
<div class="text-center">
<input type="button" class="btn btn-default modalmargintop" onclick="closevpnnew();" value="Anuluj" />
<input type="button" class="btn btn-primary modalmargintop" onclick="savevpnnew();" value="Dalej" />
</div>
</div>
</div>
<div id="div_vpn_openvpn" class="modal">
<div class="row modal-content">
<div class="text-center space">VPN OpenVPN</div>
<input id="vpn_openvpn_interface" type="hidden">
<input id="vpn_openvpn_section" type="hidden">
<div class="error text-center space"><span id="vpn_openvpn_error"></span></div>
<form class="form-horizontal">
<div class="form-group">
<label for="vpn_openvpn_name" class="col-xs-4 col-sm-3 control-label">Nazwa</label>
<div class="col-xs-8 col-sm-9">
<input id="vpn_openvpn_name" type="text" class="form-control">
</div>
</div>
<div class="form-group">
<label for="vpn_openvpn_auto" class="col-xs-4 col-sm-3 control-label">Uruchamianie</label>
<div class="col-xs-8 col-sm-9">
<select id="vpn_openvpn_auto" class="form-control">
<option value="0">Manualne</option>
<option value="1">Po starcie systemu</option>
<option value="2">Po połączeniu do internetu</option>
</select>
</div>
</div>
<div class="form-group" id="div_vpn_openvpn_button">
<label for="vpn_openvpn_button" class="col-xs-4 col-sm-3 control-label">Sterowanie przyciskiem</label>
<div class="col-xs-8 col-sm-9">
<label class="switch">
<input id="vpn_openvpn_button" type="checkbox">
<div class="slider round"></div>
</label>
</div>
</div>
<div class="form-group">
<label for="vpn_openvpn_lanto" class="col-xs-4 col-sm-3 control-label">Dostęp z sieci lokalnej</label>
<div class="col-xs-8 col-sm-9">
<label class="switch">
<input id="vpn_openvpn_lanto" type="checkbox">
<div class="slider round"></div>
</label>
</div>
</div>
<div class="form-group">
<label for="vpn_openvpn_username" class="col-xs-4 col-sm-3 control-label">Nazwa użytkownika</label>
<div class="col-xs-8 col-sm-9">
<input id="vpn_openvpn_username" class="form-control">
</div>
</div>
<div class="form-group">
<label for="vpn_openvpn_password" class="col-xs-4 col-sm-3 control-label click" onclick="showPassword('vpn_openvpn_password');">Hasło</label>
<div class="col-xs-8 col-sm-9">
<input id="vpn_openvpn_password" type="password" class="form-control">
</div>
</div>
<div class="form-group">
<label for="vpn_openvpn_configtext" class="col-xs-12 col-sm-3 control-label col-xs-12-text-left">Zawartość pliku konfiguracyjnego</label>
<div class="col-xs-12 col-sm-9">
<textarea id="vpn_openvpn_configtext" class="form-control" rows="20"></textarea>
</div>
</div>
<h3 class="section"></h3>
<div class="text-center">
<input type="button" class="btn btn-default" onclick="cancelopenvpn();" value="Anuluj" />
<input type="button" class="btn btn-default" onclick="removeopenvpn();" value="Usuń" />
<input type="button" class="btn btn-primary" onclick="saveopenvpn();" value="Zapisz zmiany" />
</div>
</form>
</div>
</div>
<div id="div_vpn_pptp" class="modal">
<div class="row modal-content">
<div class="text-center space">VPN PPTP</div>
<input id="vpn_pptp_interface" type="hidden">
<div class="error text-center space"><span id="vpn_pptp_error"></span></div>
<form class="form-horizontal">
<div class="form-group">
<label for="vpn_pptp_name" class="col-xs-4 col-sm-3 control-label">Nazwa</label>
<div class="col-xs-8 col-sm-9">
<input id="vpn_pptp_name" type="text" class="form-control">
</div>
</div>
<div class="form-group">
<label for="vpn_pptp_auto" class="col-xs-4 col-sm-3 control-label">Uruchamianie</label>
<div class="col-xs-8 col-sm-9">
<select id="vpn_pptp_auto" class="form-control">
<option value="0">Manualne</option>
<option value="1">Po starcie systemu</option>
<option value="2">Po połączeniu do internetu</option>
</select>
</div>
</div>
<div class="form-group" id="div_vpn_pptp_button">
<label for="vpn_pptp_button" class="col-xs-4 col-sm-3 control-label">Sterowanie przyciskiem</label>
<div class="col-xs-8 col-sm-9">
<label class="switch">
<input id="vpn_pptp_button" type="checkbox">
<div class="slider round"></div>
</label>
</div>
</div>
<div class="form-group">
<label for="vpn_pptp_lanto" class="col-xs-4 col-sm-3 control-label">Dostęp z sieci lokalnej</label>
<div class="col-xs-8 col-sm-9">
<label class="switch">
<input id="vpn_pptp_lanto" type="checkbox">
<div class="slider round"></div>
</label>
</div>
</div>
<div class="form-group">
<label for="vpn_pptp_server" class="col-xs-4 col-sm-3 control-label">Adres lub nazwa serwera</label>
<div class="col-xs-8 col-sm-9">
<input id="vpn_pptp_server" type="text" class="form-control" onkeyup="proofreadHost(this);">
</div>
</div>
<div class="form-group">
<label for="vpn_pptp_username" class="col-xs-4 col-sm-3 control-label">Nazwa użytkownika</label>
<div class="col-xs-8 col-sm-9">
<input id="vpn_pptp_username" class="form-control">
</div>
</div>
<div class="form-group">
<label for="vpn_pptp_password" class="col-xs-4 col-sm-3 control-label click" onclick="showPassword('vpn_pptp_password');">Hasło</label>
<div class="col-xs-8 col-sm-9">
<input id="vpn_pptp_password" type="password" class="form-control">
</div>
</div>
<div class="form-group">
<label for="vpn_pptp_mppe" class="col-xs-4 col-sm-3 control-label">Szyfrowanie Point-to-Point (MPPE)</label>
<div class="col-xs-8 col-sm-9">
<label class="switch">
<input id="vpn_pptp_mppe" type="checkbox">
<div class="slider round"></div>
</label>
</div>
</div>
<h3 class="section"></h3>
<div class="text-center">
<input type="button" class="btn btn-default" onclick="cancelpptp();" value="Anuluj" />
<input type="button" class="btn btn-default" onclick="removepptp();" value="Usuń" />
<input type="button" class="btn btn-primary" onclick="savepptp();" value="Zapisz zmiany" />
</div>
</form>
</div>
</div>
<div id="div_vpn_sstp" class="modal">
<div class="row modal-content">
<div class="text-center space">VPN SSTP</div>
<input id="vpn_sstp_interface" type="hidden">
<div class="error text-center space"><span id="vpn_sstp_error"></span></div>
<form class="form-horizontal">
<div class="form-group">
<label for="vpn_sstp_name" class="col-xs-4 col-sm-3 control-label">Nazwa</label>
<div class="col-xs-8 col-sm-9">
<input id="vpn_sstp_name" type="text" class="form-control">
</div>
</div>
<div class="form-group">
<label for="vpn_sstp_auto" class="col-xs-4 col-sm-3 control-label">Uruchamianie</label>
<div class="col-xs-8 col-sm-9">
<select id="vpn_sstp_auto" class="form-control">
<option value="0">Manualne</option>
<option value="1">Po starcie systemu</option>
<option value="2">Po połączeniu do internetu</option>
</select>
</div>
</div>
<div class="form-group" id="div_vpn_sstp_button">
<label for="vpn_sstp_button" class="col-xs-4 col-sm-3 control-label">Sterowanie przyciskiem</label>
<div class="col-xs-8 col-sm-9">
<label class="switch">
<input id="vpn_sstp_button" type="checkbox">
<div class="slider round"></div>
</label>
</div>
</div>
<div class="form-group">
<label for="vpn_sstp_lanto" class="col-xs-4 col-sm-3 control-label">Dostęp z sieci lokalnej</label>
<div class="col-xs-8 col-sm-9">
<label class="switch">
<input id="vpn_sstp_lanto" type="checkbox">
<div class="slider round"></div>
</label>
</div>
</div>
<div class="form-group">
<label for="vpn_sstp_server" class="col-xs-4 col-sm-3 control-label">Adres lub nazwa serwera</label>
<div class="col-xs-8 col-sm-9">
<input id="vpn_sstp_server" type="text" class="form-control" onkeyup="proofreadHost(this);">
</div>
</div>
<div class="form-group">
<label for="vpn_sstp_username" class="col-xs-4 col-sm-3 control-label">Nazwa użytkownika</label>
<div class="col-xs-8 col-sm-9">
<input id="vpn_sstp_username" class="form-control">
</div>
</div>
<div class="form-group">
<label for="vpn_sstp_password" class="col-xs-4 col-sm-3 control-label click" onclick="showPassword('vpn_sstp_password');">Hasło</label>
<div class="col-xs-8 col-sm-9">
<input id="vpn_sstp_password" type="password" class="form-control">
</div>
</div>
<h3 class="section"></h3>
<div class="text-center">
<input type="button" class="btn btn-default" onclick="cancelsstp();" value="Anuluj" />
<input type="button" class="btn btn-default" onclick="removesstp();" value="Usuń" />
<input type="button" class="btn btn-primary" onclick="savesstp();" value="Zapisz zmiany" />
</div>
</form>
</div>
</div>
<div id="div_vpn_wireguard" class="modal">
<div class="row modal-content">
<div class="text-center space">VPN WireGuard</div>
<input id="vpn_wireguard_interface" type="hidden">
<div class="error text-center space"><span id="vpn_wireguard_error"></span></div>
<form class="form-horizontal">
<div class="form-group">
<label for="vpn_wireguard_auto" class="col-xs-4 col-sm-3 control-label">Uruchamianie</label>
<div class="col-xs-8 col-sm-9">
<select id="vpn_wireguard_auto" class="form-control">
<option value="0">Manualne</option>
<option value="1">Po starcie systemu</option>
<option value="2">Po połączeniu do internetu</option>
</select>
</div>
</div>
<div class="form-group" id="div_vpn_wireguard_button">
<label for="vpn_wireguard_button" class="col-xs-4 col-sm-3 control-label">Sterowanie przyciskiem</label>
<div class="col-xs-8 col-sm-9">
<label class="switch">
<input id="vpn_wireguard_button" type="checkbox">
<div class="slider round"></div>
</label>
</div>
</div>
<div class="form-group">
<label for="vpn_wireguard_lanto" class="col-xs-4 col-sm-3 control-label">Dostęp z sieci lokalnej</label>
<div class="col-xs-8 col-sm-9">
<label class="switch">
<input id="vpn_wireguard_lanto" type="checkbox">
<div class="slider round"></div>
</label>
</div>
</div>
<div class="form-group">
<label for="vpn_wireguard_privkey" class="col-xs-4 col-sm-3 control-label click" onclick="showPassword('vpn_wireguard_privkey');">Klucz prywatny</label>
<div class="col-xs-8 col-sm-9">
<input id="vpn_wireguard_privkey" type="password" class="form-control" onkeyup="proofreadLengthRange(this, 44, 44);addwireguardkeys(this.value);">
</div>
</div>
<div class="form-group">
<label for="vpn_wireguard_pubkey" class="col-xs-4 col-sm-3 control-label">Klucz publiczny</label>
<div class="col-xs-8 col-sm-9">
<input id="vpn_wireguard_pubkey" class="form-control" disabled>
</div>
</div>
<div class="text-right space">
<input type="button" class="btn btn-default" onclick="addwireguardkeys('genkeys');" value="Nowe klucze" />
</div>
<div class="form-group">
<label for="vpn_wireguard_port" class="col-xs-4 col-sm-3 control-label">Port</label>
<div class="col-xs-8 col-sm-9">
<input id="vpn_wireguard_port" class="form-control" onkeyup="proofreadNumericRange(this, 0, 65535);">
</div>
</div>
<input id="vpn_wireguard_ips" type="hidden">
<div id="div_vpn_wireguard_ips_template" style="display:none">
<div class="form-group">
<label for="vpn_wireguard_ips_idx" class="col-xs-4 col-sm-3 control-label">Adres IP</label>
<div class="col-xs-8 col-sm-9 input-group">
<input id="vpn_wireguard_ips_idx" type="text" class="form-control" onkeyup="proofreadIpWithMask(this);">
<span class="click input-group-element" title="usuń adres IP" onclick="removewireguardips('_idx');"><i data-feather="trash-2"></i></span>
</div>
</div>
</div>
<div id="vpn_wireguard_ips_content"></div>
<div class="text-right">
<input type="button" class="btn btn-default" onclick="addwireguardips();" value="Nowy adres IP" />
</div>
<h3>Tunele</h3>
<input id="vpn_wireguard_peers" type="hidden">
<div id="div_vpn_wireguard_peer_template" style="display:none">
<div class="form-group">
<label for="vpn_wireguard_description_idx" class="col-xs-4 col-sm-3 control-label">Nazwa</label>
<div class="col-xs-8 col-sm-9 input-group">
<input id="vpn_wireguard_description_idx" class="form-control" onkeyup="proofreadLengthRange(this, 1, 255);">
<span class="click input-group-element" title="usuń tunel" onclick="removewireguardpeer('_idx');"><i data-feather="trash-2"></i></span>
</div>
</div>
<div class="form-group">
<label for="vpn_wireguard_enabled_idx" class="col-xs-4 col-sm-3 control-label">Włączony</label>
<div class="col-xs-8 col-sm-9">
<label class="switch">
<input id="vpn_wireguard_enabled_idx" type="checkbox">
<div class="slider round"></div>
</label>
</div>
</div>
<div class="form-group">
<label for="vpn_wireguard_pubkey_idx" class="col-xs-4 col-sm-3 control-label">Klucz publiczny</label>
<div class="col-xs-8 col-sm-9">
<input id="vpn_wireguard_pubkey_idx" class="form-control" onkeyup="proofreadLengthRange(this, 44, 44);">
</div>
</div>
<div class="form-group">
<label for="vpn_wireguard_endpoint_host_idx" class="col-xs-4 col-sm-3 control-label">Host</label>
<div class="col-xs-8 col-sm-9">
<input id="vpn_wireguard_endpoint_host_idx" class="form-control" onkeyup="proofreadHost(this);">
</div>
</div>
<div class="form-group">
<label for="vpn_wireguard_endpoint_port_idx" class="col-xs-4 col-sm-3 control-label">Port</label>
<div class="col-xs-8 col-sm-9">
<input id="vpn_wireguard_endpoint_port_idx" class="form-control" onkeyup="proofreadNumericRange(this, 0, 65535);">
</div>
</div>
<input id="vpn_wireguard_allowed_ips_idx" type="hidden">
<div id="div_vpn_wireguard_allowed_ips_idx_template" style="display:none">
<div class="form-group">
<label for="vpn_wireguard_allowed_ips_idx_idy" class="col-xs-4 col-sm-3 control-label">Dozwolony adres IP</label>
<div class="col-xs-8 col-sm-9 input-group">
<input id="vpn_wireguard_allowed_ips_idx_idy" class="form-control" onkeyup="proofreadIpWithMask(this);">
<span class="click input-group-element" title="usuń dozwolony adres IP" onclick="removewireguardallowedips('_idx_idy');"><i data-feather="trash-2"></i></span>
</div>
</div>
</div>
<div id="vpn_wireguard_allowed_ips_idx_content"></div>
<div class="text-right">
<input type="button" class="btn btn-default" onclick="addwireguardallowedips('_idx');" value="Nowy adres IP" />
</div>
<hr>
</div>
<div id="vpn_wireguard_peers_content"></div>
<div class="text-right">
<input type="button" class="btn btn-default" onclick="addwireguardpeer(true);" value="Nowy tunel" />
</div>
<h3 class="section"></h3>
<div class="text-center">
<input type="button" class="btn btn-default" onclick="cancelwireguard();" value="Anuluj" />
<input type="button" class="btn btn-default" onclick="removewireguard();" value="Usuń" />
<input type="button" class="btn btn-primary" onclick="savewireguard();" value="Zapisz zmiany" />
</div>
</form>
</div>
</div>
<div id="div_vpn_zerotier" class="modal">
<div class="row modal-content">
<div class="text-center space">VPN ZeroTier</div>
<input id="vpn_zerotier_section" type="hidden">
<div class="error text-center space"><span id="vpn_zerotier_error"></span></div>
<form class="form-horizontal">
<div class="form-group">
<label for="vpn_zerotier_name" class="col-xs-4 col-sm-3 control-label">Nazwa</label>
<div class="col-xs-8 col-sm-9">
<input id="vpn_zerotier_name" type="text" class="form-control">
</div>
</div>
<div class="form-group" id="div_vpn_zerotier_enabled">
<label for="vpn_zerotier_enabled" class="col-xs-4 col-sm-3 control-label">Włączony</label>
<div class="col-xs-8 col-sm-9">
<label class="switch">
<input id="vpn_zerotier_enabled" type="checkbox">
<div class="slider round"></div>
</label>
</div>
</div>
<input id="vpn_zerotier_network" type="hidden">
<div id="div_vpn_zerotier_network_template" style="display:none">
<div class="form-group">
<label for="vpn_zerotier_network_idx" class="col-xs-4 col-sm-3 control-label">Sieć</label>
<div class="col-xs-8 col-sm-9 input-group">
<input id="vpn_zerotier_network_idx" type="text" class="form-control" onkeyup="proofreadLengthRange(this, 16, 16);"">
<span class="click input-group-element" title="usuń sieć" onclick="removezerotiernetwork('_idx');"><i data-feather="trash-2"></i></span>
</div>
</div>
</div>
<div id="vpn_zerotier_network_content"></div>
<div class="text-right">
<input type="button" class="btn btn-default" onclick="addzerotiernetwork();" value="Nowa sieć" />
</div>
<h3 class="section"></h3>
<div class="text-center">
<input type="button" class="btn btn-default" onclick="cancelzerotier();" value="Anuluj" />
<input type="button" class="btn btn-default" onclick="removezerotier();" value="Usuń" />
<input type="button" class="btn btn-primary" onclick="savezerotier();" value="Zapisz zmiany" />
</div>
</form>
</div>
</div>
<div class="text-center">&nbsp;</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment