API tools faq
paste
Advertisement
anoopmail

Untitled

anoopmail
Apr 12th, 2022
1,482
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
Arduino 33.68 KB | None | 0 0
raw download clone embed print report diff
  1. void WebServer()
  2. {
  3.   WiFiClient client = server.available();                                                                          // Listen for incoming clients
  4.   if (client)
  5.   {                                                                                                                // If a new client connects,
  6.     //Serial.println("New Client.");                                                                               // print a message out in the serial port
  7.     String currentLine = "";                                                                                       // make a String to hold incoming data from the client
  8.     currentTime = millis();
  9.     previousTime = currentTime;
  10.     while (client.connected() && currentTime - previousTime <= timeoutTime)
  11.     {                                                                                                              // loop while the client's connected
  12.       currentTime = millis();        
  13.       if (client.available())
  14.       {                                                                                                            // if there's bytes to read from the client,
  15.         char c = client.read();                                                                                    // read a byte, then
  16.         Serial.write(c);                                                                                           // print it out the serial monitor
  17.         header += c;
  18.         if (c == '\n')
  19.         {                                                                                                          // if the byte is a newline character
  20.                                                                                                                    // if the current line is blank, you got two newline characters in a row.
  21.                                                                                                                    // that's the end of the client HTTP request, so send a response:
  22.           if (currentLine.length() == 0)
  23.           {
  24.             // HTTP headers always start with a response code (e.g. HTTP/1.1 200 OK)
  25.             // and a content-type so the client knows what's coming, then a blank line:
  26.             client.println("HTTP/1.1 200 OK");
  27.             client.println("Content-type:text/html");
  28.             client.println("Connection: close");
  29.             client.println();
  30.  
  31.             // Defing redirections
  32.             if (header.indexOf("GET /forcentp") >= 0)
  33.             {
  34.               NTPtime();
  35.             }
  36.             if (header.indexOf("GET /hred") >= 0)
  37.             {
  38.               colorH = 0xff0000; //
  39.               color_H = "Red";
  40.               Show();
  41.             }
  42.             if (header.indexOf("GET /hgreen") >= 0)
  43.             {
  44.               colorH = 0x00ff00; //
  45.               color_H = "Green";
  46.               Show();
  47.             }
  48.             if (header.indexOf("GET /hblue") >= 0)
  49.             {
  50.               colorH = 0x0000ff;
  51.               color_H = "Blue";
  52.               Show();
  53.             }
  54.             if (header.indexOf("GET /hgreygreen") >= 0)
  55.             {
  56.               colorH = 0x4d6b53; // GreyGreen
  57.               color_H = "GreyGreen";
  58.               Show();
  59.             }
  60.             if (header.indexOf("GET /hgold") >= 0)
  61.             {
  62.               colorH = 0xffd700; // Gold
  63.               color_H = "Gold";
  64.               Show();
  65.             }
  66.  
  67.             if (header.indexOf("GET /kred") >= 0)
  68.             {
  69.               colorK = 0xff0000; //
  70.               color_K = "Red";
  71.               Show();
  72.             }
  73.             if (header.indexOf("GET /kgreen") >= 0)
  74.             {
  75.               colorK = 0x00ff00; //
  76.               color_K = "Green";
  77.               Show();
  78.             }
  79.             if (header.indexOf("GET /kblue") >= 0)
  80.             {
  81.               colorK = 0x0000ff;
  82.               color_K = "Blue";
  83.               Show();
  84.             }
  85.             if (header.indexOf("GET /kgreygreen") >= 0)
  86.             {
  87.               colorK = 0x4d6b53; // GreyGreen
  88.               color_K = "GreyGreen";
  89.               Show();
  90.             }
  91.             if (header.indexOf("GET /kgold") >= 0)
  92.             {
  93.               colorK = 0xffd700; // Gold
  94.               color_K = "Gold";
  95.               Show();
  96.             }
  97.             if (header.indexOf("GET /kwhite") >= 0)
  98.             {
  99.               colorK = 0xffffff; // White
  100.               color_K = "White";
  101.               Show();
  102.             }
  103.            
  104.             if (header.indexOf("GET /mred") >= 0)
  105.             {
  106.               colorM = 0xff0000; //
  107.               color_M = "Red";
  108.               Show();
  109.             }
  110.             if (header.indexOf("GET /mgreen") >= 0)
  111.             {
  112.               colorM = 0x00ff00; //
  113.               color_M = "Green";
  114.               Show();
  115.             }
  116.             if (header.indexOf("GET /mblue") >= 0)
  117.             {
  118.               colorM = 0x0000ff;
  119.               color_M = "Blue";
  120.               Show();
  121.             }
  122.             if (header.indexOf("GET /mgreygreen") >= 0)
  123.             {
  124.               colorM = 0x4d6b53; // GreyGreen
  125.               color_M = "GreyGreen";
  126.               Show();
  127.             }
  128.             if (header.indexOf("GET /mgold") >= 0)
  129.             {
  130.               colorM = 0xffd700; // Gold
  131.               color_M = "Gold";
  132.               Show();
  133.             }
  134.             if (header.indexOf("GET /sred") >= 0)
  135.             {
  136.               colorS = 0xff0000; //
  137.               color_S = "Red";
  138.               Show();
  139.             }
  140.             if (header.indexOf("GET /sgreen") >= 0)
  141.             {
  142.               colorS = 0x00ff00; //
  143.               color_S = "Green";
  144.               Show();
  145.             }
  146.             if (header.indexOf("GET /sblue") >= 0)
  147.             {
  148.               colorS = 0x0000ff;
  149.               color_S = "Blue";
  150.               Show();
  151.             }
  152.             if (header.indexOf("GET /sgreygreen") >= 0)
  153.             {
  154.               colorS = 0x4d6b53; // GreyGreen
  155.               color_S = "GreyGreen";
  156.               Show();
  157.             }
  158.             if (header.indexOf("GET /sgold") >= 0)
  159.             {
  160.               colorS = 0xffd700; // Gold
  161.               color_S = "Gold";
  162.               Show();
  163.             }
  164.             if (header.indexOf("GET /swhite") >= 0)
  165.             {
  166.               colorS = 0xffffff; // White
  167.               color_S = "White";
  168.               Show();
  169.             }
  170.             if (header.indexOf("GET /mwhite") >= 0)
  171.             {
  172.               colorM = 0xffffff; // White
  173.               color_M = "White";
  174.               Show();
  175.             }
  176.             if (header.indexOf("GET /hwhite") >= 0)
  177.             {
  178.               colorH = 0xffffff; // White
  179.               color_H = "White";
  180.               Show();
  181.             }
  182.             if (header.indexOf("GET /seth") >= 0)
  183.             {
  184.               old_mode = clock_mode;
  185.               FastLED.clear();
  186.               clock_mode = 4;
  187.             }
  188.             if (header.indexOf("GET /setm") >= 0)
  189.             {
  190.               old_mode = clock_mode;
  191.               FastLED.clear();
  192.               clock_mode = 5;
  193.             }
  194.             if (header.indexOf("GET /sets") >= 0)
  195.             {
  196.               old_mode = clock_mode;
  197.               FastLED.clear();
  198.               clock_mode = 6;
  199.             }
  200.             if (header.indexOf("GET /done") >=0)
  201.             {
  202.               done();
  203.             }
  204.             if (header.indexOf("GET /watchdog") >= 0)
  205.             {
  206.               feedDog();
  207.             }
  208.             if (header.indexOf("GET /secson") >= 0)
  209.             {
  210.               effectThree();
  211.               old_mode = clock_mode;
  212.               clock_mode = 0;
  213.             }
  214.             if (header.indexOf("GET /blink") >= 0)
  215.             {
  216.               effectThree();
  217.               old_mode = clock_mode;
  218.               clock_mode = 12;
  219.             }
  220.             if (header.indexOf("GET /secsoff") >= 0)
  221.             {
  222.               effectOne();
  223.               old_mode = clock_mode;
  224.               for (int i = 0; i < (sizeof(allSecs)); i++)
  225.               {
  226.                 leds[allSecs[i]] = CRGB::Black;
  227.               }
  228.               clock_mode = 1;
  229.             }
  230.             if (header.indexOf("GET /brplus") >= 0) //
  231.             {
  232.               bright = bright + 5;
  233.               Serial.println(bright);
  234.               FastLED.setBrightness(bright);
  235.             }
  236.             if (header.indexOf("GET /brmin") >= 0) //
  237.             {
  238.               bright = bright - 5;
  239.               Serial.println(bright);
  240.               FastLED.setBrightness(bright);
  241.             }
  242.            
  243.             if (header.indexOf("GET /summer") >= 0)
  244.             {
  245.               dls = 1;
  246.               timeClient.setTimeOffset(7200);                                                                      // Set offset time in seconds to adjust for your timezone, for example: GMT +1 = 3600, GMT -1 = -3600
  247.               NTPtime();
  248.             }
  249.             if (header.indexOf("GET /winter") >= 0)
  250.             {
  251.               dls = 0;
  252.               timeClient.setTimeOffset(3600);                                                                      // Set offset time in seconds to adjust for your timezone, for example: GMT +1 = 3600, GMT -1 = -3600
  253.               NTPtime();
  254.             }
  255.             if (header.indexOf("GET /erroron") >= 0)
  256.             {
  257.               effectThree();
  258.               old_mode = clock_mode;
  259.               clock_mode = 2;
  260.             }
  261.             if (header.indexOf("GET /erroroff") >= 0)
  262.             {
  263.               effectOne();
  264.               /*
  265.               for (int i = 0; i < (sizeof(err)); i++)
  266.               {
  267.                 leds[err[i]] = CRGB::Black;
  268.               }
  269.               */
  270.               clock_mode = old_mode;
  271.               //NTPtime();
  272.             }
  273.             if (header.indexOf("GET /showip") >= 0)
  274.             {
  275.               old_mode = clock_mode;
  276.               counter = 0;
  277.               effectThree();
  278.               //showip();
  279.               clock_mode = 3;
  280.             }
  281.             if (header.indexOf("GET /test") >= 0)
  282.             {
  283.               old_mode = clock_mode;
  284.               effectThree();
  285.               clock_mode = 9;
  286.             }
  287.             /*
  288.             if (header.indexOf("GET /border") >= 0)
  289.             {
  290.               old_mode = clock_mode;
  291.               effectThree();
  292.               clock_mode = 10;
  293.             }
  294.             */
  295.             if (header.indexOf("GET /date") >= 0)
  296.             {
  297.               old_mode = clock_mode;
  298.               effectOne();
  299.               clock_mode = 10;
  300.             }
  301.  
  302.             if (header.indexOf("GET /time") >= 0)
  303.             {
  304.               old_mode = clock_mode;
  305.               effectOne();
  306.               clock_mode = 13;
  307.             }
  308.  
  309.                         if (header.indexOf("GET /nightHr-") >= 0)
  310.             {
  311.               nightHr --;
  312.               if (nightHr < 0)
  313.               {
  314.                 nightHr = 23;
  315.               }
  316.             }
  317.             if (header.indexOf("GET /nightHr+") >= 0)
  318.             {
  319.               nightHr ++;
  320.               if (nightHr > 23)
  321.               {
  322.                 nightHr = 0;
  323.               }
  324.             }
  325.             if (header.indexOf("GET /nightMin-") >= 0)
  326.             {
  327.               nightMin = nightMin - 15;
  328.               if (nightMin <= -1)
  329.               {
  330.                 nightMin = 45;
  331.               }
  332.             }
  333.             if (header.indexOf("GET /nightMin+") >= 0)
  334.             {
  335.               nightMin = nightMin + 15;
  336.               if (nightMin >= 59)
  337.               {
  338.                 nightMin = 0;
  339.               }
  340.             }
  341.  
  342.             if (header.indexOf("GET /dayHr-") >= 0)
  343.             {
  344.               dayHr --;
  345.               if (dayHr < 0)
  346.               {
  347.                 dayHr = 23;
  348.               }
  349.             }
  350.             if (header.indexOf("GET /dayHr+") >= 0)
  351.             {
  352.               dayHr ++;
  353.               if (dayHr > 23)
  354.               {
  355.                 dayHr = 0;
  356.               }
  357.             }
  358.             if (header.indexOf("GET /dayMin-") >= 0)
  359.             {
  360.               dayMin = dayMin - 15;
  361.               if (dayMin <= -1)
  362.               {
  363.                 dayMin = 45;
  364.               }
  365.             }
  366.             if (header.indexOf("GET /dayMin+") >= 0)
  367.             {
  368.               dayMin = dayMin + 15;
  369.               if (dayMin >= 59)
  370.               {
  371.                 dayMin = 0;
  372.               }
  373.             }
  374.            
  375.             if (header.indexOf("GET /hourplus") >= 0)
  376.             {
  377.               h = h + 1;
  378.             }
  379.             if (header.indexOf("GET /hourmin") >= 0)
  380.             {
  381.               h = h - 1;
  382.             }
  383.             if (header.indexOf("GET /minuteplus") >= 0)
  384.             {
  385.               m = m + 1;
  386.             }
  387.             if (header.indexOf("GET /minuteplus") >= 0)
  388.             {
  389.               m = m + 1;
  390.             }
  391.             if (header.indexOf("GET /titleoff") >= 0)
  392.             {
  393.               title = 0;
  394.             }
  395.             if (header.indexOf("GET /titleon") >= 0)
  396.             {
  397.               title = 1;
  398.             }
  399.             // color picker
  400.            
  401.             if (header.indexOf("GET /HOUR?r") >= 0)
  402.             {
  403.               pos1 = header.indexOf('r');
  404.               pos2 = header.indexOf('g');
  405.               pos3 = header.indexOf('b');
  406.               pos4 = header.indexOf('&');
  407.               redString = header.substring(pos1+1, pos2);
  408.               greenString = header.substring(pos2+1, pos3);
  409.               blueString = header.substring(pos3+1, pos4);
  410.               re = redString.toInt();
  411.               gr = greenString.toInt();
  412.               bl = blueString.toInt();
  413.               Serial.print("R: ");
  414.               Serial.println(re, HEX);
  415.               Serial.print("G: ");
  416.               Serial.println(gr, HEX);
  417.               Serial.print("B: ");
  418.               Serial.println(bl, HEX);
  419.               String rgb = String(re, HEX) + String(gr, HEX) + String(bl, HEX);
  420.               Serial.print("rgb: ");
  421.               Serial.println(rgb);
  422.               long RGB = (re << 16) | (gr << 8) | bl;
  423.               Serial.print("RGB: ");
  424.               Serial.println(RGB);
  425.               colorH = RGB;
  426.               Serial.print("colorH: ");
  427.               Serial.println(colorH);
  428.             }
  429.  
  430.             if (header.indexOf("GET /MIN?r") >= 0)
  431.             {
  432.               pos1 = header.indexOf('r');
  433.               pos2 = header.indexOf('g');
  434.               pos3 = header.indexOf('b');
  435.               pos4 = header.indexOf('&');
  436.               redString = header.substring(pos1+1, pos2);
  437.               greenString = header.substring(pos2+1, pos3);
  438.               blueString = header.substring(pos3+1, pos4);
  439.               re = redString.toInt();
  440.               gr = greenString.toInt();
  441.               bl = blueString.toInt();
  442.               Serial.print("R: ");
  443.               Serial.println(re, HEX);
  444.               Serial.print("G: ");
  445.               Serial.println(gr, HEX);
  446.               Serial.print("B: ");
  447.               Serial.println(bl, HEX);
  448.               String rgb = String(re, HEX) + String(gr, HEX) + String(bl, HEX);
  449.               Serial.print("rgb: ");
  450.               Serial.println(rgb);
  451.               long RGB = (re << 16) | (gr << 8) | bl;
  452.               Serial.print("RGB: ");
  453.               Serial.println(RGB);
  454.               colorM = RGB;
  455.               Serial.print("colorM: ");
  456.               Serial.println(colorM);
  457.             }
  458.  
  459.             if (header.indexOf("GET /SEC?r") >= 0)
  460.             {
  461.               pos1 = header.indexOf('r');
  462.               pos2 = header.indexOf('g');
  463.               pos3 = header.indexOf('b');
  464.               pos4 = header.indexOf('&');
  465.               redString = header.substring(pos1+1, pos2);
  466.               greenString = header.substring(pos2+1, pos3);
  467.               blueString = header.substring(pos3+1, pos4);
  468.               re = redString.toInt();
  469.               gr = greenString.toInt();
  470.               bl = blueString.toInt();
  471.               Serial.print("R: ");
  472.               Serial.println(re, HEX);
  473.               Serial.print("G: ");
  474.               Serial.println(gr, HEX);
  475.               Serial.print("B: ");
  476.               Serial.println(bl, HEX);
  477.               String rgb = String(re, HEX) + String(gr, HEX) + String(bl, HEX);
  478.               Serial.print("rgb: ");
  479.               Serial.println(rgb);
  480.               long RGB = (re << 16) | (gr << 8) | bl;
  481.               Serial.print("RGB: ");
  482.               Serial.println(RGB);
  483.               colorS = RGB;
  484.               Serial.print("colorS: ");
  485.               Serial.println(colorS);
  486.             }
  487.            
  488.             // color picker
  489.  
  490.             if(header.indexOf("GET /bright") >= 0)
  491.             {
  492.               pos1 = header.indexOf('t');
  493.               pos2 = header.indexOf('&');
  494.               valueString = header.substring(pos1+1, pos2);
  495.               //Serial.println("Start:");
  496.               //Serial.println(pos1); // -1
  497.               //Serial.println(valueString); // 210
  498.               bright = valueString.toInt();
  499.               FastLED.setBrightness(bright);
  500.               //Serial.println("Done.");
  501.             }  
  502.            
  503.             // Display the HTML web page
  504.             client.println("<!DOCTYPE html><html>");
  505.             client.println("<head><meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">");
  506.             client.println("<link rel=\"icon\" href=\"data:,\">");
  507.             //client.println("<link rel=\"stylesheet\" href=\"https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css\">");
  508.             client.println("<script src=\"https://cdnjs.cloudflare.com/ajax/libs/jscolor/2.0.4/jscolor.min.js\">");
  509.             //client.println("<script src=\"https://cdnjs.cloudflare.com/ajax/libs/jscolor/2.4.8/jscolor.min.js\">");
  510.             client.println("<style><input data-jscolor=\"{position:'top'}\"></style></script>"); //https://jscolor.com/examples/
  511.             // client.println("<style=\"position:absolute; left:280px; top:10px;\"> toHEXString = <span id=\"hex-str\"></span><br /> toRGBString = <span id=\"rgb-str\"></span><br /> R, G, B = <span id=\"rgb\"></span><br /> H, S, V = <span id=\"hsv\"></span>");
  512.             client.println("<style>html { font-family: Helvetica; display: inline-block; margin: 0px auto; text-align: center;}");
  513.             client.println(".button { background-color: #195B6A; border: none; color: white; padding: 10px;");
  514.             client.println("text-decoration: none; font-size: 20px; margin: 2px; cursor: pointer; width: 100px; border-radius: 12px;}");
  515.             client.println(".button2 { background-color: #195B6A; border: none; color: black; padding: 10px;}");
  516.             client.println(".button3 { background-color: #FFFF00; border: none; color: black; padding: 10px;");
  517.             client.println("text-decoration: none; font-size: 20px; margin: 2px; cursor: pointer; height: 40px; width: 100px; border-radius: 12px;}");
  518.             client.println(".button4 { background-color: #0000FF; border: none; color: black; padding: 10px;");
  519.             client.println("text-decoration: none; font-size: 20px; margin: 2px; cursor: pointer; height: 40px; width: 100px; border-radius: 12px;}");
  520.             client.println(".button5 { background-color: #00FF00; border: none; color: black; padding: 10px;");
  521.             client.println("text-decoration: none; font-size: 20px; margin: 2px; cursor: pointer; height: 40px; width: 100px; border-radius: 12px;}");
  522.             client.println(".button6 { background-color: #FF0000; border: none; color: black; padding: 10px;");
  523.             client.println("text-decoration: none; font-size: 20px; margin: 2px; cursor: pointer; height: 40px; width: 100px; border-radius: 12px;}");
  524.             client.println(".button7 { background-color: #FFFFFF; border: none; color: black; padding: 10px;");
  525.             client.println("text-decoration: none; font-size: 20px; margin: 2px; cursor: pointer; height: 40px; width: 100px; border-radius: 12px;}");
  526.             client.println(".button8 { background-color: #F0F3F4; border: none; color: black; padding: 10px;");
  527.             client.println("text-decoration: none; font-size: 20px; margin: 2px; cursor: pointer; height: 40px; width: 100px; border-radius: 12px;}");
  528.             //client.println("<meta http-equiv=\"refresh\" content=\"1\">");
  529.            
  530.            
  531.             client.println("</style></head>");
  532.            
  533.             // Web Page Heading
  534.             client.println("<body style='background-color: #77878A; text-color: yellow'><h1>Clock settings page</h1>");
  535.            
  536.             // Display current settings and clock modes
  537.             client.print("<h2>Time: ");
  538.             client.print(h);
  539.             client.print(":");
  540.             if (m <10)
  541.             {
  542.               client.print("0");
  543.             }
  544.             client.print(m);
  545.             client.print(":");
  546.             if (s <10)
  547.             {
  548.               client.print("0");
  549.             }
  550.             client.print(s);
  551.             client.print(" | ");
  552.             client.print("Date: ");
  553.             client.print(Day);
  554.             client.print("-");
  555.             client.print(Month);
  556.             client.print("-");
  557.             client.print(Year);
  558.  
  559.             client.print("<br>");
  560.             client.print("Dim time: ");
  561.             client.print(nightHr);
  562.             client.print(":");
  563.             if (nightMin < 10)
  564.             {
  565.               client.print("0");
  566.             }
  567.             client.print(nightMin);
  568.  
  569.             client.print(" | Back to normal: ");
  570.             client.print(dayHr);
  571.             client.print(":");
  572.             if (dayMin < 10)
  573.             {
  574.               client.print("0");
  575.             }
  576.             client.print(dayMin);
  577.            
  578.             client.println("</h2>");
  579.             client.print("Uptime: ");
  580.             client.print(uptime::getDays());
  581.             client.print(" days, ");
  582.             client.print(uptime::getHours());
  583.             client.print(" hours, ");
  584.             client.print(uptime::getMinutes());
  585.             client.print(" minutes, Startup reason: ");
  586.             client.println(ESP.getResetReason());
  587.             client.println("<br>");
  588.             client.print("Last NTP update: ");
  589.             client.print(updHour);
  590.             client.print(":");
  591.             if (updMinute < 10)
  592.             {
  593.               client.print("0");
  594.             }
  595.             client.print(updMinute);
  596.             client.print(":");
  597.             if (updSecond < 10)
  598.             {
  599.               client.print("0");
  600.             }
  601.             client.print(updSecond);
  602.            
  603.             client.print(" | Dog last fed at: ");
  604.             client.print(fedH);
  605.             client.print(":");
  606.             if (fedM < 10)
  607.             {
  608.               client.print("0");
  609.             }
  610.             client.print(fedM);
  611.             client.print(":");
  612.             if (fedS < 10)
  613.             {
  614.               client.print("0");
  615.             }client.print(fedS);
  616.             client.print(" / ");
  617.             client.print(fedDD);
  618.             client.print("-");
  619.             client.print(fedMM);
  620.             client.print("-");
  621.             client.println(Year);
  622.            
  623.             client.println("<br><br>");
  624.  
  625.             // Color picker
  626.  
  627.             client.println("<table style=\"width:50%; margin-left:auto; margin-right:auto\">");
  628.             client.println("</table>");
  629.  
  630.             client.println("<br><br>");
  631.  
  632.             // Color picker
  633.  
  634.             client.println("<table style=\"width:50%; margin-left:auto; margin-right:auto\">");
  635.            
  636.             client.println("<tr>");
  637.             /*
  638.             client.println("<td><label for=\"colorpicker\">Hour</label>");
  639.             client.println("<input type=\"color\" id=\"colorpicker\" value=\"#000000\"></td>");
  640.             */
  641.  
  642.             /*
  643.             client.println("<td><input name=\"color\" class=\"color{onImmediateChange:'updateInfo(this);'}\" value=\"000000\" size=\"9\"><input type=\"hidden\" id=\"info-r\" name=\"colorr\"/><input type=\"hidden\" id=\"info-g\" name=\"colorg\"/><input type=\"hidden\" id=\"info-b\" name=\"colorb\"/>");
  644.             client.println("<script type=\"text/javascript\"> function updateInfo(color) {document.getElementById('info-r').value = color.rgb[0];document.getElementById('info-g').value = color.rgb[1]; document.getElementById('info-b').value = color.rgb[2];} </script></td>");
  645.             */
  646.            
  647.             client.println("<td><h2>Colors</h2></td>");
  648.             /*
  649.             client.println("<td><a class =\"button\" href=\"#\" id=\"change_hour\" role=\"button\"></a></td>");
  650.             client.println("<td><input class=\"jscolor\" href=\"#\" id=\"btnPicker\" type=\"button\">Hour</td>");
  651.             client.println("<script>function updateColor(picker) {document.getElementById('rgb').innerHTML = Math.round(picker.rgb[0]) + ', ' + Math.round(picker.rgb[1]) + ', ' + Math.round(picker.rgb[2]);}");
  652.             //client.println("document.getElementById('btnPicker').addEventListener('change', function(e){updateColor(this.jscolor)})</script>");
  653.             client.println("document.getElementById(\"btnPicker\").href=\"HOUR?r\" + Math.round(picker.rgb[0]) + \"g\" +  Math.round(picker.rgb[1]) + \"b\" + Math.round(picker.rgb[2]) + \"&\";}</script>");
  654.             */
  655.            
  656.             client.println("<div class=\"container1\"><div class=\"row\"</div>");
  657.             client.println("<td><a class =\"button\" href=\"#\" id=\"change_hour\" role=\"button\">Hour</a></td>");
  658.             client.println("<td><input class=\"jscolor {onFineChange:'update(this)'}\" id=\"rgbH\"></div></td>");
  659.             client.println("<script>function update1(picker) {document.getElementById('rgbH').innerHTML = Math.round(picker.rgb[0]) + ', ' +  Math.round(picker.rgb[1]) + ', ' + Math.round(picker.rgb[2]);");
  660.             client.println("document.getElementById(\"change_hour\").href=\"HOUR?r\" + Math.round(picker.rgb[0]) + \"g\" +  Math.round(picker.rgb[1]) + \"b\" + Math.round(picker.rgb[2]) + \"&\";}</script>");
  661.            
  662.             client.println("<div class=\"container2\"><div class=\"row2\"</div>");
  663.             client.println("<td><a class =\"button\" href=\"#\" id=\"change_min\" role=\"button\">Min</a></td>");
  664.             client.println("<td><input class=\"jscolor {onFineChange:'update(this)'}\" id=\"rgbM\"></div></td>");
  665.             client.println("<script>function update2(picker1) {document.getElementById('rgbM').innerHTML = Math.round(picker1.rgb[0]) + ', ' +  Math.round(picker1.rgb[1]) + ', ' + Math.round(picker1.rgb[2]);");
  666.             client.println("document.getElementById(\"change_min\").href=\"MIN?r\" + Math.round(picker1.rgb[0]) + \"g\" +  Math.round(picker1.rgb[1]) + \"b\" + Math.round(picker1.rgb[2]) + \"&\";}</script>");
  667.            
  668.             client.println("<div class=\"container3\"><div class=\"row3\"</div>");
  669.             client.println("<td><a class =\"button\" href=\"#\" id=\"change_sec\" role=\"button\">Sec</a></td>");
  670.             client.println("<td><input class=\"jscolor {onFineChange:'update(this)'}\" id=\"rgbS\"></div></td>");
  671.             client.println("<script>function update3(picker2) {document.getElementById('rgbS').innerHTML = Math.round(picker2.rgb[0]) + ', ' +  Math.round(picker2.rgb[1]) + ', ' + Math.round(picker2.rgb[2]);");
  672.             client.println("document.getElementById(\"change_sec\").href=\"SEC?r\" + Math.round(picker2.rgb[0]) + \"g\" +  Math.round(picker2.rgb[1]) + \"b\" + Math.round(picker2.rgb[2]) + \"&\";}</script>");
  673.            
  674.             client.println("</tr>");
  675.  
  676.             client.println("<tr>");
  677.             client.println("<td><h2>Options</h2></td>");
  678.             //client.println("<td><input type=\"radio\" id=\"Summer\" label=\"Summer\" value=\"Summer\" onclick=\"javascript:window.location.href='/summer'; return true;\" /></td>");
  679.            
  680.             if (dls == 0)
  681.             {
  682.               client.println("<td><a href=\"/summer\"><button class=\"button\">Summer</button></a></td>");
  683.             }
  684.             else
  685.             {
  686.             client.println("<td><a href=\"/summer\"><button class=\"button button2\">Summer</button></a></td>");
  687.             }
  688.             if (dls == 1)
  689.             {
  690.               client.println("<td><a href=\"/winter\"><button class=\"button\">Winter</button></a></td>");
  691.             }
  692.             else
  693.             {
  694.             client.println("<td><a href=\"/winter\"><button class=\"button button2\">Winter</button></a></td>");
  695.             }
  696.             client.println("<td><a href=\"/forcentp\"><button class=\"button\">NTP</button></a></td>");
  697.             if (clock_mode == 0)
  698.             {
  699.               client.println("<td><a href=\"/secson\"><button class=\"button button2\">SecsOn</button></a></td>");
  700.             }
  701.             else
  702.             {
  703.               client.println("<td><a href=\"/secson\"><button class=\"button\">SecsOn</button></a></td>");
  704.             }
  705.             if (clock_mode == 1)
  706.             {
  707.               client.println("<td><a href=\"/secsoff\"><button class=\"button button2\">SecsOff</button></a></td>");
  708.             }
  709.             else
  710.             {
  711.               client.println("<td><a href=\"/secsoff\"><button class=\"button\">SecsOff</button></a></td>");
  712.             }
  713.             if (clock_mode == 12)
  714.             {
  715.               client.println("<td><a href=\"/blink\"><button class=\"button button2\">Blink</button></a></td>");
  716.             }
  717.             else
  718.             {
  719.               client.println("<td><a href=\"/blink\"><button class=\"button\">Blink</button></a></td>");
  720.             }
  721.             client.println("</tr>");
  722.            
  723.             client.println("<tr>");
  724.             client.println("<td><a href=\"#\" id=\"change_bright\" class=\"button\">Bright</button></a></td>");
  725.             client.println("<td><input type='range' name=slider1 min='0' max='255' step='5' value=");
  726.             client.println(bright);
  727.             client.println("oninput='showValue1(this.value)'>");
  728.             client.println("<span id='bright'></span></td>");
  729.             client.println("<script>function showValue1(newValue) {document.getElementById('bright').innerHTML = newValue;");
  730.             client.println("document.getElementById(\"change_bright\").href=\"bright\" + newValue + \"&\";}</script>");
  731.             client.print("<td><h2> BR: ");
  732.             client.print(bright);
  733.             client.println("</h2></td>");
  734.             client.println("<td><a href=\"/watchdog\"><button class=\"button\">Watchdog</button></a></td>");
  735.             if (title == 0)
  736.             {
  737.               client.println("<td><a href=\"/titleon\"><button class=\"button\">Title</button></a></td>");
  738.             }
  739.             else
  740.             {
  741.             client.println("<td><a href=\"/titleoff\"><button class=\"button button2\">Title</button></a></td>");
  742.             }
  743.             client.println("<td><a href=\"https://www.spookjuh.nl/woordklok-2022/\"><button class=\"button button2\">Manual</button></a></td>");
  744.             client.println("</tr>");
  745.  
  746.             client.println("</table>");
  747.  
  748.             client.println("<table style=\"width:50%; margin-left:auto; margin-right:auto\">");
  749.  
  750.             client.println("<tr>");
  751.             client.println("<td><h2>Night time</h2></td>");
  752.             client.println("<td><a href=\"/nightHr-\"><button class=\"button\">Hr -</button></a></td>");
  753.             client.println("<td><a href=\"/nightHr+\"><button class=\"button\">Hr +</button></a></td>");
  754.             client.println("<td><a href=\"/nightMin-\"><button class=\"button\">Min -</button></a></td>");
  755.             client.println("<td><a href=\"/nightMin+\"><button class=\"button\">Min +</button></a></td>");
  756.             client.println("</tr>");
  757.  
  758.             client.println("<tr>");
  759.             client.println("<td><h2>Day time</h2></td>");
  760.             client.println("<td><a href=\"/dayHr-\"><button class=\"button\">Hr -</button></a></td>");
  761.             client.println("<td><a href=\"/dayHr+\"><button class=\"button\">Hr +</button></a></td>");
  762.             client.println("<td><a href=\"/dayMin-\"><button class=\"button\">Min -</button></a></td>");
  763.             client.println("<td><a href=\"/dayMin+\"><button class=\"button\">Min +</button></a></td>");
  764.             client.println("</tr>");
  765.            
  766.             client.println("</table>");
  767.            
  768.             client.println("<br>");
  769.             //client.println("<a href=\"/reboot\"><button class=\"button button2\">Reboot</button></a>");
  770.             client.print("<br>");
  771.             client.print("Filename: ");
  772.             client.println(Filename);
  773.             client.print(" | Mem heap: ");
  774.             client.println(ESP.getFreeHeap());
  775.            
  776.             client.println("</body></html>");
  777.            
  778.             // The HTTP response ends with another blank line
  779.             client.println();
  780.             // Break out of the while loop
  781.             break;
  782.           }
  783.           else
  784.           {                                                                                                        // if you got a newline, then clear currentLine
  785.             currentLine = "";
  786.           }
  787.         }
  788.         else if (c != '\r')
  789.         {                                                                                                          // if you got anything else but a carriage return character,
  790.           currentLine += c;                                                                                        // add it to the end of the currentLine
  791.         }
  792.       }
  793.     }
  794.    
  795.     // Clear the header variable
  796.     header = "";
  797.    
  798.     // Close the connection
  799.     client.stop();
  800.     //Serial.println("Client disconnected.");
  801.     //Serial.println("");
  802.   }
  803. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!