You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
75 lines
2.2 KiB
C
75 lines
2.2 KiB
C
/**
|
|
******************************************************************************
|
|
* @file html.h
|
|
* @author Waveshare Team
|
|
* @version V1.0.0
|
|
* @date 23-January-2018
|
|
* @brief This file describes the sending of HTML-page to a client
|
|
*
|
|
******************************************************************************
|
|
*/
|
|
|
|
void sendHtml(WiFiClient client,IPAddress myIP)
|
|
{
|
|
client.print(
|
|
"<!DOCTYPE html>\r\n"
|
|
"<html>\r\n"
|
|
"<head>\r\n"
|
|
"<meta charset='utf-8'>\r\n"
|
|
"<title>PriceTag</title>\r\n"
|
|
"<link rel='icon' href='data:;base64,='>\r\n"
|
|
"<link rel='stylesheet' href='styles.css'>\r\n"
|
|
"<script src='scriptA.js'></script>\r\n"
|
|
"<script src='scriptB.js'></script>\r\n"
|
|
"<script src='scriptC.js'></script>\r\n"
|
|
"<script src='scriptD.js'></script>\r\n"
|
|
"</head>\r\n"
|
|
"<body>\r\n"
|
|
"<div class='header_back'>\r\n"
|
|
"<div class='header_face'></div>\r\n"
|
|
"</div>\r\n"
|
|
"<div class='content_back'>\r\n"
|
|
"<div class='content_face'>\r\n"
|
|
"<table style='width:100%; height:100%' border='0' cellspacing='0'>\r\n"
|
|
"<tr>\r\n"
|
|
"<td class='menu_bar' rowspan='2'>\r\n"
|
|
"<div id='BT'></div>\r\n"
|
|
"<table>\r\n"
|
|
"<tr>\r\n"
|
|
"<td class='comment' colspan='4'><br>Device IP:</td>\r\n"
|
|
"</tr>\r\n"
|
|
"<tr>\r\n"
|
|
"<td colspan=\"4\"><input id=\"ip_addr\" style=\"width:100%;text-align:center\" type=\"text\" value=\"\r\n"
|
|
+ String(myIP[0],DEC)+'.'+String(myIP[1],DEC)+'.'+String(myIP[2],DEC)+'.'+String(myIP[3],DEC)+"\"></td>\r\n"
|
|
"</tr>\r\n"
|
|
"<tr><td class='comment' colspan='4'><br>Bounds:</td></tr>\r\n"
|
|
"<tr id='XY'></tr>\r\n"
|
|
"<tr id='WH'></tr>\r\n"
|
|
"</table>\r\n"
|
|
"<div id='RB'></div>\r\n"
|
|
"</td>\r\n"
|
|
"<td class='content_body'>\r\n"
|
|
"<span class='title'>Original image</span><br>\r\n"
|
|
"<canvas id='source' class='hidden_input'></canvas>\r\n"
|
|
"<div id='srcBox'>\r\n"
|
|
"<div class='imgBox'>\r\n"
|
|
"<div class='mesBox'>Drop image here...</div>\r\n"
|
|
"</div>\r\n"
|
|
"</div>\r\n"
|
|
"</td>\r\n"
|
|
"</tr>\r\n"
|
|
"<tr>\r\n"
|
|
"<td id='dstBox' class='content_body'>\r\n"
|
|
"</td>\r\n"
|
|
"</tr>\r\n"
|
|
"</table>\r\n"
|
|
"</div>\r\n"
|
|
"</div>\r\n"
|
|
"<div class='footer_back'>\r\n"
|
|
"<div class='footer_face' id='logTag'>\r\n"
|
|
"</div>\r\n"
|
|
"</div>\r\n"
|
|
"</body>\r\n"
|
|
"</html>\r\n");
|
|
}
|