Kwangryeol Park / Mbed OS project_ver3_F

The final project of Embedde class.

Dependencies:   C12832 LM75B ESP-call MMA7660

WEB/WEB.cpp@2:37756b51ccdb, 2021-06-03 (annotated)

Committer:
pkr7098
Date:
Thu Jun 03 07:09:55 2021 +0000
Revision:
2:37756b51ccdb
Parent:
1:ed1c6618f739 
The final project of Embedde class.

Who changed what in which revision?

UserRevisionLine numberNew contents of line
pkr7098 1:ed1c6618f739 1 #include "WEB.h"
pkr7098 1:ed1c6618f739 2
pkr7098 1:ed1c6618f739 3 void webAddTag(const char *tagName, const char *tagMessage)
pkr7098 1:ed1c6618f739 4 {
pkr7098 1:ed1c6618f739 5 PC.printf("%s = %s..\"%s\\r\\n\"\r\n", tagName, tagName, tagMessage);
pkr7098 1:ed1c6618f739 6 ESP_recv_buffer_index = 0;
pkr7098 1:ed1c6618f739 7 ESP.attach(&ISR_ESP_to_recv_buffer, Serial::RxIrq);
pkr7098 1:ed1c6618f739 8
pkr7098 1:ed1c6618f739 9 ESP.printf("%s = %s..\"%s\\r\\n\"\r\n", tagName, tagName, tagMessage);
pkr7098 1:ed1c6618f739 10
pkr7098 1:ed1c6618f739 11 thread_sleep_for((1) * 100);
pkr7098 1:ed1c6618f739 12 ESP.attach(NULL, Serial::RxIrq);
pkr7098 1:ed1c6618f739 13 ESP_recv_buffer[ESP_recv_buffer_index] = '\0';
pkr7098 1:ed1c6618f739 14 PC.printf("%s", ESP_recv_buffer);
pkr7098 1:ed1c6618f739 15 }
pkr7098 1:ed1c6618f739 16
pkr7098 1:ed1c6618f739 17
pkr7098 1:ed1c6618f739 18 void webCreateHtmlDoc(void)
pkr7098 1:ed1c6618f739 19 {
pkr7098 1:ed1c6618f739 20 NodeMCU_PGM htmlTag[] = {
pkr7098 1:ed1c6618f739 21 "htmlTag = \"<!DOCTYPE html>\\r\\n\"", 1,
pkr7098 1:ed1c6618f739 22 "htmlOpenTag = \"<html>\\r\\n\"", 1,
pkr7098 1:ed1c6618f739 23 "headOpenTag = \"<head>\\r\\n\"", 1,
pkr7098 1:ed1c6618f739 24 "styleOpenTag = \"<style>\\r\\n\"", 1,
pkr7098 1:ed1c6618f739 25 "styleTag = \" \"", 1,
pkr7098 1:ed1c6618f739 26 "styleCloseTag = \"</style>\\r\\n\"", 1,
pkr7098 1:ed1c6618f739 27 "headTag = \" \"", 1,
pkr7098 1:ed1c6618f739 28 "headCloseTag = \"</head>\\r\\n\"", 1,
pkr7098 1:ed1c6618f739 29 "bodyOpenTag = \"<body>\\r\\n\"", 1,
pkr7098 1:ed1c6618f739 30 "divOpenTag = \"<div style=\\\"text-align:center\\\">\\r\\n\"", 1,
pkr7098 1:ed1c6618f739 31 "table1OpenTag = \"<table>\\r\\n\"", 1,
pkr7098 1:ed1c6618f739 32 "table1HeadOpenTag = \"<thead>\\r\\n\"", 1,
pkr7098 1:ed1c6618f739 33 "table1HeadRow1Tag = \" \"", 1,
pkr7098 1:ed1c6618f739 34 "table1HeadRow2Tag = \" \"", 1,
pkr7098 1:ed1c6618f739 35 "table1HeadRow3Tag = \" \"", 1,
pkr7098 1:ed1c6618f739 36 "table1HeadCloseTag = \"</thead>\\r\\n\"", 1,
pkr7098 1:ed1c6618f739 37 "table1BodyOpenTag = \"<tbody>\\r\\n\"", 1,
pkr7098 1:ed1c6618f739 38 "table1BodyRow1Tag = \" \"", 1,
pkr7098 1:ed1c6618f739 39 "table1BodyRow2Tag = \" \"", 1,
pkr7098 1:ed1c6618f739 40 "table1BodyRow3Tag = \" \"", 1,
pkr7098 1:ed1c6618f739 41 "table1BodyRow4Tag = \" \"", 1,
pkr7098 1:ed1c6618f739 42 "table1BodyCloseTag = \"</tbody>\\r\\n\"", 1,
pkr7098 1:ed1c6618f739 43 "table1CloseTag = \"<table>\\r\\n\"", 1,
pkr7098 1:ed1c6618f739 44 "brTags = \"<br><br><br><br><br><br><br><br><br>\"", 1,
pkr7098 1:ed1c6618f739 45 "table2OpenTag = \"<table>\\r\\n\"", 1,
pkr7098 1:ed1c6618f739 46 "table2HeadOpenTag = \"<thead>\\r\\n\"", 1,
pkr7098 1:ed1c6618f739 47 "table2HeadRow1Tag = \" \"", 1,
pkr7098 1:ed1c6618f739 48 "table2HeadRow2Tag = \" \"", 1,
pkr7098 1:ed1c6618f739 49 "table2HeadRow3Tag = \" \"", 1,
pkr7098 1:ed1c6618f739 50 "table2HeadCloseTag = \"</thead>\\r\\n\"", 1,
pkr7098 1:ed1c6618f739 51 "table2BodyOpenTag = \"<tbody>\\r\\n\"", 1,
pkr7098 1:ed1c6618f739 52 "table2BodyRow1Tag = \" \"", 1,
pkr7098 1:ed1c6618f739 53 "table2BodyRow2Tag = \" \"", 1,
pkr7098 1:ed1c6618f739 54 "table2BodyRow3Tag = \" \"", 1,
pkr7098 1:ed1c6618f739 55 "table2BodyRow4Tag = \" \"", 1,
pkr7098 1:ed1c6618f739 56 "table2BodyRow5Tag = \" \"", 1,
pkr7098 1:ed1c6618f739 57 "table2BodyCloseTag = \"</tbody>\\r\\n\"", 1,
pkr7098 1:ed1c6618f739 58 "table2CloseTag = \"<table>\\r\\n\"", 1,
pkr7098 1:ed1c6618f739 59 "divCloseTag = \"</div>\\r\\n\"", 1,
pkr7098 1:ed1c6618f739 60 "bodyCloseTag = \"</body>\\r\\n\"", 1,
pkr7098 1:ed1c6618f739 61 "htmlCloseTag = \"</html>\\r\\n\"", 1,
pkr7098 1:ed1c6618f739 62 NULL, 0,
pkr7098 1:ed1c6618f739 63 };
pkr7098 1:ed1c6618f739 64 ESP_call_multi(htmlTag);
pkr7098 1:ed1c6618f739 65 }
pkr7098 1:ed1c6618f739 66
pkr7098 1:ed1c6618f739 67
pkr7098 1:ed1c6618f739 68
pkr7098 1:ed1c6618f739 69
pkr7098 1:ed1c6618f739 70
pkr7098 1:ed1c6618f739 71
pkr7098 1:ed1c6618f739 72
pkr7098 1:ed1c6618f739 73
pkr7098 1:ed1c6618f739 74 void webDisplayWebsite(void)
pkr7098 1:ed1c6618f739 75 {
pkr7098 1:ed1c6618f739 76
pkr7098 1:ed1c6618f739 77
pkr7098 1:ed1c6618f739 78
pkr7098 1:ed1c6618f739 79 webAddTag("headTag", "<title> Embedded Project </title>");
pkr7098 1:ed1c6618f739 80 webAddTag("table1HeadRow1Tag", "<tr>");
pkr7098 1:ed1c6618f739 81 webAddTag("table1HeadRow1Tag", "<th colspan=\\\"3\\\" style=\\\"font-size: 2rem;\\\">Device Information</th>");
pkr7098 1:ed1c6618f739 82 webAddTag("table1HeadRow1Tag", "</tr>");
pkr7098 1:ed1c6618f739 83
pkr7098 1:ed1c6618f739 84 webAddTag("table1HeadRow2Tag", "<tr>");
pkr7098 1:ed1c6618f739 85 webAddTag("table1HeadRow2Tag", "<th colspan=\\\"3\\\">");
pkr7098 1:ed1c6618f739 86 webAddTag("table1HeadRow2Tag", "<hr>");
pkr7098 1:ed1c6618f739 87 webAddTag("table1HeadRow2Tag", "</hr>");
pkr7098 1:ed1c6618f739 88 webAddTag("table1HeadRow2Tag", "</tr>");
pkr7098 1:ed1c6618f739 89 webAddTag("table1HeadRow2Tag", "</tr>");
pkr7098 1:ed1c6618f739 90
pkr7098 1:ed1c6618f739 91 webAddTag("table1HeadRow3Tag", "<tr>");
pkr7098 1:ed1c6618f739 92 webAddTag("table1HeadRow3Tag", "<th>Device</th>");
pkr7098 1:ed1c6618f739 93 webAddTag("table1HeadRow3Tag", "<th>State</th>");
pkr7098 1:ed1c6618f739 94 webAddTag("table1HeadRow3Tag", "<th>Data</th>");
pkr7098 1:ed1c6618f739 95 webAddTag("table1HeadRow3Tag", "</tr>");
pkr7098 1:ed1c6618f739 96
pkr7098 1:ed1c6618f739 97
pkr7098 1:ed1c6618f739 98
pkr7098 1:ed1c6618f739 99
pkr7098 1:ed1c6618f739 100
pkr7098 1:ed1c6618f739 101 webAddTag("table1BodyRow1Tag", "<tr>");
pkr7098 1:ed1c6618f739 102 webAddTag("table1BodyRow1Tag", "<th>Time </th>");
pkr7098 1:ed1c6618f739 103 webAddTag("table1BodyRow1Tag", "<td>%s</td>");
pkr7098 1:ed1c6618f739 104 webAddTag("table1BodyRow1Tag", "<td>%02d:%02d:%02d</td>");
pkr7098 1:ed1c6618f739 105 webAddTag("table1BodyRow1Tag", "</tr>");
pkr7098 1:ed1c6618f739 106
pkr7098 1:ed1c6618f739 107 webAddTag("table1BodyRow2Tag", "<tr>");
pkr7098 1:ed1c6618f739 108 webAddTag("table1BodyRow2Tag", "<th>Alarm </th>");
pkr7098 1:ed1c6618f739 109 webAddTag("table1BodyRow2Tag", "<td>%s</td>");
pkr7098 1:ed1c6618f739 110 webAddTag("table1BodyRow2Tag", "<td>%02d:%02d:%02d</td>");
pkr7098 1:ed1c6618f739 111 webAddTag("table1BodyRow2Tag", "</tr>");
pkr7098 1:ed1c6618f739 112
pkr7098 1:ed1c6618f739 113 webAddTag("table1BodyRow3Tag", "<tr>");
pkr7098 1:ed1c6618f739 114 webAddTag("table1BodyRow3Tag", "<th>Temperature </th>");
pkr7098 1:ed1c6618f739 115 webAddTag("table1BodyRow3Tag", "<td>Enabled</td>");
pkr7098 1:ed1c6618f739 116 webAddTag("table1BodyRow3Tag", "<td>%.2f %s</td>");
pkr7098 1:ed1c6618f739 117 webAddTag("table1BodyRow3Tag", "</tr>");
pkr7098 1:ed1c6618f739 118
pkr7098 1:ed1c6618f739 119 webAddTag("table1BodyRow4Tag", "<tr>");
pkr7098 1:ed1c6618f739 120 webAddTag("table1BodyRow4Tag", "<th>LED </th>");
pkr7098 1:ed1c6618f739 121 webAddTag("table1BodyRow4Tag", "<td>Changed by %s</td>");
pkr7098 1:ed1c6618f739 122 webAddTag("table1BodyRow4Tag", "<td>");
pkr7098 1:ed1c6618f739 123 webAddTag("table1BodyRow4Tag", "<div class=\\\"colorBox\\\" style=\\\"margin-left: auto; margin-right: auto; background: %s;\\\"></div>");
pkr7098 1:ed1c6618f739 124 webAddTag("table1BodyRow4Tag", "</td>");
pkr7098 1:ed1c6618f739 125 webAddTag("table1BodyRow4Tag", "</tr>");
pkr7098 1:ed1c6618f739 126
pkr7098 1:ed1c6618f739 127
pkr7098 1:ed1c6618f739 128
pkr7098 1:ed1c6618f739 129
pkr7098 1:ed1c6618f739 130
pkr7098 1:ed1c6618f739 131
pkr7098 1:ed1c6618f739 132 webAddTag("table2HeadRow1Tag", "<tr>");
pkr7098 1:ed1c6618f739 133 webAddTag("table2HeadRow1Tag", "<th colspan=\\\"4\\\" style=\\\"font-size: 2rem;\\\">Device Change</th>");
pkr7098 1:ed1c6618f739 134 webAddTag("table2HeadRow1Tag", "</tr>");
pkr7098 1:ed1c6618f739 135
pkr7098 1:ed1c6618f739 136 webAddTag("table2HeadRow2Tag", "<tr>");
pkr7098 1:ed1c6618f739 137 webAddTag("table2HeadRow2Tag", "<th colspan=\\\"4\\\">");
pkr7098 1:ed1c6618f739 138 webAddTag("table2HeadRow2Tag", "<hr>");
pkr7098 1:ed1c6618f739 139 webAddTag("table2HeadRow2Tag", "</hr>");
pkr7098 1:ed1c6618f739 140 webAddTag("table2HeadRow2Tag", "</th>");
pkr7098 1:ed1c6618f739 141 webAddTag("table2HeadRow2Tag", "</tr>");
pkr7098 1:ed1c6618f739 142
pkr7098 1:ed1c6618f739 143 webAddTag("table2HeadRow3Tag", "<tr>");
pkr7098 1:ed1c6618f739 144 webAddTag("table2HeadRow3Tag", "<th>Device</th>");
pkr7098 1:ed1c6618f739 145 /* webAddTag("table2HeadRow3Tag", "<th>Enable change</th>");*/
pkr7098 1:ed1c6618f739 146 webAddTag("table2HeadRow3Tag", "<th>New data</th>");
pkr7098 1:ed1c6618f739 147 webAddTag("table2HeadRow3Tag", "<th>Submit</th>");
pkr7098 1:ed1c6618f739 148 webAddTag("table2HeadRow3Tag", "</tr>");
pkr7098 1:ed1c6618f739 149 webAddTag("table2HeadRow3Tag", "<tr>");
pkr7098 1:ed1c6618f739 150
pkr7098 1:ed1c6618f739 151 /* webAddTag("table2BodyRow1Tag", "<tr>");
pkr7098 1:ed1c6618f739 152 webAddTag("table2BodyRow1Tag", "<th>Time</th>");
pkr7098 1:ed1c6618f739 153 webAddTag("table2BodyRow1Tag", "<td>");
pkr7098 1:ed1c6618f739 154 webAddTag("table2BodyRow1Tag", "<label class=\\\"switch\\\">");
pkr7098 1:ed1c6618f739 155 webAddTag("table2BodyRow1Tag", "<input type=\\\"checkbox\\\" name=\\\"MODE_MODIFY_TIME\\\">");
pkr7098 1:ed1c6618f739 156 webAddTag("table2BodyRow1Tag", "<span class=\\\"slider round\\\"></span>");
pkr7098 1:ed1c6618f739 157 webAddTag("table2BodyRow1Tag", "</label>");
pkr7098 1:ed1c6618f739 158 webAddTag("table2BodyRow1Tag", "</td>");
pkr7098 1:ed1c6618f739 159 webAddTag("table2BodyRow1Tag", "<td>");
pkr7098 1:ed1c6618f739 160 webAddTag("table2BodyRow1Tag", "<input type=\\\"text\\\" style=\\\"width:5rem;\\\" id=\\\"ID_NEW_TIME_DATA\\\" name=\\\"NEW_TIME_DATA\\\" placeholder=\\\"12:00:00\\\" pattern=\\\"[0-2]{1}[0-9]{1}:[0-5]{1}[0-9]{1}:[0-5]{1}[0-9]{1}\\\" title=\\\"ex) 00:12:20\\\" required>");
pkr7098 1:ed1c6618f739 161 webAddTag("table2BodyRow1Tag", "</td>");
pkr7098 1:ed1c6618f739 162 webAddTag("table2BodyRow1Tag", "<td><input type=\\\"submit\\\"></input></td>");
pkr7098 1:ed1c6618f739 163 webAddTag("table2BodyRow1Tag", "</tr>");*/
pkr7098 1:ed1c6618f739 164
pkr7098 1:ed1c6618f739 165 /* webAddTag("table2BodyRow2Tag", "<tr>");
pkr7098 1:ed1c6618f739 166 webAddTag("table2BodyRow2Tag", "<tr>");
pkr7098 1:ed1c6618f739 167 webAddTag("table2BodyRow2Tag", "<tr>");
pkr7098 1:ed1c6618f739 168 webAddTag("table2BodyRow2Tag", "<th>Alarm enable</th>");
pkr7098 1:ed1c6618f739 169 webAddTag("table2BodyRow2Tag", "<td>");
pkr7098 1:ed1c6618f739 170 webAddTag("table2BodyRow2Tag", "<label class=\\\"switch\\\">");
pkr7098 1:ed1c6618f739 171 webAddTag("table2BodyRow2Tag", "<input type=\\\"checkbox\\\" name=\\\"MODE_MODIFY_ALARM_STATE\\\"></input>");
pkr7098 1:ed1c6618f739 172 webAddTag("table2BodyRow2Tag", "<span class=\\\"slider round\\\"></span>");
pkr7098 1:ed1c6618f739 173 webAddTag("table2BodyRow2Tag", "</label>");
pkr7098 1:ed1c6618f739 174 webAddTag("table2BodyRow2Tag", "</td>");
pkr7098 1:ed1c6618f739 175 webAddTag("table2BodyRow2Tag", "<td>");
pkr7098 1:ed1c6618f739 176 webAddTag("table2BodyRow2Tag", "<label class=\\\"switch\\\">");
pkr7098 1:ed1c6618f739 177 webAddTag("table2BodyRow2Tag", "<input type=\\\"checkbox\\\" name=\\\"MODE_MODIFY_ALARM_ENABLE_STATE\\\">");
pkr7098 1:ed1c6618f739 178 webAddTag("table2BodyRow2Tag", "<span class=\\\"slider round\\\"></span>");
pkr7098 1:ed1c6618f739 179 webAddTag("table2BodyRow2Tag", "</label>");
pkr7098 1:ed1c6618f739 180 webAddTag("table2BodyRow2Tag", "</td>");
pkr7098 1:ed1c6618f739 181 webAddTag("table2BodyRow2Tag", "<td>");
pkr7098 1:ed1c6618f739 182 webAddTag("table2BodyRow2Tag", "<input type=\\\"submit\\\">");
pkr7098 1:ed1c6618f739 183 webAddTag("table2BodyRow2Tag", "</td>");
pkr7098 1:ed1c6618f739 184 webAddTag("table2BodyRow2Tag", "</tr>");*/
pkr7098 1:ed1c6618f739 185
pkr7098 1:ed1c6618f739 186
pkr7098 1:ed1c6618f739 187 webAddTag("table2BodyRow3Tag", "<tr>");
pkr7098 1:ed1c6618f739 188 webAddTag("table2BodyRow3Tag", "<th>Alarm</th>");
pkr7098 1:ed1c6618f739 189 webAddTag("table2BodyRow3Tag", "<form name=\\\"text\\\" method=\\\"POST\\\">");
pkr7098 1:ed1c6618f739 190 /* webAddTag("table2BodyRow3Tag", "<td>");
pkr7098 1:ed1c6618f739 191 webAddTag("table2BodyRow3Tag", "<label class=\\\"switch\\\">");
pkr7098 1:ed1c6618f739 192 webAddTag("table2BodyRow3Tag", "<input type=\\\"checkbox\\\" name=\\\"MODE_MODIFY_ALARM_TIME\\\">");
pkr7098 1:ed1c6618f739 193 webAddTag("table2BodyRow3Tag", "<span class=\\\"slider round\\\"></span>");
pkr7098 1:ed1c6618f739 194 webAddTag("table2BodyRow3Tag", "</label>");
pkr7098 1:ed1c6618f739 195 webAddTag("table2BodyRow3Tag", "</td>");*/
pkr7098 1:ed1c6618f739 196 webAddTag("table2BodyRow3Tag", "<td>");
pkr7098 1:ed1c6618f739 197 webAddTag("table2BodyRow3Tag", "<input type=\\\"text\\\" style=\\\"width:5rem;\\\" id=\\\"ID_NEW_ALARM\\\" name=\\\"NEW_ALARM_DATA\\\" placeholder=\\\"12:00:00\\\" pattern=\\\"[0-2]{1}[0-9]{1}:[0-5]{1}[0-9]{1}:[0-5]{1}[0-9]{1}\\\" title=\\\"ex) 00:12:20\\\" required>");
pkr7098 1:ed1c6618f739 198 webAddTag("table2BodyRow3Tag", "</td>");
pkr7098 1:ed1c6618f739 199 webAddTag("table2BodyRow3Tag", "<td>");
pkr7098 1:ed1c6618f739 200 webAddTag("table2BodyRow3Tag", "<input type=\\\"submit\\\"></input>");
pkr7098 1:ed1c6618f739 201 webAddTag("table2BodyRow3Tag", "</td>");
pkr7098 1:ed1c6618f739 202 webAddTag("table2BodyRow3Tag", "</form>");
pkr7098 1:ed1c6618f739 203 webAddTag("table2BodyRow3Tag", "</tr>");
pkr7098 1:ed1c6618f739 204
pkr7098 1:ed1c6618f739 205
pkr7098 1:ed1c6618f739 206 /* webAddTag("table2BodyRow4Tag", "<tr>");
pkr7098 1:ed1c6618f739 207 webAddTag("table2BodyRow4Tag", "<th>Temperature unit</th>");
pkr7098 1:ed1c6618f739 208 webAddTag("table2BodyRow4Tag", "<td>");
pkr7098 1:ed1c6618f739 209 webAddTag("table2BodyRow4Tag", "<label class=\\\"switch\\\">");
pkr7098 1:ed1c6618f739 210 webAddTag("table2BodyRow4Tag", "<input type=\\\"checkbox\\\" name=\\\"MODE_MODIFY_TEMPERATURE_UNIT\\\">");
pkr7098 1:ed1c6618f739 211 webAddTag("table2BodyRow4Tag", "<span class=\\\"slider round\\\"></span>");
pkr7098 1:ed1c6618f739 212 webAddTag("table2BodyRow4Tag", "</label>");
pkr7098 1:ed1c6618f739 213 webAddTag("table2BodyRow4Tag", "</td>");
pkr7098 1:ed1c6618f739 214 webAddTag("table2BodyRow4Tag", "<td>");
pkr7098 1:ed1c6618f739 215 webAddTag("table2BodyRow4Tag", "C");
pkr7098 1:ed1c6618f739 216 webAddTag("table2BodyRow4Tag", "<label class=\\\"switch\\\">");
pkr7098 1:ed1c6618f739 217 webAddTag("table2BodyRow4Tag", "<input type=\\\"checkbox\\\" name=\\\"TEMPERATURE_UNIT\\\">");
pkr7098 1:ed1c6618f739 218 webAddTag("table2BodyRow4Tag", "<span class=\\\"slider round\\\"></span>");
pkr7098 1:ed1c6618f739 219 webAddTag("table2BodyRow4Tag", "</label>");
pkr7098 1:ed1c6618f739 220 webAddTag("table2BodyRow4Tag", "F");
pkr7098 1:ed1c6618f739 221 webAddTag("table2BodyRow4Tag", "</td>");
pkr7098 1:ed1c6618f739 222 webAddTag("table2BodyRow4Tag", "<td><input type=\\\"submit\\\"></input></td>");
pkr7098 1:ed1c6618f739 223 webAddTag("table2BodyRow4Tag", "</tr>");*/
pkr7098 1:ed1c6618f739 224
pkr7098 1:ed1c6618f739 225 /* webAddTag("table2BodyRow5Tag", "<tr>");
pkr7098 1:ed1c6618f739 226 webAddTag("table2BodyRow5Tag", "<th>LED color</th>");
pkr7098 1:ed1c6618f739 227 webAddTag("table2BodyRow5Tag", "<td>");
pkr7098 1:ed1c6618f739 228 webAddTag("table2BodyRow5Tag", "<label class=\\\"switch\\\">");
pkr7098 1:ed1c6618f739 229 webAddTag("table2BodyRow5Tag", "<input type=\\\"checkbox\\\" name=\\\"MODE_MODIFY_LED_COLOR\\\">");
pkr7098 1:ed1c6618f739 230 webAddTag("table2BodyRow5Tag", "<span class=\\\"slider round\\\"></span>");
pkr7098 1:ed1c6618f739 231 webAddTag("table2BodyRow5Tag", "</label>");
pkr7098 1:ed1c6618f739 232 webAddTag("table2BodyRow5Tag", "</td>");
pkr7098 1:ed1c6618f739 233 webAddTag("table2BodyRow5Tag", "<td>");
pkr7098 1:ed1c6618f739 234 webAddTag("table2BodyRow5Tag", "<select name=\\\"LED_COLOR\\\">");
pkr7098 1:ed1c6618f739 235 webAddTag("table2BodyRow5Tag", "<option value=\\\"0\\\" selected>Black</option>");
pkr7098 1:ed1c6618f739 236 webAddTag("table2BodyRow5Tag", "<option value=\\\"1\\\">Red</option>");
pkr7098 1:ed1c6618f739 237 webAddTag("table2BodyRow5Tag", "<option value=\\\"2\\\">Green</option>");
pkr7098 1:ed1c6618f739 238 webAddTag("table2BodyRow5Tag", "<option value=\\\"3\\\">Blue</option>");
pkr7098 1:ed1c6618f739 239 webAddTag("table2BodyRow5Tag", "<option value=\\\"4\\\">Yellow</option>");
pkr7098 1:ed1c6618f739 240 webAddTag("table2BodyRow5Tag", "<option value=\\\"5\\\">Turquoise</option>");
pkr7098 1:ed1c6618f739 241 webAddTag("table2BodyRow5Tag", "<option value=\\\"6\\\">Purple</option>");
pkr7098 1:ed1c6618f739 242 webAddTag("table2BodyRow5Tag", "<option value=\\\"7\\\">White</option>");
pkr7098 1:ed1c6618f739 243 webAddTag("table2BodyRow5Tag", "</select>");
pkr7098 1:ed1c6618f739 244 webAddTag("table2BodyRow5Tag", "</td>");
pkr7098 1:ed1c6618f739 245 webAddTag("table2BodyRow5Tag", "<td><input type=\\\"submit\\\"></input></td>");
pkr7098 1:ed1c6618f739 246 webAddTag("table2BodyRow5Tag", "</tr>");*/
pkr7098 1:ed1c6618f739 247
pkr7098 1:ed1c6618f739 248
pkr7098 1:ed1c6618f739 249
pkr7098 1:ed1c6618f739 250 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
pkr7098 1:ed1c6618f739 251 webAddTag("styleTag","body {");
pkr7098 1:ed1c6618f739 252 webAddTag("styleTag"," width: 70%;");
pkr7098 1:ed1c6618f739 253 webAddTag("styleTag"," margin-left: auto;");
pkr7098 1:ed1c6618f739 254 webAddTag("styleTag", " margin-right: auto;");
pkr7098 1:ed1c6618f739 255 webAddTag("styleTag", "}");
pkr7098 1:ed1c6618f739 256
pkr7098 1:ed1c6618f739 257 /*webAddTag("styleTag", ".title-hr {");
pkr7098 1:ed1c6618f739 258 webAddTag("styleTag", " border-top: 0.05em solid rgb(180,180,180);");
pkr7098 1:ed1c6618f739 259 webAddTag("styleTag", " line-height: 1em;");
pkr7098 1:ed1c6618f739 260 webAddTag("styleTag", " position: relative; ");
pkr7098 1:ed1c6618f739 261 webAddTag("styleTag", " text-align: center; ");
pkr7098 1:ed1c6618f739 262 webAddTag("styleTag", " color: black; ");
pkr7098 1:ed1c6618f739 263 webAddTag("styleTag", "}");*/
pkr7098 1:ed1c6618f739 264
pkr7098 1:ed1c6618f739 265 /*webAddTag("styleTag", ".switch {");
pkr7098 1:ed1c6618f739 266 webAddTag("styleTag", " position: relative;");
pkr7098 1:ed1c6618f739 267 webAddTag("styleTag", " display: inline-block; ");
pkr7098 1:ed1c6618f739 268 webAddTag("styleTag", " width: 50px;");
pkr7098 1:ed1c6618f739 269 webAddTag("styleTag", " height: 26px; ");
pkr7098 1:ed1c6618f739 270 webAddTag("styleTag", "}");
pkr7098 1:ed1c6618f739 271 webAddTag("styleTag", ".switch input {");
pkr7098 1:ed1c6618f739 272 webAddTag("styleTag", " opacity: 0;");
pkr7098 1:ed1c6618f739 273 webAddTag("styleTag", " width: 0; ");
pkr7098 1:ed1c6618f739 274 webAddTag("styleTag", " height: 0;");
pkr7098 1:ed1c6618f739 275 webAddTag("styleTag", "}");*/
pkr7098 1:ed1c6618f739 276
pkr7098 1:ed1c6618f739 277 /*webAddTag("styleTag", ".slider {");
pkr7098 1:ed1c6618f739 278 webAddTag("styleTag", " position: absolute;");
pkr7098 1:ed1c6618f739 279 webAddTag("styleTag", " cursor: pointer; ");
pkr7098 1:ed1c6618f739 280 webAddTag("styleTag", " top: 0;");
pkr7098 1:ed1c6618f739 281 webAddTag("styleTag", " left: 0; ");
pkr7098 1:ed1c6618f739 282 webAddTag("styleTag", " right: 0;");
pkr7098 1:ed1c6618f739 283 webAddTag("styleTag", " bottom: 0; ");
pkr7098 1:ed1c6618f739 284 webAddTag("styleTag", " background-color: rgb(180,180,180);");
pkr7098 1:ed1c6618f739 285 webAddTag("styleTag", " -webkit-transition: .4s; ");
pkr7098 1:ed1c6618f739 286 webAddTag("styleTag", " transition: .4s;");
pkr7098 1:ed1c6618f739 287 webAddTag("styleTag", "}");
pkr7098 1:ed1c6618f739 288
pkr7098 1:ed1c6618f739 289 webAddTag("styleTag", ".slider:before {");
pkr7098 1:ed1c6618f739 290 webAddTag("styleTag", " position: absolute;");
pkr7098 1:ed1c6618f739 291 webAddTag("styleTag", " content: \\\"\\\";");
pkr7098 1:ed1c6618f739 292 webAddTag("styleTag", " height: 18px; ");
pkr7098 1:ed1c6618f739 293 webAddTag("styleTag", " width: 18px;");
pkr7098 1:ed1c6618f739 294 webAddTag("styleTag", " left: 4px; ");
pkr7098 1:ed1c6618f739 295 webAddTag("styleTag", " bottom: 4px;");
pkr7098 1:ed1c6618f739 296 webAddTag("styleTag", " background-color: white; ");
pkr7098 1:ed1c6618f739 297 webAddTag("styleTag", " -webkit-transition: .4s;");
pkr7098 1:ed1c6618f739 298 webAddTag("styleTag", " transition: .4s; ");
pkr7098 1:ed1c6618f739 299 webAddTag("styleTag", "}");
pkr7098 1:ed1c6618f739 300
pkr7098 1:ed1c6618f739 301 webAddTag("styleTag", "input:checked+.slider {");
pkr7098 1:ed1c6618f739 302 webAddTag("styleTag", " background-color: rgb(21, 150, 255);");
pkr7098 1:ed1c6618f739 303 webAddTag("styleTag", "}");
pkr7098 1:ed1c6618f739 304
pkr7098 1:ed1c6618f739 305 webAddTag("styleTag", "input:focus+.slider {");
pkr7098 1:ed1c6618f739 306 webAddTag("styleTag", " box-shadow: 0 0 1px rgb(21, 150, 255);");
pkr7098 1:ed1c6618f739 307 webAddTag("styleTag", "}");
pkr7098 1:ed1c6618f739 308
pkr7098 1:ed1c6618f739 309 webAddTag("styleTag", "input:checked+.slider:before {");
pkr7098 1:ed1c6618f739 310 webAddTag("styleTag", " -webkit-transform: translateX(24px);");
pkr7098 1:ed1c6618f739 311 webAddTag("styleTag", " -ms-transform: translateX(24px); ");
pkr7098 1:ed1c6618f739 312 webAddTag("styleTag", " transform: translateX(24px);");
pkr7098 1:ed1c6618f739 313 webAddTag("styleTag", "}");
pkr7098 1:ed1c6618f739 314
pkr7098 1:ed1c6618f739 315 webAddTag("styleTag", ".slider.round {");
pkr7098 1:ed1c6618f739 316 webAddTag("styleTag", " border-radius: 34px;");
pkr7098 1:ed1c6618f739 317 webAddTag("styleTag", "}");
pkr7098 1:ed1c6618f739 318
pkr7098 1:ed1c6618f739 319 webAddTag("styleTag", ".slider.round:before {");
pkr7098 1:ed1c6618f739 320 webAddTag("styleTag", " border-radius: 50%; ");
pkr7098 1:ed1c6618f739 321 webAddTag("styleTag", "}");*/
pkr7098 1:ed1c6618f739 322
pkr7098 1:ed1c6618f739 323 /* webAddTag("styleTag", "table {");
pkr7098 1:ed1c6618f739 324 webAddTag("styleTag", " margin-left: auto;");
pkr7098 1:ed1c6618f739 325 webAddTag("styleTag", " margin-right: auto; ");
pkr7098 1:ed1c6618f739 326 webAddTag("styleTag", " width: 75%;");
pkr7098 1:ed1c6618f739 327 webAddTag("styleTag", "}");
pkr7098 1:ed1c6618f739 328
pkr7098 1:ed1c6618f739 329 webAddTag("styleTag", "table th {");
pkr7098 1:ed1c6618f739 330 webAddTag("styleTag", " height: 35px;");
pkr7098 1:ed1c6618f739 331 webAddTag("styleTag", " color: rgb(0, 0, 0);");
pkr7098 1:ed1c6618f739 332 webAddTag("styleTag", " text-align: center;");
pkr7098 1:ed1c6618f739 333 webAddTag("styleTag", " font-weight: bold; ");
pkr7098 1:ed1c6618f739 334 webAddTag("styleTag", " font-size: 1rem;");
pkr7098 1:ed1c6618f739 335 webAddTag("styleTag", "}");
pkr7098 1:ed1c6618f739 336
pkr7098 1:ed1c6618f739 337 webAddTag("styleTag", "table td {");
pkr7098 1:ed1c6618f739 338 webAddTag("styleTag", " height: 35px;");
pkr7098 1:ed1c6618f739 339 webAddTag("styleTag", " color: rgb(6, 6, 6);");
pkr7098 1:ed1c6618f739 340 webAddTag("styleTag", " text-align: center;");
pkr7098 1:ed1c6618f739 341 webAddTag("styleTag", " font-weight: bold; ");
pkr7098 1:ed1c6618f739 342 webAddTag("styleTag", " font-size: 1rem;");
pkr7098 1:ed1c6618f739 343 webAddTag("styleTag", "}");*/
pkr7098 1:ed1c6618f739 344
pkr7098 1:ed1c6618f739 345 webAddTag("styleTag", ".colorBox {");
pkr7098 1:ed1c6618f739 346 webAddTag("styleTag", " float: left;");
pkr7098 1:ed1c6618f739 347 webAddTag("styleTag", " width: 100%; ");
pkr7098 1:ed1c6618f739 348 webAddTag("styleTag", " height: 1rem;");
pkr7098 1:ed1c6618f739 349 webAddTag("styleTag", " border: 1px;");
pkr7098 1:ed1c6618f739 350 webAddTag("styleTag", " solid rgba(0, 0, 0, .2);");
pkr7098 1:ed1c6618f739 351 webAddTag("styleTag", "}");
pkr7098 1:ed1c6618f739 352 }