Browse Source

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

master
Defend 7 years ago
parent
commit
fa2526cc6d
  1. 111
      src/html.h
  2. 2
      src/main.cpp

111
src/html.h

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

2
src/main.cpp

@ -27,7 +27,7 @@ void handleAccelerometer()
bias += getHtml(STYLE, *html_code, arr_size, bias);
bias += getHtml(SCRIPT_BEGIN, *html_code, arr_size, bias);
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 += snprintf((html_code+bias), arr_size - bias, "<br />Current accelerometer: %i", acc);

Loading…
Cancel
Save