first release

This commit is contained in:
ADElectronics 2017-12-28 23:32:41 +03:00
parent 9e39a46764
commit 8d743effde
63 changed files with 90030 additions and 93047 deletions

Binary file not shown.

Binary file not shown.

View file

@ -1,5 +1,7 @@
 ===========================================================
Compile (Debug)
USDK/component/common/api/wifi_api.c
USDK/component/common/api/wifi_api_scan.c
===========================================================
Link (Debug)
===========================================================
@ -13,9 +15,9 @@
copy size 8520
===========================================================
Create image2ns (Debug/bin/ram_2.ns.bin)
b:268460032 s:268460032 e:268728976
size 268944
copy size 268944
b:268460032 s:268460032 e:268723820
size 263788
copy size 263788
===========================================================
Create image3 (SDRAM, Debug/bin/sdram.p.bin)
30000000 30000000
@ -24,21 +26,21 @@
copy size 0
===========================================================
Make OTA image (Debug/bin/ota.bin)
size = 268976
size = 263820
checksum 1aa0f6e
checksum 1a2dc5a
===========================================================
Create image2p (Debug/bin/ram_2.p.bin)
b:268460032 s:268460032 e:268728976
size 268944
copy size 268944
b:268460032 s:268460032 e:268723820
size 263788
copy size 263788
===========================================================
Make Flash image (Debug/bin/ram_all.bin)
total 44 k, padding data 0, name Debug/bin/ram_all.bin
Original size zd
Padding size zd
-----------------------------------------------------------
Image (Debug/bin/ota.bin) size 268980 bytes
Image (Debug/bin/ram_all.bin) size 314032 bytes
Image (Debug/bin/ota.bin) size 263824 bytes
Image (Debug/bin/ram_all.bin) size 308876 bytes
===========================================================

Binary file not shown.

Binary file not shown.

View file

@ -1,12 +1,8 @@
ws_striplen
ws_striplen
wifi_st_ssid
wifi_st_psw
wifi_st_ip
wifi_ap_ssid
wifi_ap_psw
wifi_ap_ip
ws_isenable
ws_filt_const_hue
ws_filt_const_sat
ws_filt_const_value
ws_filt_rbw_enbl
ws_filt_rbw_huesteps
ws_filt_rbw_cyclesteps
@ -18,6 +14,14 @@ ws_filt_fd_chance
ws_filt_wave_enbl
ws_filt_wave_step
ws_filt_wave_wavesteps
ws_filt_const_enbl
ws_isenable
wifi_st_ssid
wifi_st_psw
wifi_st_ip
wifi_ap_ssid
wifi_ap_psw
wifi_ap_ip
wifi_mode
wifi_bgn
wifi_txpow
@ -29,6 +33,3 @@ wifi_ap_ssid
wifi_ap_psw
wifi_ap_auth
wifi_ap_ip
ws_filt_const_hue
ws_filt_const_sat
ws_filt_const_value

File diff suppressed because it is too large Load diff

Binary file not shown.

File diff suppressed because it is too large Load diff

View file

@ -45,9 +45,10 @@ int32_t ledFilter_Init(strip_handler_t *strip, ws2812_t *ws2812)
memset(strip, 0xff, sizeof(strip_handler_t));
strip->check = LEDFILTERS_CFG_CHECKWORD;
strip->strip_len = DEF_STRIP_LEN;
strip->delay = 10;
strip->delay = 10; // îáùàÿ ñêîðîñòü
strip->brightness = MAX_STRIP_BRIGHT;
strip->isEnable = 1;
strip->enable = 1;
strip->try_enable = 0;
cfg_updated = 1;
}
@ -114,7 +115,7 @@ void ledFilter_Rainbow(ctx_rainbow_t *ctx, strip_handler_t *strip)
ws2812_hsv_t tmp_hsv;
uint8_t tmp_hue;
if (ctx->enabled == 0 || strip->isEnable == 0) return;
if (ctx->enabled == 0 || strip->enable == 0) return;
tmp_hue = ctx->curr_hue;
tmp_hsv.sat = 255;
@ -165,7 +166,7 @@ void ledFilter_Fade(ctx_fade_t *ctx, strip_handler_t *strip)
{
uint32_t i;
if (ctx->enabled == 0 || strip->isEnable == 0) return;
if (ctx->enabled == 0 || strip->enable == 0) return;
if (ctx->curr_val == 0)
{
@ -239,7 +240,7 @@ void ledFilter_Wave(ctx_wave_t *ctx, strip_handler_t *strip)
{
uint32_t i, j;
uint8_t tmp_angle = 0;
if (ctx->enabled == 0 || strip->isEnable == 0) return;
if (ctx->enabled == 0 || strip->enable == 0) return;
tmp_angle = ctx->angle;
for (i = 0, j = ctx->wave_steps; i < strip->strip_len; i++)
@ -249,7 +250,7 @@ void ledFilter_Wave(ctx_wave_t *ctx, strip_handler_t *strip)
j += ctx->wave_steps;
tmp_angle = ctx->angle;
}
strip->hsv_vals[i].value = sin_table[tmp_angle]/2;
strip->hsv_vals[i].value = sin_table[tmp_angle];
tmp_angle += 255 / ctx->wave_steps;
//tmp_angle %= 256;
}
@ -276,7 +277,22 @@ void ledFilter_InitConstant(ctx_const_t *ctx)
void ledFilter_Constant(ctx_const_t *ctx, strip_handler_t *strip)
{
uint32_t i;
if (strip->isEnable == 0)
if (strip->try_enable)
{
for (i = 0; i < strip->strip_len; i++)
{
if (strip->hsv_vals[i].value < strip->brightness)
strip->hsv_vals[i].value++;
else
{
strip->enable = 1;
strip->try_enable = 0;
}
}
return;
}
else if (strip->enable == 0)
{
for (i = 0; i < strip->strip_len; i++)
{

View file

@ -73,7 +73,8 @@ typedef struct
uint32_t strip_len;
uint32_t brightness;
uint32_t delay;
uint8_t isEnable;
uint8_t enable;
uint8_t try_enable;
} strip_handler_t;
int32_t ledFilter_Init(strip_handler_t *strip, ws2812_t *ws2812);

View file

@ -1,6 +1,6 @@
#define UTS_VERSION "2017/12/26-19:51:38"
#define RTL8195AFW_COMPILE_TIME "2017/12/26-19:51:38"
#define RTL8195AFW_COMPILE_DATE "20171226"
#define UTS_VERSION "2017/12/28-23:03:40"
#define RTL8195AFW_COMPILE_TIME "2017/12/28-23:03:40"
#define RTL8195AFW_COMPILE_DATE "20171228"
#define RTL8195AFW_COMPILE_BY "Andrew"
#define RTL8195AFW_COMPILE_HOST ""
#define RTL8195AFW_COMPILE_DOMAIN

View file

@ -81,8 +81,8 @@ int main(void)
#endif
// wlan & user_start intialization
xTaskCreate(user_init_thrd, "user_init", 1024, NULL, tskIDLE_PRIORITY + 1 + PRIORITIE_OFFSET, NULL);
xTaskCreate(user_ws_thrd, "user_ws", 1024, NULL, tskIDLE_PRIORITY + 1 + PRIORITIE_OFFSET, NULL);
xTaskCreate(user_init_thrd, "user_init", 512, NULL, tskIDLE_PRIORITY + 2 + PRIORITIE_OFFSET, NULL);
xTaskCreate(user_ws_thrd, "user_ws", 512, NULL, tskIDLE_PRIORITY + 1 + PRIORITIE_OFFSET, NULL);
// Enable Schedule, Start Kernel
#if defined(CONFIG_KERNEL) && !TASK_SCHEDULER_DISABLED

View file

@ -4,23 +4,18 @@
#define SYS_VERSION "1.0.1"
#include "sdk_ver.h"
#define USE_WEB 80 // включить в трансялцию порт Web, если =0 - по умолчанию выключен
#define WEBSOCKET_ENA 1 // включить WEBSOCKET
#define USE_SNTP 1 // включить в трансялцию драйвер SNTP, если =0 - по умолчанию выключен, = 1 - по умолчанию включен.
#define USE_NETBIOS 1 // включить в трансялцию драйвер NETBIOS, если =0 - по умолчанию выключен.
#define USE_WEB 80 // включить в трансялцию порт Web, если =0 - по умолчанию выключен
//#define WEBSOCKET_ENA 0 // включить WEBSOCKET
//#define USE_SNTP 0 // включить в трансялцию драйвер SNTP, если =0 - по умолчанию выключен, = 1 - по умолчанию включен.
//#define USE_NETBIOS 0 // включить в трансялцию драйвер NETBIOS, если =0 - по умолчанию выключен.
#define WEB_DEBUG_FUNCTIONS 1 // =1 - включить в WEB отладочные функции, =0 отключить (остается только конфигурация WiFi)
// #define WEB_INA219_DRV 1 (set in project.mk !)
// #define WEB_ADC_DRV 1 (set in project.mk !)
#ifdef _MSC_VER // IntelliSense
#define __attribute__(packed)
//typedef int8_t err_t;
#endif
#endif // _user_config_h_

View file

@ -52,6 +52,7 @@ struct SystemCfg syscfg = {
SemaphoreHandle_t sema_WEBReady = NULL;
extern void ShowMemInfo(void);
void connect_start(void)
{
info_printf("\%s: Time at start %d ms.\n", __func__, xTaskGetTickCount());
@ -106,7 +107,7 @@ void user_init_thrd(void)
if (!syscfg.cfg.b.debug_print_enable) print_off = 1;
console_init();
//console_init();
WEBFSInit();
wifi_init(); // Load cfg, init WiFi + LwIP init, WiFi start if wifi_cfg.mode != RTW_MODE_NONE
@ -126,6 +127,7 @@ void user_init_thrd(void)
xSemaphoreGive(sema_WEBReady);
}
ShowMemInfo();
vTaskDelete(NULL);
}

View file

@ -422,7 +422,7 @@ void ICACHE_FLASH_ATTR web_int_callback(TCP_SERV_CONN *ts_conn, uint8 *cstr)
else ifcmp("value") tcp_puts("%d", filt_const.value);
}
}
else ifcmp("isenable") tcp_puts("%d", strip.isEnable);
else ifcmp("isenable") tcp_puts("%d", strip.enable);
else ifcmp("striplen") tcp_puts("%d", strip.strip_len);
}
// **************************************************************************************************** //

View file

@ -132,7 +132,13 @@ void ICACHE_FLASH_ATTR web_int_vars(TCP_SERV_CONN *ts_conn, uint8 *pcmd, uint8 *
else ifcmp("update") filt_const.update = (uint8_t)val;
}
}
else ifcmp("isenable") strip.isEnable = (uint8_t)val;
else ifcmp("isenable")
{
if(val > 0)
strip.try_enable = (uint8_t)val;
else
strip.enable = 0;
}
//else ifcmp("striplen") strip.strip_len = (uint8_t)val;
}
// **************************************************************************************************** //
@ -295,7 +301,9 @@ void ICACHE_FLASH_ATTR web_int_vars(TCP_SERV_CONN *ts_conn, uint8 *pcmd, uint8 *
os_memset(lwip_host_name[1], 0, LWIP_NETIF_HOSTNAME_SIZE);
os_memcpy(lwip_host_name[1], pvar, len);
}
#ifdef USE_NETBIOS
netbios_set_name(WLAN_AP_NETIF_NUM, lwip_host_name[1]);
#endif
if(wifi_cfg.save_flg & BID_AP_HOSTNAME) {
WEB_SRV_QFNK x;
x.fnc = write_wifi_cfg;
@ -351,7 +359,9 @@ void ICACHE_FLASH_ATTR web_int_vars(TCP_SERV_CONN *ts_conn, uint8 *pcmd, uint8 *
if(len) {
os_memset(lwip_host_name[0], 0, LWIP_NETIF_HOSTNAME_SIZE);
os_memcpy(lwip_host_name[0], pvar, len);
#ifdef USE_NETBIOS
netbios_set_name(WLAN_ST_NETIF_NUM, lwip_host_name[0]);
#endif
}
if(wifi_cfg.save_flg & BID_ST_HOSTNAME) {
WEB_SRV_QFNK x;

View file

@ -81,7 +81,9 @@
<None Include="userset.mk" />
<None Include="WEBFiles\elements.css" />
<None Include="WEBFiles\elements.js" />
<None Include="WEBFiles\filters.html" />
<None Include="WEBFiles\index.html" />
<None Include="WEBFiles\settings.html" />
<None Include="webfs.mk" />
</ItemGroup>
<!--Import Project="$(MSBuildThisFileDirectory)\Microsoft.cpp.Linux.targets" /-->

View file

@ -41,6 +41,12 @@
<None Include="WEBFiles\index.html">
<Filter>WEBFiles</Filter>
</None>
<None Include="WEBFiles\filters.html">
<Filter>WEBFiles</Filter>
</None>
<None Include="WEBFiles\settings.html">
<Filter>WEBFiles</Filter>
</None>
</ItemGroup>
<ItemGroup>
<Filter Include="Assets">

View file

@ -1,5 +1,5 @@
define call1
set $ImageSize = 0x83C0
set $ImageSize = 0x9270
set $ImageAddr = 0x0D0000
end
define call2

Binary file not shown.

Binary file not shown.

View file

@ -1,5 +1,21 @@
body {font-family: Arial;}
form{
width:100%;
}
#child_page{
margin:0 auto;width:700px;height:800px;display: block;
}
#picker-wrapper{
position:relative;
float:left;
width:100%;
}
#picker{
margin:0 auto;width:300px;
display: block;
}
.hblockcont {
text-align:center;
align:center;
@ -46,11 +62,18 @@ fieldset {
}
.tabcontent {
display: none;
/*display: none;*/
padding: 6px 12px;
border: 1px solid #ccc;
border-top: none;
}
.tabcontentframe {
border-style:none;
width:100%;
margin-top:20px;
height:1150px;
border-spacing:0px;
}
.filtercontent {
display: none;
@ -95,7 +118,7 @@ table {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
max-width: 500px;
}
.td1st {

View file

@ -1,4 +1,5 @@
function openTab(evt, tabID)
/*
function openTab(evt, tabID)
{
// Показываем выбранный контент
var i, tabcontent, tablinks;
@ -19,7 +20,7 @@ function openTab(evt, tabID)
}
evt.currentTarget.className += " active";
}
*/
function openFilterSettings(chkbx)
{
var i, content;
@ -128,9 +129,9 @@ function sendHSV(HSV)
function loadHSV(picker, HSV)
{
var hue = HSV[0] / 255;
var sat = HSV[1] / 255;
var val = HSV[2] / 255;
var hue = HSV.ws_filt_const_hue / 255;
var sat = HSV.ws_filt_const_sat / 255;
var val = HSV.ws_filt_const_value / 255;
var rgb = hsvToRgb(hue, sat, val);
var hex = '#' + byteToHex(rgb[0]) + byteToHex(rgb[1]) + byteToHex(rgb[2]);

View file

@ -0,0 +1,109 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Глупая гирлянда - Фильтры</title>
<link href="elements.css" rel="stylesheet">
<style></style>
</head>
<body>
<form method="post">
<fieldset>
<input type="checkbox" class="checkbox" id="filt0" name='ws_filt_rbw_enbl' onclick="openFilterSettings(this)" />
<label for="filt0">Радуга</label>
<input type="checkbox" class="checkbox" id="filt1" name='ws_filt_const_enbl' onclick="openFilterSettings(this)" />
<label for="filt1">Оттенок</label>
<input type="checkbox" class="checkbox" id="filt2" name='ws_filt_fd_enbl' onclick="openFilterSettings(this)" />
<label for="filt2">Выцветание</label>
<input type="checkbox" class="checkbox" id="filt3" name='ws_filt_wave_enbl' onclick="openFilterSettings(this)" />
<label for="filt3">Волна</label>
</fieldset>
<div id="filt0" class="filtercontent">
<h4 align="center">Радуга</h4>
Разместить полную радугу на пикселях, ед. :<br>
<input type="range" class="range" step="1" min="10" name='ws_filt_rbw_huesteps' max="~ws_striplen~" onchange="sendFilterParam(this.name, this.value)" /><br>
Скорость смены оттенка:<br>
<input type="range" class="range" min="1" name='ws_filt_rbw_cyclesteps' max="10" onchange="sendFilterParam(this.name, this.value)" /><br>
</div>
<div id="filt1" class="filtercontent">
<h4 align="center">Оттенок</h4>
<canvas id="picker"></canvas><br>
<input id="color" value="#00ffdb">
</div>
<div id="filt2" class="filtercontent">
<h4 align="center">Выцветание</h4>
Скорость смены яркости:<br>
<input type="range" class="range" min="1" name='ws_filt_fd_cyclesteps' max="127" onchange="sendFilterParam(this.name, this.value)" /><br>
Минимальная яркость:<br>
<input type="range" class="range" min="0" name='ws_filt_fd_min' max="254" onchange="sendFilterParam(this.name, this.value)" /><br>
Максимальная яркость:<br>
<input type="range" class="range" min="1" name='ws_filt_fd_max' max="255" onchange="sendFilterParam(this.name, this.value)" /><br>
<!--
Шанс срабатывания:<br>
<input type="range" class="range" min="1" name='ws_filt_fd_chance' onchange="sendFilterParam(this.name, this.value)"/><br>
-->
</div>
<div id="filt3" class="filtercontent">
<h4 align="center">Волна</h4>
Скорость:<br>
<input type="range" class="range" min="1" name='ws_filt_wave_step' max="10" onchange="sendFilterParam(this.name, this.value)" /><br>
Длина волны :<br>
<input type="range" class="range" step="1" min="10" max="128" name='ws_filt_wave_wavesteps' max="~ws_striplen~" onchange="sendFilterParam(this.name, this.value)" /><br>
</div>
</form>
<script src="colorpicker.min.js"></script>
<script src="elements.js"></script>
<script type="text/javascript">
/* https://github.com/NC22/HTML5-Color-Picker/wiki/Документация */
var colorPickerT = new KellyColorPicker(
{
place: 'picker',
input: 'color',
size: 300,
});
var onchange = function (self) {
var hsv = colorPickerT.getCurColorHsv();
sendHSV(hsv);
};
//colorPickerT.addUserEvent("change", onchange);
colorPickerT.addUserEvent("mouseuph", onchange);
colorPickerT.addUserEvent("mouseupsv", onchange);
var cfg_hsv =
{
ws_filt_const_hue: "~ws_filt_const_hue~",
ws_filt_const_sat: "~ws_filt_const_sat~",
ws_filt_const_value: "~ws_filt_const_value~"
}
loadHSV(colorPickerT, cfg_hsv);
var cfg_f1 =
{
ws_filt_rbw_enbl: "~ws_filt_rbw_enbl~",
ws_filt_rbw_huesteps: "~ws_filt_rbw_huesteps~",
ws_filt_rbw_cyclesteps: "~ws_filt_rbw_cyclesteps~",
ws_filt_fd_enbl: "~ws_filt_fd_enbl~",
ws_filt_fd_cyclesteps: "~ws_filt_fd_cyclesteps~",
ws_filt_fd_min: "~ws_filt_fd_min~",
ws_filt_fd_max: "~ws_filt_fd_max~",
//ws_filt_fd_chance: "~ws_filt_fd_chance~",
ws_filt_wave_enbl: "~ws_filt_wave_enbl~",
ws_filt_wave_step: "~ws_filt_wave_step~",
ws_filt_wave_wavesteps: "~ws_filt_wave_wavesteps~",
ws_filt_const_enbl: "~ws_filt_const_enbl~",
}
setFormValues(document.forms[0], cfg_f1);
</script>
</body>
</html>

View file

@ -4,7 +4,10 @@
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Глупая гирлянда</title>
<link href="elements.css" rel="stylesheet">
<style></style>
<style>
</style>
</head>
<body>
@ -13,244 +16,38 @@
</div>
<div class="tab" align="center">
<button class="tablinks" onclick="openTab(event, 0)">Режим работы</button>
<button class="tablinks" onclick="openTab(event, 1)">Настройки Wi-Fi</button>
<button class="tablinks" onclick="page_select(event, 0)">Режим работы</button>
<button class="tablinks" onclick="page_select(event, 1)">Настройки Wi-Fi</button>
</div>
<div style="width:100%;">
<iframe id="child_page" frameborder="0" scrolling="auto" ></iframe>
</div>
<div id="0" class="tabcontent" align="center">
<form method="post">
<fieldset>
<input type="checkbox" class="checkbox" id="filt0" name='ws_filt_rbw_enbl' onclick="openFilterSettings(this)" />
<label for="filt0">Радуга</label>
<input type="checkbox" class="checkbox" id="filt1" name='ws_filt_const_enbl' onclick="openFilterSettings(this)" />
<label for="filt1">Оттенок</label>
<input type="checkbox" class="checkbox" id="filt2" name='ws_filt_fd_enbl' onclick="openFilterSettings(this)" />
<label for="filt2">Выцветание</label>
<input type="checkbox" class="checkbox" id="filt3" name='ws_filt_wave_enbl' onclick="openFilterSettings(this)" />
<label for="filt3">Волна</label>
</fieldset>
<div id="filt0" class="filtercontent">
<h4 align="center">Радуга</h4>
Разместить полную радугу на пикселях, ед. :<br>
<input type="range" class="range" step="1" min="10" name='ws_filt_rbw_huesteps' max="~ws_striplen~" onchange="sendFilterParam(this.name, this.value)"/><br>
Скорость смены оттенка:<br>
<input type="range" class="range" min="1" name='ws_filt_rbw_cyclesteps' max="10" onchange="sendFilterParam(this.name, this.value)"/><br>
</div>
<div id="filt1" class="filtercontent">
<h4 align="center">Оттенок</h4>
<canvas id="picker"></canvas><br>
<input id="color" value="#007fff">
</div>
<div id="filt2" class="filtercontent">
<h4 align="center">Выцветание</h4>
Скорость смены яркости:<br>
<input type="range" class="range" min="1" name='ws_filt_fd_cyclesteps' max="127" onchange="sendFilterParam(this.name, this.value)"/><br>
Минимальная яркость:<br>
<input type="range" class="range" min="0" name='ws_filt_fd_min' max="254" onchange="sendFilterParam(this.name, this.value)"/><br>
Максимальная яркость:<br>
<input type="range" class="range" min="1" name='ws_filt_fd_max' max="255" onchange="sendFilterParam(this.name, this.value)"/><br>
<!--
Шанс срабатывания:<br>
<input type="range" class="range" min="1" name='ws_filt_fd_chance' onchange="sendFilterParam(this.name, this.value)"/><br>
-->
</div>
<div id="filt3" class="filtercontent">
<h4 align="center">Волна</h4>
Скорость:<br>
<input type="range" class="range" min="1" name='ws_filt_wave_step' max="10" onchange="sendFilterParam(this.name, this.value)" /><br>
Длина волны :<br>
<input type="range" class="range" step="1" min="10" max="128" name='ws_filt_wave_wavesteps' max="~ws_striplen~" onchange="sendFilterParam(this.name, this.value)"/><br>
</div>
</form>
</div>
<div id="1" class="tabcontent" align="center">
<form method="post">
<table>
<tr>
<td class="td1st">Режим Wi-Fi</td>
<td>
<select class="select" name='wifi_mode'>
<option value='1'>Клиент</option>
<option value='2'>Точка доступа</option>
<option value='3'>Клиент + Точка доступа</option>
</select>
</td>
</tr>
<tr>
<td class="td1st">IEEE PHY</td>
<td>
<select class="select" name='wifi_bgn'>
<option value='1'>802.11b</option>
<option value='3'>802.11g</option>
<option value='11'>802.11n</option>
</select>
</td>
</tr>
<tr>
<td class="td1st">Мощность передачи</td>
<td>
<select class="select" name='wifi_txpow'>
<option value='0'>100%</option>
<option value='1'>75%</option>
<option value='2'>50%</option>
<option value='3'>25%</option>
<option value='4'>12.5%</option>
</select>
</td>
</tr>
<tr>
<td class="td1st"><b>Настройки клиента:</b></td>
</tr>
<tr>
<td class="td1st">SSID</td>
<td>
<input name="wifi_st_ssid" class="inputtext" maxlength='31' value='~wifi_st_ssid~'/>
</td>
</tr>
<tr>
<td class="td1st">Пароль</td>
<td>
<input name="wifi_st_psw" class="inputtext" maxlength='63' value='~wifi_st_psw~' />
</td>
</tr>
<tr>
<td class="td1st">Аутентификация</td>
<td>
<select class="select" name='wifi_st_auth'>
<option value='0'>Open</option>
<option value='1'>WEP PSK</option>
<option value='2'>WEP Shared</option>
<option value='3'>WPA TKIP</option>
<option value='4'>WPA AES</option>
<option value='5'>WPA2 TKIP</option>
<option value='6'>WPA2 AES</option>
<option value='7'>WPA2 Mixed</option>
<option value='8'>WPA2/WPA AES</option>
<option value='9'>Unknown</option>
</select>
</td>
</tr>
<tr>
<td class="td1st">IP</td>
<td>
<input name="wifi_st_ip" class="inputtext" maxlength='31' value='~wifi_st_ip~' />
</td>
</tr>
<tr>
<td class="td1st"><b>Настройки точки доступа:</b></td>
</tr>
<tr>
<td class="td1st">SSID</td>
<td>
<input name="wifi_ap_ssid" class="inputtext" maxlength='31' value='~wifi_ap_ssid~' />
</td>
</tr>
<tr>
<td class="td1st">Пароль</td>
<td>
<input name="wifi_ap_psw" class="inputtext" maxlength='63' value='~wifi_ap_psw~' />
</td>
</tr>
<tr>
<td class="td1st">Аутентификация</td>
<td>
<select class="select" name='wifi_ap_auth'>
<option value='0'>Open</option>
<option value='1'>WPA_WPA2_PSK</option>
</select>
</td>
</tr>
<tr>
<td class="td1st">IP</td>
<td>
<input name="wifi_ap_ip" class="inputtext" maxlength='31' value='~wifi_ap_ip~' />
</td>
</tr>
<tr>
<td></td>
<td>
<input type='hidden' name='wifi_newcfg' value='0xffff' />
<button class="button">Применить...</button>
</td>
</tr>
</table>
</form>
</div>
<script src="colorpicker.min.js"></script>
<script src="elements.js"></script>
<script type="text/javascript">
/* https://github.com/NC22/HTML5-Color-Picker/wiki/Документация */
var colorPickerT = new KellyColorPicker(
function page_select(evt, tabID)
{
place: 'picker',
input: 'color',
size: 300,
});
var onchange = function (self)
{
var hsv = colorPickerT.getCurColorHsv();
sendHSV(hsv);
};
//colorPickerT.addUserEvent("change", onchange);
colorPickerT.addUserEvent("mouseuph", onchange);
colorPickerT.addUserEvent("mouseupsv", onchange);
// Выделяем выбранную кнопку
tablinks = document.getElementsByClassName("tablinks");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
evt.currentTarget.className += " active";
// Показываем выбранный контент
if (tabID == '0') document.getElementById("child_page").src = "filters.html";
else if (tabID == '1') document.getElementById("child_page").src = "settings.html";
}
var cfg_f0 =
{
ws_isenable: "~ws_isenable~",
}
setFormValues(document.getElementsByName("ws_isenable"), cfg_f0);
var cfg_f1 =
{
ws_filt_rbw_enbl: "~ws_filt_rbw_enbl~",
ws_filt_rbw_huesteps: "~ws_filt_rbw_huesteps~",
ws_filt_rbw_cyclesteps: "~ws_filt_rbw_cyclesteps~",
ws_filt_fd_enbl: "~ws_filt_fd_enbl~",
ws_filt_fd_cyclesteps: "~ws_filt_fd_cyclesteps~",
ws_filt_fd_min: "~ws_filt_fd_min~",
ws_filt_fd_max: "~ws_filt_fd_max~",
//ws_filt_fd_chance: "~ws_filt_fd_chance~",
ws_filt_wave_enbl: "~ws_filt_wave_enbl~",
ws_filt_wave_step: "~ws_filt_wave_step~",
ws_filt_wave_wavesteps: "~ws_filt_wave_wavesteps~"
}
setFormValues(document.forms[0], cfg_f1);
var cfg_f2 =
{
wifi_mode: "~wifi_mode~",
wifi_bgn: "~wifi_bgn~",
wifi_txpow: "~wifi_txpow~",
wifi_st_ssid: "~wifi_st_ssid~",
wifi_st_psw: "~wifi_st_psw~",
wifi_st_auth: "~wifi_st_auth~",
wifi_st_ip: "~wifi_st_ip~",
wifi_ap_ssid: "~wifi_ap_ssid~",
wifi_ap_psw: "~wifi_ap_psw~",
wifi_ap_auth: "~wifi_ap_auth~",
wifi_ap_ip: "~wifi_ap_ip~"
}
setFormValues(document.forms[1], cfg_f2);
var cfg_hsv =
{
ws_filt_const_hue: "~ws_filt_const_hue~",
ws_filt_const_sat: "~ws_filt_const_sat~",
ws_filt_const_value: "~ws_filt_const_value~"
}
loadHSV(colorPickerT, cfg_hsv);
document.addEventListener('DOMContentLoaded', function()
{
setFormValues(document.getElementsByName("ws_isenable"), cfg_f0);
});
</script>
</body>
</html>

View file

@ -0,0 +1,45 @@
@supports (--css: variables) {
input[type="range"].multirange {
padding: 0;
margin: 0;
display: inline-block;
vertical-align: top;
}
input[type="range"].multirange.original {
position: absolute;
}
input[type="range"].multirange.original::-webkit-slider-thumb {
position: relative;
z-index: 2;
}
input[type="range"].multirange.original::-moz-range-thumb {
transform: scale(1); /* FF doesn't apply position it seems */
z-index: 1;
}
input[type="range"].multirange::-moz-range-track {
border-color: transparent; /* needed to switch FF to "styleable" control */
}
input[type="range"].multirange.ghost {
position: relative;
background: var(--track-background);
--track-background: linear-gradient(to right,
transparent var(--low), var(--range-color) 0,
var(--range-color) var(--high), transparent 0
) no-repeat 0 45% / 100% 40%;
--range-color: hsl(190, 80%, 40%);
}
input[type="range"].multirange.ghost::-webkit-slider-runnable-track {
background: var(--track-background);
}
input[type="range"].multirange.ghost::-moz-range-track {
background: var(--track-background);
}
}

View file

@ -0,0 +1,86 @@
(function() {
"use strict";
var supportsMultiple = self.HTMLInputElement && "valueLow" in HTMLInputElement.prototype;
var descriptor = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value");
self.multirange = function(input) {
if (supportsMultiple || input.classList.contains("multirange")) {
return;
}
var value = input.getAttribute("value");
var values = value === null ? [] : value.split(",");
var min = +(input.min || 0);
var max = +(input.max || 100);
var ghost = input.cloneNode();
input.classList.add("multirange", "original");
ghost.classList.add("multirange", "ghost");
input.value = values[0] || min + (max - min) / 2;
ghost.value = values[1] || min + (max - min) / 2;
input.parentNode.insertBefore(ghost, input.nextSibling);
Object.defineProperty(input, "originalValue", descriptor.get ? descriptor : {
// Fuck you Safari >:(
get: function() { return this.value; },
set: function(v) { this.value = v; }
});
Object.defineProperties(input, {
valueLow: {
get: function() { return Math.min(this.originalValue, ghost.value); },
set: function(v) { this.originalValue = v; },
enumerable: true
},
valueHigh: {
get: function() { return Math.max(this.originalValue, ghost.value); },
set: function(v) { ghost.value = v; },
enumerable: true
}
});
if (descriptor.get) {
// Again, fuck you Safari
Object.defineProperty(input, "value", {
get: function() { return this.valueLow + "," + this.valueHigh; },
set: function(v) {
var values = v.split(",");
this.valueLow = values[0];
this.valueHigh = values[1];
update();
},
enumerable: true
});
}
if (typeof input.oninput === "function") {
ghost.oninput = input.oninput.bind(input);
}
function update() {
ghost.style.setProperty("--low", 100 * ((input.valueLow - min) / (max - min)) + 1 + "%");
ghost.style.setProperty("--high", 100 * ((input.valueHigh - min) / (max - min)) - 1 + "%");
}
input.addEventListener("input", update);
ghost.addEventListener("input", update);
update();
}
multirange.init = function() {
[].slice.call(document.querySelectorAll("input[type=range][multiple]:not(.multirange)")).forEach(multirange);
}
if (document.readyState == "loading") {
document.addEventListener("DOMContentLoaded", multirange.init);
}
else {
multirange.init();
}
})();

View file

@ -0,0 +1 @@
!function(){"use strict";var e=self.HTMLInputElement&&"valueLow"in HTMLInputElement.prototype,t=Object.getOwnPropertyDescriptor(HTMLInputElement.prototype,"value");self.multirange=function(n){function i(){o.style.setProperty("--low",100*((n.valueLow-a)/(r-a))+1+"%"),o.style.setProperty("--high",100*((n.valueHigh-a)/(r-a))-1+"%")}if(!e&&!n.classList.contains("multirange")){var u=n.getAttribute("value"),l=null===u?[]:u.split(","),a=+(n.min||0),r=+(n.max||100),o=n.cloneNode();n.classList.add("multirange","original"),o.classList.add("multirange","ghost"),n.value=l[0]||a+(r-a)/2,o.value=l[1]||a+(r-a)/2,n.parentNode.insertBefore(o,n.nextSibling),Object.defineProperty(n,"originalValue",t.get?t:{get:function(){return this.value},set:function(e){this.value=e}}),Object.defineProperties(n,{valueLow:{get:function(){return Math.min(this.originalValue,o.value)},set:function(e){this.originalValue=e},enumerable:!0},valueHigh:{get:function(){return Math.max(this.originalValue,o.value)},set:function(e){o.value=e},enumerable:!0}}),t.get&&Object.defineProperty(n,"value",{get:function(){return this.valueLow+","+this.valueHigh},set:function(e){var t=e.split(",");this.valueLow=t[0],this.valueHigh=t[1],i()},enumerable:!0}),"function"==typeof n.oninput&&(o.oninput=n.oninput.bind(n)),n.addEventListener("input",i),o.addEventListener("input",i),i()}},multirange.init=function(){[].slice.call(document.querySelectorAll("input[type=range][multiple]:not(.multirange)")).forEach(multirange)},"loading"==document.readyState?document.addEventListener("DOMContentLoaded",multirange.init):multirange.init()}();

View file

@ -0,0 +1,144 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Глупая гирлянда - Настройки</title>
<link href="elements.css" rel="stylesheet">
<style></style>
</head>
<body>
<form method="post">
<table>
<tr>
<td class="td1st">Режим Wi-Fi</td>
<td>
<select class="select" name='wifi_mode'>
<option value='1'>Клиент</option>
<option value='2'>Точка доступа</option>
<option value='3'>Клиент + Точка доступа</option>
</select>
</td>
</tr>
<tr>
<td class="td1st">IEEE PHY</td>
<td>
<select class="select" name='wifi_bgn'>
<option value='1'>802.11b</option>
<option value='3'>802.11g</option>
<option value='11'>802.11n</option>
</select>
</td>
</tr>
<tr>
<td class="td1st">Мощность передачи</td>
<td>
<select class="select" name='wifi_txpow'>
<option value='0'>100%</option>
<option value='1'>75%</option>
<option value='2'>50%</option>
<option value='3'>25%</option>
<option value='4'>12.5%</option>
</select>
</td>
</tr>
<tr>
<td class="td1st"><b>Настройки клиента:</b></td>
</tr>
<tr>
<td class="td1st">SSID</td>
<td>
<input name="wifi_st_ssid" class="inputtext" maxlength='31' value='~wifi_st_ssid~' />
</td>
</tr>
<tr>
<td class="td1st">Пароль</td>
<td>
<input name="wifi_st_psw" class="inputtext" maxlength='63' value='~wifi_st_psw~' />
</td>
</tr>
<tr>
<td class="td1st">Аутентификация</td>
<td>
<select class="select" name='wifi_st_auth'>
<option value='0'>Open</option>
<option value='1'>WEP PSK</option>
<option value='2'>WEP Shared</option>
<option value='3'>WPA TKIP</option>
<option value='4'>WPA AES</option>
<option value='5'>WPA2 TKIP</option>
<option value='6'>WPA2 AES</option>
<option value='7'>WPA2 Mixed</option>
<option value='8'>WPA2/WPA AES</option>
<option value='9'>Unknown</option>
</select>
</td>
</tr>
<tr>
<td class="td1st">IP</td>
<td>
<input name="wifi_st_ip" class="inputtext" maxlength='31' value='~wifi_st_ip~' />
</td>
</tr>
<tr>
<td class="td1st"><b>Настройки точки доступа:</b></td>
</tr>
<tr>
<td class="td1st">SSID</td>
<td>
<input name="wifi_ap_ssid" class="inputtext" maxlength='31' value='~wifi_ap_ssid~' />
</td>
</tr>
<tr>
<td class="td1st">Пароль</td>
<td>
<input name="wifi_ap_psw" class="inputtext" maxlength='63' value='~wifi_ap_psw~' />
</td>
</tr>
<tr>
<td class="td1st">Аутентификация</td>
<td>
<select class="select" name='wifi_ap_auth'>
<option value='0'>Open</option>
<option value='1'>WPA_WPA2_PSK</option>
</select>
</td>
</tr>
<tr>
<td class="td1st">IP</td>
<td>
<input name="wifi_ap_ip" class="inputtext" maxlength='31' value='~wifi_ap_ip~' />
</td>
</tr>
<tr>
<td></td>
<td>
<input type='hidden' name='wifi_newcfg' value='0xffff' />
<button class="button">Применить...</button>
</td>
</tr>
</table>
</form>
<script src="colorpicker.min.js"></script>
<script type="text/javascript">
var cfg_f2 =
{
wifi_mode: "~wifi_mode~",
wifi_bgn: "~wifi_bgn~",
wifi_txpow: "~wifi_txpow~",
wifi_st_ssid: "~wifi_st_ssid~",
wifi_st_psw: "~wifi_st_psw~",
wifi_st_auth: "~wifi_st_auth~",
wifi_st_ip: "~wifi_st_ip~",
wifi_ap_ssid: "~wifi_ap_ssid~",
wifi_ap_psw: "~wifi_ap_psw~",
wifi_ap_auth: "~wifi_ap_auth~",
wifi_ap_ip: "~wifi_ap_ip~"
}
setFormValues(document.forms[1], cfg_f2);
</script>
</body>
</html>

View file

@ -1,63 +0,0 @@
.in_body
{
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
background-color:transparent;
}
.div_c
{
margin-left:50px;
margin-right:50px;
margin-top:30px;
margin-bottom:20px;
}
.fw
{
float:right;
width:30%;
}
.label
{
float:left;
width:50%;
color:#000000;
margin-bottom:-2px;
font-size:15px;
}
.label1
{
float:left;
margin-left:52px;
width:50%;
color:#000000;
margin-bottom:-2px;
font-size:15px;
}
.cl
{
clear:left;
}
.line1
{
height:1px;
background-color:#000000;
width:90%;
margin-left:52px;
margin-top:5px;
margin-bottom:5px;
overflow:hidden;
}
.btn
{
width:66px;
height:27px;
border-style:none;
border-radius:3px 3px 3px 3px;
font-size:14px;
font-weight:bold;
background-color:#6699FF;
color:#fff;
cursor:pointer;
}

View file

@ -1,15 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>RTL871X WIFI</title>
<link rel="stylesheet" href="/basic_style.css">
</head>
<body onload="reloadTimer.reload(10)">
<div class="content">
<h3>Timeout <span id='timer'>?</span> sec...</h3>
* Redirect: <a href='http://~sys_url~/'>http://~sys_url~/</a> *<br><br>
<a href='/index.html'>Main</a>
</div>
</body>
</html>

View file

@ -1,48 +0,0 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<base target="child_page" />
<title>坐抖批扭忘攸 抖忘技扭忘</title>
<link rel="stylesheet" href="index_style.css" />
<script type="text/javascript">
var sel = 1;
function opt_sel(v) {
document.getElementById("op_" + sel).className = "";
document.getElementById("op_" + v).className = "opt_sel";
sel = v;
}
function resizeIframe(obj) {
obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
}
</script>
</head>
<body>
<div style="width:850px;margin-left:auto;margin-right:auto;margin-top:0px;font-family:Avqest">
<div id="header" style="position:relative;float:left;width: 100%;">
<div class="logo" style="display:block;position:relative;float:left;width:213px;height:50px">
<a target="_blank" href="https://adelectronics.ru/">
<img src="logo.png"/>
</a>
</div>
</div>
<div style="width:200px;float:left;position:relative">
<ul id="menu" style='margin-top:35px;'>
<li><a href="ws.html" id="op_1" class="opt_sel" onclick="opt_sel(1)">坐抖忘志扶忘攸</a></li>
<li><a href="wifi_set.html" id="op_2" onclick="opt_sel(2)">妖忘扼找把抉抄抗我 WiFi</a></li>
<li><a href="sys_set.html" id="op_3" onclick="opt_sel(3)">妊我扼找快技扶抑快 扶忘扼找把抉抄抗我</a></li>
</ul>
</div>
<div id="back_div" class="back_div" style='width:650px;float:left;position:relative;'>
<iframe id="child_page" name="child_page" frameborder="0" style="border-style:none;width:100%;margin-top:20px;height:1150px;border-spacing:0px" src="ws.html" scrolling="auto" allowTransparency="true"></iframe>
</div>
</div>
</body>
</html>

View file

@ -1,54 +0,0 @@
body{font-family:Arial,sans-serif;background-color:#FFFFFF;}
a:link {color: #000000; text-decoration:none;}
a:visited {color: #000000; text-decoration:none;}
a:hover {color: #000000; text-decoration:underline;}
#menu{list-style:none; margin:20px 0 0 0; padding:0;}
#menu li{height:35px; line-height:30px; margin:0; padding:0;}
#menu li a{display:block; padding-left:20px; color:#000000;}
#menu li a:hover{color:#000000;}
#menu li a.opt_sel{background-color:#F0F0F0; color:#000000;}
#header {
height: 50px;
margin-bottom: 0px;
}
#header .lang {
padding-right: 0px;
padding-top: 0px;
color: #000000;
text-align:right;
}
.logo {
float: left;
width: 25%;
height: 50px;
line-height: 80px;
}
.logo img {
width: 100%;
height: auto;
margin: 20px;
display: block;
}
.header_right {
float: right;
width: 80%;
height: 50px;
}
.opt_sel
{
height:30px;
background-color:#F0F0F0;
padding-left:20px;
color:#000000;
cursor:pointer;
}
.back_div
{
width:650px;
float:left;
background:scroll center center;
background-color:#FFFFFF;
margin-top:0px;
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.6 KiB

View file

@ -1,113 +0,0 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<link rel="stylesheet" href="basic_style.css" />
<script type="text/javascript" src="sys_set.js"></script>
</head>
<!-- onload="initSystemSetting()" -->
<body class="in_body" >
<div class="div_c" style="font-family:Avqest">
<form method="post" action="">
<div class="cl"></div>
<div style="height:10px;"></div>
<div class="label" style="font-weight:bold;font-size:17px">WEB 扼快把志快把</div>
<div class="cl"></div>
<div style="height:20px;"></div>
<div class="label1">HTTP 扭抉把找</div>
<div class="fw"><input name="cfg_web_port" maxlength='5' value='~cfg_web_port~' style="width:130px" /></div>
<div class="cl"></div>
<div class="line1"></div>
<div class="label1">妥忘抄技忘批找 扭把我忸技忘</div>
<div class="fw"><input name="cfg_web_twrec" maxlength='5' title='1...65535 sec, 0 - not limited' value='~cfg_web_twrec~' style="width:130px" /></div>
<div class="cl"></div>
<div class="line1"></div>
<div class="label1">妥忘抄技忘批找 戒忘抗把抑找我攸</div>
<div class="fw"><input name="cfg_web_twcls" maxlength='3' title='1...65535 sec, 0 - not limited' value='~cfg_web_twcls~' style="width:130px" /></div>
<div class="cl"></div>
<div class="line1"></div>
<div class="label1">妓忘戒把快扮我找抆 戒忘抗把抑找我快 pcb</div>
<div class="fw"><input type='hidden' name='cfg_web_twd' value='0' /></div>
<div class="fw"><input type='checkbox' name='cfg_web_twd' title='(Proxy) Close web connection and deletes TIME_WAIT pcb' value='1' /></div>
<div class="cl"></div>
<div class="line1"></div>
<div class="cl"></div>
<div style="height:10px;"></div>
<div class="label" style="font-weight:bold;font-size:17px">妖忘扼找把抉抄抗我 扼快找我</div>
<div class="cl"></div>
<div style="height:20px;"></div>
<div class="label1">妓忘戒把快扮我找抆 NetBIOS</div>
<div class="fw"><input type='hidden' name='cfg_netbios' value='0' /></div>
<div class="fw"><input type='checkbox' name='cfg_netbios' title='NetBIOS AP name = "a~wifi_ap_ssid~", Station = "s~wifi_ap_ssid~"' value='1' /></div>
<div class="cl"></div>
<div class="line1"></div>
<div class="label1">妓忘戒把快扮我找抆 SNTP</div>
<div class="fw"><input type='hidden' name='cfg_sntp' value='0' /></div>
<div class="fw"><input type='checkbox' name='cfg_sntp' title='SNTP: pool.ntp.org' value='1' /></div>
<div class="cl"></div>
<div class="line1"></div>
<div class="label1">Captive Portal AP</div>
<div class="fw"><input type='hidden' name='cfg_cdns' value='0' /></div>
<div class="fw"><input type='checkbox' name='cfg_cdns' value='1' /></div>
<div class="cl"></div>
<div class="line1"></div>
<div class="cl"></div>
<div style="height:10px;"></div>
<div class="label" style="font-weight:bold;font-size:17px">妊我扼找快技扶抑快 扶忘扼找把抉抄抗我</div>
<div class="cl"></div>
<div style="height:20px;"></div>
<div class="label1">妓忘戒把快扮我找抆 LOG UART</div>
<div class="fw"><input type='hidden' name='cfg_debug' value='0' /></div>
<div class="fw"><input type='checkbox' name='cfg_debug' title='rtl_printf enable. If Off - High speed upload (>1Mbytes/s).' value='1' /></div>
<div class="cl"></div>
<div class="line1"></div>
<div class="label1">妓忘戒把快扮我找抆 PowerSave</div>
<div class="fw"><input type='hidden' name='cfg_sleep' value='0' /></div>
<div class="fw"><input type='checkbox' name='cfg_sleep' title='If On - LOG UART input disable' value='1' /></div>
<div class="cl"></div>
<div class="line1"></div>
<div style="margin-top:20px;color:#000000;width:100%;text-align:right">
<input type='hidden' name='uart_save' value='2' />
<input type='hidden' name='cfg_save' value='1' />
<input type='submit' value='Save' class="btn" />
</div>
</form>
</div>
<script type="text/javascript">
var cfg =
{
cfg_sleep:"~cfg_sleep~",
cfg_debug:"~cfg_debug~",
cfg_web_twd:"~cfg_web_twd~",
cfg_pinclr:"~cfg_pinclr~",
cfg_netbios:"~cfg_netbios~",
cfg_sntp:"~cfg_sntp~",
cfg_cdns:"~cfg_cdns~",
cfg_mdb_reop:"~cfg_mdb_reop~"
}
setFormValues(document.forms[0], cfg);
</script>
</body>
</html>

View file

@ -1,40 +0,0 @@
var setFormValues = function (form, cfg)
{
var name, field;
for (name in cfg)
{
if (form[name])
{
field = form[name];
if (field[1] && field[1].type === 'checkbox')
{
field = field[1];
}
if (field.type === 'checkbox')
{
field.checked = cfg[name] === '1' ? true : false;
}
else
{
field.value = cfg[name];
}
}
}
}
function initSystemSetting()
{
var cfg =
{
cfg_sleep: "~cfg_sleep~",
cfg_debug: "~cfg_debug~",
cfg_web_twd: "~cfg_web_twd~",
cfg_pinclr: "~cfg_pinclr~",
cfg_netbios: "~cfg_netbios~",
cfg_sntp: "~cfg_sntp~",
cfg_cdns: "~cfg_cdns~",
cfg_mdb_reop: "~cfg_mdb_reop~"
}
setFormValues(document.forms[0], cfg);
}

View file

@ -1,283 +0,0 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link rel="stylesheet" href="basic_style.css"/>
<script type="text/javascript" src="wifi_set.js"></script>
</head>
<body class="in_body" onload="initWiFiSetting()">
<div class="div_c" style="font-family:Avqest">
<form name= "form_wifi_setting" method="post" action="config_success.html">
<div class="cl"></div>
<div style="height:10px;"></div>
<div class="label" style="font-weight:bold;font-size:17px">妍扼扶抉志扶抑快 扶忘扼找把抉抄抗我</div>
<div class="cl"></div>
<div style="height:20px;"></div>
<div class="label1">妓快忪我技</div>
<div class="fw">
<select style="width:134px;height:20px" name='wifi_mode'>
<option value='1'>妞抖我快扶找</option>
<option value='2'>妥抉折抗忘 忱抉扼找批扭忘</option>
<option value='3'>妞抖我快扶找 + 妥抉折抗忘 忱抉扼找批扭忘</option>
</select>
</div>
<div class="cl"></div>
<div class="line1"></div>
<div class="label1">IEEE PHY</div>
<div class="fw">
<select style="width:134px;height:20px" name='wifi_bgn'>
<option value='1'>802.11b</option>
<option value='3'>802.11g</option>
<option value='11'>802.11n</option>
</select>
</div>
<div class="cl"></div>
<div class="line1"></div>
<div class="label1">妙抉投扶抉扼找抆 扭快把快忱忘折我</div>
<div class="fw">
<select style="width:134px;height:20px" name='wifi_txpow'>
<option value='0'>100%</option>
<option value='1'>75%</option>
<option value='2'>50%</option>
<option value='3'>25%</option>
<option value='4'>12.5%</option>
</select>
</div>
<div class="cl"></div>
<div class="line1"></div>
<div class="label1">妞抉忱 扼找把忘扶抑</div>
<div class="fw"><input name="wifi_country" maxlength='10' value='~wifi_country~' style="width:130px" /></div>
<div class="cl"></div>
<div class="line1"></div>
<div class="cl"></div>
<div style="height:10px;"></div>
<div class="label" style="font-weight:bold;font-size:17px">妖忘扼找把抉抄抗我 抗抖我快扶找忘</div>
<div class="cl"></div>
<div style="height:20px;"></div>
<div class="label1">妊找忘找批扼 扭抉忱抗抖攻折快扶我攸</div>
<div class="fw">
<select style="width:134px;height:20px" name='wifi_st_status'>
<option value='0'>妍找抗抖攻折快扶抉</option>
<option value='1'>妤抉忱抗抖攻折忘快找扼攸...</option>
<option value='2'>妤快把快扭抉忱抗抖攻折忘快找扼攸</option>
<option value='3'>妤抉忱抗抖攻折快扶抉!</option>
</select>
</div>
<div class="cl"></div>
<div class="line1"></div>
<div class="label1">RSSI</div>
<div class="fw"><input readonly value='~wifi_st_rssi~ dB' style="width:130px" /></div>
<div class="cl"></div>
<div class="line1"></div>
<div class="label1">SSID</div>
<div class="fw"><input name="wifi_st_ssid" maxlength='31' value='~wifi_st_ssid~' style="width:130px" /></div>
<div class="cl"></div>
<div class="line1"></div>
<div class="label1">BSSID</div>
<div class="fw"><input name="wifi_st_bssid" maxlength='17' value='~wifi_st_bssid~' style="width:130px" /></div>
<div class="cl"></div>
<div class="line1"></div>
<div class="label1">妒扼扭抉抖抆戒抉志忘找抆 BSSID</div>
<div class="fw"><input type='hidden' name='wifi_st_sbss' value='0' /></div>
<div class="fw"><input type='checkbox' name='wifi_st_sbss' value='1' /></div>
<div class="cl"></div>
<div class="line1"></div>
<div class="label1">妤忘把抉抖抆</div>
<div class="fw"><input name="wifi_st_psw" maxlength='63' value='~wifi_st_psw~' style="width:130px" /></div>
<div class="cl"></div>
<div class="line1"></div>
<div class="label1">均批找快扶找我扳我抗忘扯我攸</div>
<div class="fw">
<select style="width:134px;height:20px" name='wifi_st_auth'>
<option value='0'>Open</option>
<option value='1'>WEP PSK</option>
<option value='2'>WEP Shared</option>
<option value='3'>WPA TKIP</option>
<option value='4'>WPA AES</option>
<option value='5'>WPA2 TKIP</option>
<option value='6'>WPA2 AES</option>
<option value='7'>WPA2 Mixed</option>
<option value='8'>WPA2/WPA AES</option>
<option value='9'>Unknown</option>
</select>
</div>
<div class="cl"></div>
<div class="line1"></div>
<div class="label1">Gateway</div>
<div class="fw"><input name="wifi_st_gw" maxlength='31' value='~wifi_st_gw~' style="width:130px" /></div>
<div class="cl"></div>
<div class="line1"></div>
<div class="label1">Subnet Mask</div>
<div class="fw"><input name="wifi_st_msk" maxlength='31' value='~wifi_st_msk~' style="width:130px" /></div>
<div class="cl"></div>
<div class="line1"></div>
<div class="label1">均志找抉 扭快把快扭抉忱抗抖攻折快扶我快</div>
<div class="fw"><input name="wifi_st_arec" maxlength='3' title='Reconnect count 1..255' value='~wifi_st_arec~' style="width:130px" /></div>
<div class="cl"></div>
<div class="line1"></div>
<div class="label1">妤忘批戒忘 扭快把快忱 扭快把快扭抉忱抗抖攻折快扶我快技</div>
<div class="fw"><input name="wifi_st_rect" maxlength='3' title='Reconnect pause 1..255 sec' value='~wifi_st_rect~' style="width:130px" /></div>
<div class="cl"></div>
<div class="line1"></div>
<div class="label1">MAC</div>
<div class="fw"><input name="wifi_st_mac" maxlength='17' value='~wifi_st_mac~' style="width:130px" /></div>
<div class="cl"></div>
<div class="line1"></div>
<div class="label1">IP</div>
<div class="fw"><input name="wifi_st_ip" maxlength='31' value='~wifi_st_ip~' style="width:130px" /></div>
<div class="cl"></div>
<div class="line1"></div>
<div class="label1">DHCP 把快忪我技</div>
<div class="fw">
<select style="width:134px;height:20px" name='wifi_st_dhcp'>
<option value='0'>DHCP Off</option>
<option value='1'>DHCP On</option>
<option value='2'>Static IP</option>
<option value='3'>Auto fix</option>
</select>
</div>
<div class="cl"></div>
<div class="line1"></div>
<div class="label1">PowerSave 把快忪我技</div>
<div class="fw">
<select style="width:134px;height:20px" name='wifi_st_sleep'>
<option value='0'>Sleep Off</option>
<option value='1'>IPS</option>
<option value='2'>LPS</option>
<option value='3'>IPS/LPS</option>
</select>
</div>
<div class="cl"></div>
<div class="line1"></div>
<div class="label1">LPS DTIM</div>
<div class="fw"><input name="wifi_st_dtim" maxlength='3' title='0 - Sleep Off, 1..255 - Sleep On. 1..255 - DTIM.' value='~wifi_st_dtim~' style="width:130px" /></div>
<div class="cl"></div>
<div class="line1"></div>
<div class="label1">Station Host Name</div>
<div class="fw"><input name="wifi_st_hostname" maxlength='16' title='DHCP, NetBIOS name' value='~wifi_st_hostname~' style="width:130px" /></div>
<div class="cl"></div>
<div class="line1"></div>
<div class="cl"></div>
<div style="height:10px;"></div>
<div class="label" style="font-weight:bold;font-size:17px">妖忘扼找把抉抄抗我 找抉折抗我 忱抉扼找批扭忘</div>
<div class="cl"></div>
<div style="height:20px;"></div>
<div class="label1">SSID</div>
<div class="fw"><input name="wifi_ap_ssid" maxlength='31' value='~wifi_ap_ssid~' style="width:130px" /></div>
<div class="cl"></div>
<div class="line1"></div>
<div class="label1">妤把攸找忘找抆 SSID?</div>
<div class="fw"><input type='hidden' name='wifi_ap_hssid' value='0' /></div>
<div class="fw"><input type='checkbox' name='wifi_ap_hssid' value='1' /></div>
<div class="cl"></div>
<div class="line1"></div>
<div class="label1">妤忘把抉抖抆</div>
<div class="fw"><input name="wifi_ap_psw" maxlength='63' value='~wifi_ap_psw~' style="width:130px" /></div>
<div class="cl"></div>
<div class="line1"></div>
<div class="label1">妞忘扶忘抖</div>
<div class="fw">
<select style="width:134px;height:20px" name='wifi_ap_chl'>
<option value='0'>均志找抉</option>
</select>
</div>
<div class="cl"></div>
<div class="line1"></div>
<div class="label1">均批找快扶找我扳我抗忘扯我攸</div>
<div class="fw">
<select style="width:134px;height:20px" name='wifi_ap_auth'>
<option value='0'>Open</option>
<option value='1'>WPA_WPA2_PSK</option>
</select>
</div>
<div class="cl"></div>
<div class="line1"></div>
<div class="label1">IP</div>
<div class="fw"><input name="wifi_ap_ip" maxlength='31' value='~wifi_ap_ip~' style="width:130px" /></div>
<div class="cl"></div>
<div class="line1"></div>
<div class="label1">Gateway</div>
<div class="fw"><input name="wifi_ap_gw" maxlength='31' value='~wifi_ap_gw~' style="width:130px" /></div>
<div class="cl"></div>
<div class="line1"></div>
<div class="label1">Subnet Mask</div>
<div class="fw"><input name="wifi_ap_msk" maxlength='31' value='~wifi_ap_msk~' style="width:130px" /></div>
<div class="cl"></div>
<div class="line1"></div>
<div class="label1">MAC</div>
<div class="fw"><input name="wifi_ap_mac" maxlength='17' value='~wifi_ap_mac~' style="width:130px" /></div>
<div class="cl"></div>
<div class="line1"></div>
<div class="label1">DHCP Enable</div>
<div class="fw"><input type='hidden' name='wifi_ap_dhcp' value='0' /></div>
<div class="fw"><input type='checkbox' name='wifi_ap_dhcp' value='1' /></div>
<div class="cl"></div>
<div class="line1"></div>
<div class="label1">Beacon (技扼)</div>
<div class="fw"><input name="wifi_ap_bint" maxlength='5' title='100...60000' value='~wifi_ap_bint~' style="width:130px" /></div>
<div class="cl"></div>
<div class="line1"></div>
<div class="label1">妙忘抗扼我技忘抖抆扶抉快 抗抉抖-志抉 扼抉快忱我扶快扶我抄</div>
<div class="fw"><input name="wifi_ap_mcns" maxlength='1' title='1..3, Default: 3.' value='~wifi_ap_mcns~' style="width:130px" /></div>
<div class="cl"></div>
<div class="line1"></div>
<div class="label1">SoftAP Host Name</div>
<div class="fw"><input name="wifi_ap_hostname" maxlength='16' title='DHCP, NetBIOS name' value='~wifi_ap_hostname~' style="width:130px" /></div>
<div class="cl"></div>
<div class="line1"></div>
<div style="margin-top:20px;color:#000000;width:100%;text-align:right">
<input type='hidden' name='wifi_newcfg' value='0xffff' />
<input type="submit" class="btn" value="Save" />
</div>
</form>
</div>
</body>
</html>

View file

@ -1,44 +0,0 @@
var setFormValues = function (form, cfg)
{
var name, field;
for (name in cfg)
{
if (form[name])
{
field = form[name];
if (field[1] && field[1].type === 'checkbox')
{
field = field[1];
}
if (field.type === 'checkbox')
{
field.checked = cfg[name] === '1' ? true : false;
}
else
{
field.value = cfg[name];
}
}
}
}
function initWiFiSetting()
{
var cfg =
{
wifi_mode: "~wifi_cmode~",
wifi_st_status: "~wifi_st_status~",
wifi_ap_chl: "~wifi_ap_chl~",
wifi_ap_auth: "~wifi_ap_auth~",
wifi_bgn: "~wifi_bgn~",
wifi_st_sleep: "~wifi_st_sleep~",
wifi_st_auth: "~wifi_st_auth~",
wifi_st_sbss: "~wifi_st_sbss~",
wifi_ap_hssid: "~wifi_ap_hssid~",
wifi_ap_dhcp: "~wifi_ap_dhcp~",
wifi_txpow: "~wifi_txpow~",
wifi_st_dhcp: "~wifi_st_dhcp~"
}
setFormValues(document.forms[0], cfg);
}

View file

@ -1,39 +0,0 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>
<link rel="stylesheet" href="basic_style.css"/>
<script type="text/javascript" src="ws_set.js"></script>
</head>
<body class="in_body">
<div class="div_c" style="font-family:Avqest">
<form method="post" action="">
<div class="label1">Rainbow enable</div>
<div class="fw"><input type='hidden' name='ws_filt_rbw_enbl' value='0' /></div>
<div class="fw"><input type='checkbox' name='ws_filt_rbw_enbl' value='1' /></div>
<div class="cl"></div>
<div class="line1"></div>
<div class="label1">Fade enable</div>
<div class="fw"><input type='hidden' name='ws_filt_fd_enbl' value='0' /></div>
<div class="fw"><input type='checkbox' name='ws_filt_fd_enbl' value='1' /></div>
<div class="cl"></div>
<div class="line1"></div>
<div style="margin-top:20px;color:#000000;width:100%;text-align:right">
<input type='submit' value='Save' class="btn"/>
</div>
</form>
</div>
<script type="text/javascript">
var cfg =
{
ws_filt_rbw_enbl: "~ws_filt_rbw_enbl~",
ws_filt_fd_enbl: "~ws_filt_fd_enbl~"
}
setFormValues(document.forms[0], cfg);
</script>
</body>
</html>

View file

@ -1,34 +0,0 @@
var setFormValues = function (form, cfg)
{
var name, field;
for (name in cfg)
{
if (form[name])
{
field = form[name];
if (field[1] && field[1].type === 'checkbox')
{
field = field[1];
}
if (field.type === 'checkbox')
{
field.checked = cfg[name] === '1' ? true : false;
}
else
{
field.value = cfg[name];
}
}
}
}
function initWS2812Setting()
{
var cfg =
{
ws_filt_rbw_enbl: "~ws_filt_rbw_enbl~",
ws_filt_fd_enbl: "~ws_filt_fd_enbl~"
}
setFormValues(document.forms[0], cfg);
}

View file

@ -1,173 +0,0 @@
<!doctype html>
<html lang="us">
<head>
<meta charset="utf-8">
<title>Lamp</title>
<link href="jquery-ui.min.css" rel="stylesheet">
<style>
body
{
font-family: "Trebuchet MS", sans-serif;
margin: 50px;
}
</style>
</head>
<body onload="InitPage()">
<h2 class="demoHeaders">Режим работы</h2>
<form>
<div id="radioset">
<input type="radio" id="radio1" name="radio" onChange="SelectedMode(0)"><label for="radio1">Фильтры</label>
<input type="radio" id="radio2" name="radio" onChange="SelectedMode(1)"><label for="radio2">Оттенок</label>
<input type="radio" id="radio3" name="radio" onChange="SelectedMode(2)"><label for="radio3">ТЕСТ</label>
</div>
</form>
<form>
<div id="mode_filters">
<!-- Меню доступных фильтров -->
<h2 class="demoHeaders">Доступные фильтры-модификаторы вывода цвета:</h2>
<fieldset>
<div id="controlgroup">
<input type="checkbox" id="filt_rainbow_en" onChange="SelectedFilter('filt_rainbow_settings', this)">
<label for="filt_rainbow_en">Радуга</label>
<input type="checkbox" id="filt_fade_en" onChange="SelectedFilter('filt_fade_settings', this)">
<label for="filt_fade_en">Выцветание</label>
<input type="checkbox" id="filt_flicker_en" onChange="SelectedFilter('filt_flicker_settings', this)">
<label for="filt_flicker_en">Мигание</label>
</div>
</fieldset>
<!-- Радуга -->
<div id="filt_rainbow_settings">
<h2 class="demoHeaders">Параметры радуги</h2>
<fieldset>
<h3>Скорость</h3>
<div id="slider"></div>
<h3>Угол</h3>
<div id="slider_a"></div>
</fieldset>
</div>
<!-- Выцветание -->
<div id="filt_fade_settings">
<h2 class="demoHeaders">Параметры выцветания</h2>
<fieldset>
<h3>Скорость</h3>
<div id="slider_sp"></div>
<h3>Мин. и макс. яркость</h3>
<div id="slider_min_max"></div>
</fieldset>
</div>
<!-- Мигание -->
</div>
<div id="mode_singlecolor">
<h2 class="demoHeaders">Оттенок</h2>
<input type="text" value="#ff8800" data-wheelcolorpicker="" data-wcp-cssclass="color-block" data-wcp-autoresize="false" data-wcp-layout="block">
</div>
<div id="mode_test">
<h2 class="demoHeaders">ТЕСТ</h2>
</div>
</form>
<script src="jquery-3.2.1.min.js"></script>
<script src="jquery-ui.min.js"></script>
<script src="jquery.wheelcolorpicker-3.0.3.min.js" type="text/javascript"></script>
<link href="jquery.wheelcolorpicker.css" rel="stylesheet" type="text/css">
<style type="text/css">
.color-block {
width: 400px;
height: 250px;
}
</style>
<script>
$( "#slider" ).slider({
value: 10
});
$( "#slider_sp" ).slider({
value: 10
});
$( "#slider_a" ).slider({
value: 0
});
$( "#slider_min_max" ).slider({
range: true,
values: [ 10, 90 ]
});
$( "#controlgroup" ).controlgroup();
$( "#radioset" ).buttonset();
function InitPage()
{
document.getElementById("filt_fade_en").checked = true;
document.getElementById("filt_rainbow_en").checked = true;
document.getElementById("filt_fade_en").click();
document.getElementById("filt_rainbow_en").click();
SelectedMode(255);
}
function SelectedMode(a)
{
if (a == "0")
{
document.getElementById("mode_filters").style.display='block';
document.getElementById("mode_singlecolor").style.display='none';
document.getElementById("mode_test").style.display='none';
}
else if (a == "1")
{
document.getElementById("mode_filters").style.display='none';
document.getElementById("mode_singlecolor").style.display='block';
document.getElementById("mode_test").style.display='none';
}
else if (a == "2")
{
document.getElementById("mode_filters").style.display='none';
document.getElementById("mode_singlecolor").style.display='none';
document.getElementById("mode_test").style.display='block';
}
else
{
document.getElementById("mode_filters").style.display='none';
document.getElementById("mode_singlecolor").style.display='none';
document.getElementById("mode_test").style.display='none';
}
}
function SelectedFilter(a, b)
{
if (b.checked == "0")
{
document.getElementById(a).style.display='none';
}
else
{
document.getElementById(a).style.display='block';
}
}
function NewColor(a)
{
alert(a);
}
</script>
</body>
</html>

View file

@ -1,489 +0,0 @@
<!doctype html>
<html lang="us">
<head>
<meta charset="utf-8">
<title>jQuery UI Example Page</title>
<link href="jquery-ui.min.css" rel="stylesheet">
<style>
body{
font-family: "Trebuchet MS", sans-serif;
margin: 50px;
}
.demoHeaders {
margin-top: 2em;
}
#dialog-link {
padding: .4em 1em .4em 20px;
text-decoration: none;
position: relative;
}
#dialog-link span.ui-icon {
margin: 0 5px 0 0;
position: absolute;
left: .2em;
top: 50%;
margin-top: -8px;
}
#icons {
margin: 0;
padding: 0;
}
#icons li {
margin: 2px;
position: relative;
padding: 4px 0;
cursor: pointer;
float: left;
list-style: none;
}
#icons span.ui-icon {
float: left;
margin: 0 4px;
}
.fakewindowcontain .ui-widget-overlay {
position: absolute;
}
select {
width: 200px;
}
</style>
</head>
<body>
<h1>Welcome to jQuery UI!</h1>
<div class="ui-widget">
<p>This page demonstrates the widgets and theme you selected in Download Builder. Please make sure you are using them with a compatible jQuery version.</p>
</div>
<h1>YOUR COMPONENTS:</h1>
<!-- Button -->
<h2 class="demoHeaders">Button</h2>
<button id="button">A button element</button>
<button id="button-icon">An icon-only button</button>
<!-- Checkboxradio -->
<h2 class="demoHeaders">Checkboxradio</h2>
<form style="margin-top: 1em;">
<div id="radioset">
<input type="radio" id="radio1" name="radio"><label for="radio1">Choice 1</label>
<input type="radio" id="radio2" name="radio" checked="checked"><label for="radio2">Choice 2</label>
<input type="radio" id="radio3" name="radio"><label for="radio3">Choice 3</label>
</div>
</form>
<!-- Controlgroup -->
<h2 class="demoHeaders">Controlgroup</h2>
<fieldset>
<legend>Rental Car</legend>
<div id="controlgroup">
<select id="car-type">
<option>Compact car</option>
<option>Midsize car</option>
<option>Full size car</option>
<option>SUV</option>
<option>Luxury</option>
<option>Truck</option>
<option>Van</option>
</select>
<label for="transmission-standard">Standard</label>
<input type="radio" name="transmission" id="transmission-standard">
<label for="transmission-automatic">Automatic</label>
<input type="radio" name="transmission" id="transmission-automatic">
<label for="insurance">Insurance</label>
<input type="checkbox" name="insurance" id="insurance">
<label for="horizontal-spinner" class="ui-controlgroup-label"># of cars</label>
<input id="horizontal-spinner" class="ui-spinner-input">
<button>Book Now!</button>
</div>
</fieldset>
<h2 class="demoHeaders">Dialog</h2>
<p>
<button id="dialog-link" class="ui-button ui-corner-all ui-widget">
<span class="ui-icon ui-icon-newwin"></span>Open Dialog
</button>
</p>
<h2 class="demoHeaders">Overlay and Shadow Classes</h2>
<div style="position: relative; width: 96%; height: 200px; padding:1% 2%; overflow:hidden;" class="fakewindowcontain">
<p>Lorem ipsum dolor sit amet, Nulla nec tortor. Donec id elit quis purus consectetur consequat. </p><p>Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. Aliquam ante. Suspendisse scelerisque dui nec velit. Duis augue augue, gravida euismod, vulputate ac, facilisis id, sem. Morbi in orci. </p><p>Nulla purus lacus, pulvinar vel, malesuada ac, mattis nec, quam. Nam molestie scelerisque quam. Nullam feugiat cursus lacus.orem ipsum dolor sit amet, consectetur adipiscing elit. Donec libero risus, commodo vitae, pharetra mollis, posuere eu, pede. Nulla nec tortor. Donec id elit quis purus consectetur consequat. </p><p>Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. Aliquam ante. Suspendisse scelerisque dui nec velit. Duis augue augue, gravida euismod, vulputate ac, facilisis id, sem. Morbi in orci. Nulla purus lacus, pulvinar vel, malesuada ac, mattis nec, quam. Nam molestie scelerisque quam. </p><p>Nullam feugiat cursus lacus.orem ipsum dolor sit amet, consectetur adipiscing elit. Donec libero risus, commodo vitae, pharetra mollis, posuere eu, pede. Nulla nec tortor. Donec id elit quis purus consectetur consequat. Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. Aliquam ante. </p><p>Suspendisse scelerisque dui nec velit. Duis augue augue, gravida euismod, vulputate ac, facilisis id, sem. Morbi in orci. Nulla purus lacus, pulvinar vel, malesuada ac, mattis nec, quam. Nam molestie scelerisque quam. Nullam feugiat cursus lacus.orem ipsum dolor sit amet, consectetur adipiscing elit. Donec libero risus, commodo vitae, pharetra mollis, posuere eu, pede. Nulla nec tortor. Donec id elit quis purus consectetur consequat. Nam congue semper tellus. Sed erat dolor, dapibus sit amet, venenatis ornare, ultrices ut, nisi. </p>
<!-- ui-dialog -->
<div class="ui-widget-overlay ui-front"></div>
<div style="position: absolute; width: 320px; left: 50px; top: 30px; padding: 1.2em" class="ui-widget ui-front ui-widget-content ui-corner-all ui-widget-shadow">
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
</div>
</div>
<!-- ui-dialog -->
<div id="dialog" title="Dialog Title">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
<h2 class="demoHeaders">Framework Icons (content color preview)</h2>
<ul id="icons" class="ui-widget ui-helper-clearfix">
<li class="ui-state-default ui-corner-all" title=".ui-icon-caret-1-n"><span class="ui-icon ui-icon-caret-1-n"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-caret-1-ne"><span class="ui-icon ui-icon-caret-1-ne"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-caret-1-e"><span class="ui-icon ui-icon-caret-1-e"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-caret-1-se"><span class="ui-icon ui-icon-caret-1-se"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-caret-1-s"><span class="ui-icon ui-icon-caret-1-s"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-caret-1-sw"><span class="ui-icon ui-icon-caret-1-sw"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-caret-1-w"><span class="ui-icon ui-icon-caret-1-w"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-caret-1-nw"><span class="ui-icon ui-icon-caret-1-nw"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-caret-2-n-s"><span class="ui-icon ui-icon-caret-2-n-s"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-caret-2-e-w"><span class="ui-icon ui-icon-caret-2-e-w"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-n"><span class="ui-icon ui-icon-triangle-1-n"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-ne"><span class="ui-icon ui-icon-triangle-1-ne"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-e"><span class="ui-icon ui-icon-triangle-1-e"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-se"><span class="ui-icon ui-icon-triangle-1-se"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-s"><span class="ui-icon ui-icon-triangle-1-s"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-sw"><span class="ui-icon ui-icon-triangle-1-sw"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-w"><span class="ui-icon ui-icon-triangle-1-w"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-nw"><span class="ui-icon ui-icon-triangle-1-nw"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-2-n-s"><span class="ui-icon ui-icon-triangle-2-n-s"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-2-e-w"><span class="ui-icon ui-icon-triangle-2-e-w"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-n"><span class="ui-icon ui-icon-arrow-1-n"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-ne"><span class="ui-icon ui-icon-arrow-1-ne"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-e"><span class="ui-icon ui-icon-arrow-1-e"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-se"><span class="ui-icon ui-icon-arrow-1-se"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-s"><span class="ui-icon ui-icon-arrow-1-s"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-sw"><span class="ui-icon ui-icon-arrow-1-sw"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-w"><span class="ui-icon ui-icon-arrow-1-w"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-nw"><span class="ui-icon ui-icon-arrow-1-nw"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-2-n-s"><span class="ui-icon ui-icon-arrow-2-n-s"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-2-ne-sw"><span class="ui-icon ui-icon-arrow-2-ne-sw"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-2-e-w"><span class="ui-icon ui-icon-arrow-2-e-w"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-2-se-nw"><span class="ui-icon ui-icon-arrow-2-se-nw"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowstop-1-n"><span class="ui-icon ui-icon-arrowstop-1-n"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowstop-1-e"><span class="ui-icon ui-icon-arrowstop-1-e"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowstop-1-s"><span class="ui-icon ui-icon-arrowstop-1-s"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowstop-1-w"><span class="ui-icon ui-icon-arrowstop-1-w"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-n"><span class="ui-icon ui-icon-arrowthick-1-n"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-ne"><span class="ui-icon ui-icon-arrowthick-1-ne"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-e"><span class="ui-icon ui-icon-arrowthick-1-e"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-se"><span class="ui-icon ui-icon-arrowthick-1-se"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-s"><span class="ui-icon ui-icon-arrowthick-1-s"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-sw"><span class="ui-icon ui-icon-arrowthick-1-sw"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-w"><span class="ui-icon ui-icon-arrowthick-1-w"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-nw"><span class="ui-icon ui-icon-arrowthick-1-nw"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-2-n-s"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-2-ne-sw"><span class="ui-icon ui-icon-arrowthick-2-ne-sw"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-2-e-w"><span class="ui-icon ui-icon-arrowthick-2-e-w"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-2-se-nw"><span class="ui-icon ui-icon-arrowthick-2-se-nw"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthickstop-1-n"><span class="ui-icon ui-icon-arrowthickstop-1-n"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthickstop-1-e"><span class="ui-icon ui-icon-arrowthickstop-1-e"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthickstop-1-s"><span class="ui-icon ui-icon-arrowthickstop-1-s"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthickstop-1-w"><span class="ui-icon ui-icon-arrowthickstop-1-w"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturnthick-1-w"><span class="ui-icon ui-icon-arrowreturnthick-1-w"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturnthick-1-n"><span class="ui-icon ui-icon-arrowreturnthick-1-n"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturnthick-1-e"><span class="ui-icon ui-icon-arrowreturnthick-1-e"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturnthick-1-s"><span class="ui-icon ui-icon-arrowreturnthick-1-s"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturn-1-w"><span class="ui-icon ui-icon-arrowreturn-1-w"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturn-1-n"><span class="ui-icon ui-icon-arrowreturn-1-n"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturn-1-e"><span class="ui-icon ui-icon-arrowreturn-1-e"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturn-1-s"><span class="ui-icon ui-icon-arrowreturn-1-s"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowrefresh-1-w"><span class="ui-icon ui-icon-arrowrefresh-1-w"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowrefresh-1-n"><span class="ui-icon ui-icon-arrowrefresh-1-n"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowrefresh-1-e"><span class="ui-icon ui-icon-arrowrefresh-1-e"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowrefresh-1-s"><span class="ui-icon ui-icon-arrowrefresh-1-s"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-4"><span class="ui-icon ui-icon-arrow-4"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-4-diag"><span class="ui-icon ui-icon-arrow-4-diag"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-extlink"><span class="ui-icon ui-icon-extlink"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-newwin"><span class="ui-icon ui-icon-newwin"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-refresh"><span class="ui-icon ui-icon-refresh"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-shuffle"><span class="ui-icon ui-icon-shuffle"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-transfer-e-w"><span class="ui-icon ui-icon-transfer-e-w"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-transferthick-e-w"><span class="ui-icon ui-icon-transferthick-e-w"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-folder-collapsed"><span class="ui-icon ui-icon-folder-collapsed"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-folder-open"><span class="ui-icon ui-icon-folder-open"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-document"><span class="ui-icon ui-icon-document"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-document-b"><span class="ui-icon ui-icon-document-b"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-note"><span class="ui-icon ui-icon-note"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-mail-closed"><span class="ui-icon ui-icon-mail-closed"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-mail-open"><span class="ui-icon ui-icon-mail-open"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-suitcase"><span class="ui-icon ui-icon-suitcase"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-comment"><span class="ui-icon ui-icon-comment"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-person"><span class="ui-icon ui-icon-person"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-print"><span class="ui-icon ui-icon-print"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-trash"><span class="ui-icon ui-icon-trash"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-locked"><span class="ui-icon ui-icon-locked"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-unlocked"><span class="ui-icon ui-icon-unlocked"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-bookmark"><span class="ui-icon ui-icon-bookmark"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-tag"><span class="ui-icon ui-icon-tag"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-home"><span class="ui-icon ui-icon-home"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-flag"><span class="ui-icon ui-icon-flag"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-calculator"><span class="ui-icon ui-icon-calculator"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-cart"><span class="ui-icon ui-icon-cart"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-pencil"><span class="ui-icon ui-icon-pencil"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-clock"><span class="ui-icon ui-icon-clock"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-disk"><span class="ui-icon ui-icon-disk"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-calendar"><span class="ui-icon ui-icon-calendar"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-zoomin"><span class="ui-icon ui-icon-zoomin"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-zoomout"><span class="ui-icon ui-icon-zoomout"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-search"><span class="ui-icon ui-icon-search"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-wrench"><span class="ui-icon ui-icon-wrench"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-gear"><span class="ui-icon ui-icon-gear"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-heart"><span class="ui-icon ui-icon-heart"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-star"><span class="ui-icon ui-icon-star"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-link"><span class="ui-icon ui-icon-link"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-cancel"><span class="ui-icon ui-icon-cancel"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-plus"><span class="ui-icon ui-icon-plus"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-plusthick"><span class="ui-icon ui-icon-plusthick"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-minus"><span class="ui-icon ui-icon-minus"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-minusthick"><span class="ui-icon ui-icon-minusthick"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-close"><span class="ui-icon ui-icon-close"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-closethick"><span class="ui-icon ui-icon-closethick"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-key"><span class="ui-icon ui-icon-key"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-lightbulb"><span class="ui-icon ui-icon-lightbulb"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-scissors"><span class="ui-icon ui-icon-scissors"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-clipboard"><span class="ui-icon ui-icon-clipboard"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-copy"><span class="ui-icon ui-icon-copy"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-contact"><span class="ui-icon ui-icon-contact"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-image"><span class="ui-icon ui-icon-image"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-video"><span class="ui-icon ui-icon-video"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-script"><span class="ui-icon ui-icon-script"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-alert"><span class="ui-icon ui-icon-alert"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-info"><span class="ui-icon ui-icon-info"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-notice"><span class="ui-icon ui-icon-notice"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-help"><span class="ui-icon ui-icon-help"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-check"><span class="ui-icon ui-icon-check"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-bullet"><span class="ui-icon ui-icon-bullet"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-radio-off"><span class="ui-icon ui-icon-radio-off"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-radio-on"><span class="ui-icon ui-icon-radio-on"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-pin-w"><span class="ui-icon ui-icon-pin-w"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-pin-s"><span class="ui-icon ui-icon-pin-s"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-play"><span class="ui-icon ui-icon-play"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-pause"><span class="ui-icon ui-icon-pause"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-seek-next"><span class="ui-icon ui-icon-seek-next"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-seek-prev"><span class="ui-icon ui-icon-seek-prev"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-seek-end"><span class="ui-icon ui-icon-seek-end"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-seek-first"><span class="ui-icon ui-icon-seek-first"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-stop"><span class="ui-icon ui-icon-stop"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-eject"><span class="ui-icon ui-icon-eject"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-volume-off"><span class="ui-icon ui-icon-volume-off"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-volume-on"><span class="ui-icon ui-icon-volume-on"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-power"><span class="ui-icon ui-icon-power"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-signal-diag"><span class="ui-icon ui-icon-signal-diag"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-signal"><span class="ui-icon ui-icon-signal"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-battery-0"><span class="ui-icon ui-icon-battery-0"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-battery-1"><span class="ui-icon ui-icon-battery-1"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-battery-2"><span class="ui-icon ui-icon-battery-2"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-battery-3"><span class="ui-icon ui-icon-battery-3"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-plus"><span class="ui-icon ui-icon-circle-plus"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-minus"><span class="ui-icon ui-icon-circle-minus"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-close"><span class="ui-icon ui-icon-circle-close"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-triangle-e"><span class="ui-icon ui-icon-circle-triangle-e"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-triangle-s"><span class="ui-icon ui-icon-circle-triangle-s"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-triangle-w"><span class="ui-icon ui-icon-circle-triangle-w"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-triangle-n"><span class="ui-icon ui-icon-circle-triangle-n"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-arrow-e"><span class="ui-icon ui-icon-circle-arrow-e"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-arrow-s"><span class="ui-icon ui-icon-circle-arrow-s"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-arrow-w"><span class="ui-icon ui-icon-circle-arrow-w"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-arrow-n"><span class="ui-icon ui-icon-circle-arrow-n"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-zoomin"><span class="ui-icon ui-icon-circle-zoomin"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-zoomout"><span class="ui-icon ui-icon-circle-zoomout"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-check"><span class="ui-icon ui-icon-circle-check"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-circlesmall-plus"><span class="ui-icon ui-icon-circlesmall-plus"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-circlesmall-minus"><span class="ui-icon ui-icon-circlesmall-minus"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-circlesmall-close"><span class="ui-icon ui-icon-circlesmall-close"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-squaresmall-plus"><span class="ui-icon ui-icon-squaresmall-plus"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-squaresmall-minus"><span class="ui-icon ui-icon-squaresmall-minus"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-squaresmall-close"><span class="ui-icon ui-icon-squaresmall-close"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-grip-dotted-vertical"><span class="ui-icon ui-icon-grip-dotted-vertical"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-grip-dotted-horizontal"><span class="ui-icon ui-icon-grip-dotted-horizontal"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-grip-solid-vertical"><span class="ui-icon ui-icon-grip-solid-vertical"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-grip-solid-horizontal"><span class="ui-icon ui-icon-grip-solid-horizontal"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-gripsmall-diagonal-se"><span class="ui-icon ui-icon-gripsmall-diagonal-se"></span></li>
<li class="ui-state-default ui-corner-all" title=".ui-icon-grip-diagonal-se"><span class="ui-icon ui-icon-grip-diagonal-se"></span></li>
</ul>
<!-- Slider -->
<h2 class="demoHeaders">Slider</h2>
<div id="slider"></div>
<!-- Progressbar -->
<h2 class="demoHeaders">Progressbar</h2>
<div id="progressbar"></div>
<!-- Progressbar -->
<h2 class="demoHeaders">Selectmenu</h2>
<select id="selectmenu">
<option>Slower</option>
<option>Slow</option>
<option selected="selected">Medium</option>
<option>Fast</option>
<option>Faster</option>
</select>
<!-- Spinner -->
<h2 class="demoHeaders">Spinner</h2>
<input id="spinner">
<!-- Menu -->
<h2 class="demoHeaders">Menu</h2>
<ul style="width:100px;" id="menu">
<li><div>Item 1</div></li>
<li><div>Item 2</div></li>
<li><div>Item 3</div>
<ul>
<li><div>Item 3-1</div></li>
<li><div>Item 3-2</div></li>
<li><div>Item 3-3</div></li>
<li><div>Item 3-4</div></li>
<li><div>Item 3-5</div></li>
</ul>
</li>
<li><div>Item 4</div></li>
<li><div>Item 5</div></li>
</ul>
<!-- Tooltip -->
<h2 class="demoHeaders">Tooltip</h2>
<p id="tooltip">
<a href="#" title="That&apos;s what this widget is">Tooltips</a> can be attached to any element. When you hover
the element with your mouse, the title attribute is displayed in a little box next to the element, just like a native tooltip.
</p>
<!-- Highlight / Error -->
<h2 class="demoHeaders">Highlight / Error</h2>
<div class="ui-widget">
<div class="ui-state-highlight ui-corner-all" style="margin-top: 20px; padding: 0 .7em;">
<p><span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span>
<strong>Hey!</strong> Sample ui-state-highlight style.</p>
</div>
</div>
<br>
<div class="ui-widget">
<div class="ui-state-error ui-corner-all" style="padding: 0 .7em;">
<p><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>
<strong>Alert:</strong> Sample ui-state-error style.</p>
</div>
</div>
<script src="jquery-3.2.1.min.js"></script>
<script src="jquery-ui.min.js"></script>
<script>
$( "#button" ).button();
$( "#button-icon" ).button({
icon: "ui-icon-gear",
showLabel: false
});
$( "#radioset" ).buttonset();
$( "#controlgroup" ).controlgroup();
$( "#dialog" ).dialog({
autoOpen: false,
width: 400,
buttons: [
{
text: "Ok",
click: function() {
$( this ).dialog( "close" );
}
},
{
text: "Cancel",
click: function() {
$( this ).dialog( "close" );
}
}
]
});
// Link to open the dialog
$( "#dialog-link" ).click(function( event ) {
$( "#dialog" ).dialog( "open" );
event.preventDefault();
});
$( "#slider" ).slider({
range: true,
values: [ 17, 67 ]
});
$( "#progressbar" ).progressbar({
value: 20
});
$( "#spinner" ).spinner();
$( "#menu" ).menu();
$( "#tooltip" ).tooltip();
$( "#selectmenu" ).selectmenu();
// Hover states on the static widgets
$( "#dialog-link, #icons li" ).hover(
function() {
$( this ).addClass( "ui-state-hover" );
},
function() {
$( this ).removeClass( "ui-state-hover" );
}
);
</script>
</body>
</html>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -1,160 +0,0 @@
/**
* jQuery Wheel Color Picker
* Base Stylesheet
*
* http://www.jar2.net/projects/jquery-wheelcolorpicker
*
* Copyright © 2011-2016 Fajar Chandra. All rights reserved.
* Released under MIT License.
* http://www.opensource.org/licenses/mit-license.php
*
* Note: Width, height, left, and top properties are handled by the
* plugin. These values might change on the fly.
*/
.jQWCP-wWidget {
position: absolute;
width: 250px;
height: 180px;
background: #eee;
box-shadow: 1px 1px 4px rgba(0,0,0,.5);
border-radius: 4px;
border: solid 1px #aaa;
padding: 10px;
z-index: 1001;
}
.jQWCP-wWidget.jQWCP-block {
position: relative;
border-color: #aaa;
box-shadow: inset 1px 1px 1px #ccc;
}
.jQWCP-wWheel {
background-repeat: no-repeat;
background-position: center;
background-size: contain;
position: relative;
float: left;
width: 180px;
height: 180px;
-webkit-border-radius: 90px;
-moz-border-radius: 50%;
border-radius: 50%;
border: solid 1px #aaa;
margin: -1px;
margin-right: 10px;
transition: border .15s;
cursor: crosshair;
}
.jQWCP-wWheel:hover {
border-color: #666;
}
.jQWCP-wWheelOverlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
-webkit-border-radius: 90px;
-moz-border-radius: 50%;
border-radius: 50%;
}
.jQWCP-wWheelCursor {
width: 8px;
height: 8px;
position: absolute;
top: 50%;
left: 50%;
margin: -6px -6px;
cursor: crosshair;
border: solid 2px #fff;
box-shadow: 1px 1px 2px #000;
border-radius: 50%;
}
.jQWCP-slider-wrapper,
.jQWCP-wPreview {
position: relative;
width: 20px;
height: 180px;
float: left;
margin-right: 10px;
}
.jQWCP-wWheel:last-child,
.jQWCP-slider-wrapper:last-child,
.jQWCP-wPreview:last-child {
margin-right: 0;
}
.jQWCP-slider,
.jQWCP-wPreviewBox {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
box-sizing: border-box;
border: solid 1px #aaa;
margin: -1px;
-moz-border-radius: 4px;
border-radius: 4px;
transition: border .15s;
}
.jQWCP-slider {
cursor: crosshair;
}
.jQWCP-slider-wrapper:hover .jQWCP-slider {
border-color: #666;
}
.jQWCP-scursor {
position: absolute;
left: 0;
top: 0;
right: 0;
height: 6px;
margin: -5px -1px -5px -3px;
cursor: crosshair;
border: solid 2px #fff;
box-shadow: 1px 1px 2px #000;
border-radius: 4px;
}
.jQWCP-wAlphaSlider,
.jQWCP-wPreviewBox {
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEVAQEB/f39eaJUuAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QYRBDgK9dKdMgAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAARSURBVAjXY/jPwIAVYRf9DwB+vw/x6vMT1wAAAABJRU5ErkJggg==') center center;
}
.jQWCP-overlay {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1000;
}
/*********************/
/* Mobile layout */
.jQWCP-mobile.jQWCP-wWidget {
position: fixed;
bottom: 0;
left: 0 !important;
top: auto !important;
width: 100%;
height: 75%;
max-height: 240px;
box-sizing: border-box;
border-radius: 0;
}

Binary file not shown.

Binary file not shown.

File diff suppressed because one or more lines are too long

View file

@ -124,20 +124,20 @@ GenerateClassCluster=0
DocumentUniqueId=TBYWGQNE
[Parameter1]
Name=GlobalProjectRevision
Value=0
Name=GlobalOrganizationName
Value=A_D Electronics
[Parameter2]
Name=GlobalProjectNumber
Value=A_D.000000.001
[Parameter3]
Name=GlobalProjectName
Value=Ãëóïàÿ ãèðëÿíäà
[Parameter3]
Name=GlobalProjectNumber
Value=A_D.000000.001
[Parameter4]
Name=GlobalOrganizationName
Value=A_D Electronics
Name=GlobalProjectRevision
Value=0
[Configuration1]
Name=Default Configuration
@ -231,6 +231,96 @@ OutputName6=XSpice Netlist
OutputDocumentPath6=
OutputVariantName6=
OutputDefault6=0
OutputType7=CadnetixNetlist
OutputName7=Cadnetix Netlist
OutputDocumentPath7=
OutputVariantName7=
OutputDefault7=0
OutputType8=CalayNetlist
OutputName8=Calay Netlist
OutputDocumentPath8=
OutputVariantName8=
OutputDefault8=0
OutputType9=EDIF
OutputName9=EDIF for PCB
OutputDocumentPath9=
OutputVariantName9=
OutputDefault9=0
OutputType10=EESofNetlist
OutputName10=EESof Netlist
OutputDocumentPath10=
OutputVariantName10=
OutputDefault10=0
OutputType11=IntergraphNetlist
OutputName11=Intergraph Netlist
OutputDocumentPath11=
OutputVariantName11=
OutputDefault11=0
OutputType12=MentorBoardStationNetlist
OutputName12=Mentor BoardStation Netlist
OutputDocumentPath12=
OutputVariantName12=
OutputDefault12=0
OutputType13=MultiWire
OutputName13=MultiWire
OutputDocumentPath13=
OutputVariantName13=
OutputDefault13=0
OutputType14=OrCadPCB2Netlist
OutputName14=Orcad/PCB2 Netlist
OutputDocumentPath14=
OutputVariantName14=
OutputDefault14=0
OutputType15=Pcad
OutputName15=Pcad for PCB
OutputDocumentPath15=
OutputVariantName15=
OutputDefault15=0
OutputType16=PCADnltNetlist
OutputName16=PCADnlt Netlist
OutputDocumentPath16=
OutputVariantName16=
OutputDefault16=0
OutputType17=Protel2Netlist
OutputName17=Protel2 Netlist
OutputDocumentPath17=
OutputVariantName17=
OutputDefault17=0
OutputType18=ProtelNetlist
OutputName18=Protel
OutputDocumentPath18=
OutputVariantName18=
OutputDefault18=0
OutputType19=RacalNetlist
OutputName19=Racal Netlist
OutputDocumentPath19=
OutputVariantName19=
OutputDefault19=0
OutputType20=RINFNetlist
OutputName20=RINF Netlist
OutputDocumentPath20=
OutputVariantName20=
OutputDefault20=0
OutputType21=SciCardsNetlist
OutputName21=SciCards Netlist
OutputDocumentPath21=
OutputVariantName21=
OutputDefault21=0
OutputType22=TangoNetlist
OutputName22=Tango Netlist
OutputDocumentPath22=
OutputVariantName22=
OutputDefault22=0
OutputType23=TelesisNetlist
OutputName23=Telesis Netlist
OutputDocumentPath23=
OutputVariantName23=
OutputDefault23=0
OutputType24=WireListNetlist
OutputName24=WireList Netlist
OutputDocumentPath24=
OutputVariantName24=
OutputDefault24=0
[OutputGroup2]
Name=Simulator Outputs
@ -260,10 +350,18 @@ TargetPrinter=Virtual Printer
PrinterOptions=Record=PrinterOptions|Copies=1|Duplex=1|TrueTypeOptions=3|Collate=1|PrintJobKind=1|PrintWhat=1
OutputType1=Composite
OutputName1=Composite Drawing
OutputDocumentPath1=
OutputDocumentPath1=C:\Users\Andrew\Vector\USER\A_D\GitHub\RTL00_WEB_WS2812\Hardware\A_D.000000.001.PcbDoc
OutputVariantName1=
OutputDefault1=0
PageOptions1=Record=PageOptions|CenterHorizontal=True|CenterVertical=True|PrintScale=1.00|XCorrection=1.00|YCorrection=1.00|PrintKind=1|BorderSize=5000000|LeftOffset=0|BottomOffset=0|Orientation=2|PaperLength=1000|PaperWidth=1000|Scale=100|PaperSource=7|PrintQuality=-4|MediaType=1|DitherType=10|PrintScaleMode=1|PaperKind=A4|PaperIndex=9
PageOptions1=Record=PageOptions|CenterHorizontal=False|CenterVertical=False|PrintScale=1.00|XCorrection=1.00|YCorrection=1.00|PrintKind=2|BorderSize=5000000|LeftOffset=0|BottomOffset=0|Orientation=1|PaperLength=2970|PaperWidth=2100|Scale=100|PaperSource=7|PrintQuality=600|MediaType=1|DitherType=10|PrintScaleMode=0|PaperKind=A4|PaperIndex=9
Configuration1_Name1=OutputConfigurationParameter1
Configuration1_Item1=DesignatorDisplayMode=Physical|PrintArea=DesignExtent|PrintAreaLowerLeftCornerX=0|PrintAreaLowerLeftCornerY=0|PrintAreaUpperRightCornerX=0|PrintAreaUpperRightCornerY=0|Record=PcbPrintView
Configuration1_Name2=OutputConfigurationParameter2
Configuration1_Item2=IncludeBottomLayerComponents=True|IncludeMultiLayerComponents=True|IncludeTopLayerComponents=True|IncludeViewports=True|Index=0|Mirror=True|Name=Multilayer Composite Print|PadNumberFontSize=14|Record=PcbPrintOut|ShowHoles=False|ShowPadNets=False|ShowPadNumbers=False|SubstituteFonts=False
Configuration1_Name3=OutputConfigurationParameter3
Configuration1_Item3=CArc=Full|CFill=Full|Comment=Full|Coordinate=Full|CPad=Full|CRegion=Full|CText=Full|CTrack=Full|CVia=Full|Designator=Full|Dimension=Full|DLayer1=TopLayer|DLayer2=BottomLayer|FArc=Full|FFill=Full|FPad=Full|FRegion=Full|FText=Full|FTrack=Full|FVia=Full|Layer=TopLayer|Polygon=Full|PrintOutIndex=0|Record=PcbPrintLayer
Configuration1_Name4=OutputConfigurationParameter4
Configuration1_Item4=CArc=Full|CFill=Full|Comment=Full|Coordinate=Full|CPad=Full|CRegion=Full|CText=Full|CTrack=Full|CVia=Full|Designator=Full|Dimension=Full|DLayer1=TopLayer|DLayer2=BottomLayer|FArc=Full|FFill=Full|FPad=Full|FRegion=Full|FText=Full|FTrack=Full|FVia=Full|Layer=Mechanical1|Polygon=Full|PrintOutIndex=0|Record=PcbPrintLayer
OutputType2=PCB 3D Print
OutputName2=PCB 3D Print
OutputDocumentPath2=
@ -785,6 +883,16 @@ OutputName3=AutoCAD dwg/dxf File Schematic
OutputDocumentPath3=
OutputVariantName3=
OutputDefault3=0
OutputType4=ExportIDF
OutputName4=Export IDF
OutputDocumentPath4=
OutputVariantName4=
OutputDefault4=0
OutputType5=NetList Sch
OutputName5=NetList Sch
OutputDocumentPath5=
OutputVariantName5=
OutputDefault5=0
[Modification Levels]
Type1=1

Binary file not shown.

View file

@ -1,4 +1,5 @@
# Глупая гирлянда на RTL-00 и WS2812
Пока ещё не готова к боевым испытаниям.
Так же описание\статья скоро будет ...
Глупая гирлянда с WEB управлением на основе RTL-00 (RTL8710AF) и WS2812. :)
[Описание проекта](https://adelectronics.ru/2017/12/29/rtl-00-ws2812-глупая-гирлянда/)