3code
/
nodeosci
forked from defend/nodemcu-lab-1
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

Правки, облегчающие отладку HTML части приложения

master
Defend 7 years ago
parent
a757da736e
commit
fa2526cc6d
2 changed files with 56 additions and 57 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 111
      src/html.h
  2. 2
      src/main.cpp

111
src/html.h
View File

@ -10,70 +10,69 @@ enum parts
}; };
const char html_begin[] PROGMEM = { const char html_begin[] PROGMEM = {
"<!DOCTYPE html>\ "<!DOCTYPE html>\n\
<html>"}; <html>\n"};
const char style[] PROGMEM = { const char style[] PROGMEM = {
"<head>\ "<head>\n\
<style>\ <style>\n\
button {\ button {\n\
width: 190px;\ width: 190px;\n\
height: 40px;\ height: 40px;\n\
}\ }\n\
#navs {\ #navs {\n\
height: 40px;\ height: 40px;\n\
width: 400px;\ width: 400px;\n\
position: relative;\ position: relative;\n\
}\ }\n\
footer {\ footer {\n\
height: 5%;\ height: 5%;\n\
text-align: center;\ text-align: center;\n\
width: 100%;\ width: 100%;\n\
margin-top: 100px;\ margin-top: 100px;\n\
}\ }\n\
.clear {\ .clear {\n\
clear: left;\ clear: left;\n\
}\ }\n\
#hbs_text {\ #hbs_text {\n\
text-align: left;\ text-align: left;\n\
width: 400px;\ width: 400px;\n\
text-indent: 20px;\ text-indent: 20px;\n\
}\ }\n\
</style>\ </style>\n\
<meta charset=\"UTF-8\">\ <meta charset=\"UTF-8\">\n\
<meta http-equiv=\"refresh\" content=\"1\">\ <meta http-equiv=\"refresh\" content=\"1\">\n\
</head>\ </head>\n\
<body>\ <body>\n\
\ \n\
<div id=\"main_block\" align=\"center\">\ <div id=\"main_block\" align=\"center\">\n\
<h2>Лабораторная работа</h2>\ <h2>Лабораторная работа</h2>\n\
<h3>Акселерометр ADW22035Z - Cемейство ADXL103</h3>\ <h3>Акселерометр ADW22035Z - Cемейство ADXL103</h3>\n\
<p id=\"hbs_text\">Акселерометр подает на выход данные по одной оси.</p>\ <p id=\"hbs_text\">Акселерометр подает на выход данные по одной оси.</p>\n\
<p id=\"hbs_text\">Частота обновления графика - 1 раз в секунду. Данные с сенсора снимаются\ <p id=\"hbs_text\">Частота обновления графика - 1 раз в секунду. Данные с сенсора снимаются\n\
с частотой в 50Hz. </p>\ с частотой в 50Hz. </p>\n\
<canvas id=\"myCanvas\" width=\"400\" height=\"200\" style=\"border:1px solid #000000;\">\ <canvas id=\"myCanvas\" width=\"400\" height=\"200\" style=\"border:1px solid #000000;\">\n\
Браузер устарел!\ Браузер устарел!\n\
</canvas>\ </canvas>\n"};
"};
const char script_begin[] PROGMEM = { const char script_begin[] PROGMEM = {
"<script>\ "<script>\n\
var c = document.getElementById(\"myCanvas\");\ var c = document.getElementById(\"myCanvas\");\n\
var context = c.getContext(\"2d\");\ var context = c.getContext(\"2d\");\n\
var randomNumbers, randNumsLength;\ var randomNumbers, randNumsLength;\n\
context.moveTo(0, 200);"}; context.moveTo(0, 200);\n"};
const char script_end[] PROGMEM = { const char script_end[] PROGMEM = {
"context.stroke();\ "context.stroke();\n\
</script>"}; </script>\n"};
const char html_end[] PROGMEM = { const char html_end[] PROGMEM = {
"<div class=\"clear\"></div>\ "<div class=\"clear\"></div>\n\
</div>\ </div>\n\
<footer>Тамбовский Государственный Технический Университет 2017 г.\ <footer>Тамбовский Государственный Технический Университет 2017 г.\n\
</footer>\ </footer>\n\
</body>\ </body>\n\
</html>"}; </html>\n"};
static int getHtml(parts p, char &adr, uint16_t buf_size, uint16_t bias) static int getHtml(parts p, char &adr, uint16_t buf_size, uint16_t bias)
{ {

2
src/main.cpp
View File

@ -27,7 +27,7 @@ void handleAccelerometer()
bias += getHtml(STYLE, *html_code, arr_size, bias); bias += getHtml(STYLE, *html_code, arr_size, bias);
bias += getHtml(SCRIPT_BEGIN, *html_code, arr_size, bias); bias += getHtml(SCRIPT_BEGIN, *html_code, arr_size, bias);
for (int i = 0; i != graphAcc.graphSize - 1; i++) { for (int i = 0; i != graphAcc.graphSize - 1; i++) {
bias += snprintf((html_code+bias), arr_size - bias, "context.lineTo(%i*2, %i);", i, graphAcc.graphArray[i]); bias += snprintf((html_code+bias), arr_size - bias, "context.lineTo(%i*2, %i);\n", i, graphAcc.graphArray[i]);
} }
bias += getHtml(SCRIPT_END, *html_code, arr_size, bias); bias += getHtml(SCRIPT_END, *html_code, arr_size, bias);
//bias += snprintf((html_code+bias), arr_size - bias, "<br />Current accelerometer: %i", acc); //bias += snprintf((html_code+bias), arr_size - bias, "<br />Current accelerometer: %i", acc);

Write Preview
Loading…
Cancel
Save