wondercrm.github.io/index.html at main · WonderCRM/wondercrm.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<!DOCTYPE html>
<html lang="ru">
	<head>
		<title>WiFi-CLOCK Web installer</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta name="theme-color" content="#222222">
		<meta name="description" content="WiFi Часы, погода, датчики (температуры, влажности, давления, CO2) на esp32 и esp8266 c использованием матрицы MAX7219">
		<link rel="shortcut icon" href="data:image/x-icon;base64,AAABAAEAEBAAAAEAIABiAgAAFgAAAIlQTkcNChoKAAAADUlIRFIAAAAQAAAAEAgGAAAAH/P/YQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAhRJREFUOI2Vk71rk1EUxn/nvjep+bBpiCR+URMS1EklqNWpkwg6dFKof4BVFIS6KHQQwVEUjLtSUBdxUgcHcetUsURbyCASTI21MbFJ89H3zXXImy9c6jOde7jPcx+ec49w9yUDeAJmFcPtwM4xHNueazVqQdGeW23HxhgzC0wCU12CBkAAA9Sax/DqAJZQq20gSp8wth3EcUAUQBIhjQjDAm1AeLg3FjpYKFXjlOs5lBiDRBBRYL6493ejxM+o/xnGXOoKzFNvJcOR4Ons1TOs1Zo+EULStdV5bQxLUaxs8uJznsz75WkC3jgiqxpYwWuVq782kuVGKzoe8jO/kMP4vfSNgqk2mT6V4kgsROZdtoYxi4iUNHAPbbFV3jxebdnRp0vfuHL/NewPM4RCmXz7LDcmUmCpdeB6PwNjwFIoEUIjHtgXhmhoWAAh4vPSsB3cyHshPgbiwGG2jxjwBvih/oM0iCEH19x6AZjYpsAacK4r0INPW1SaW/D997+UQpn1eosd2gL6A9LAHBDDaSdsY5hJJ/DcPA/BkWGBaoMLJ1Od2mmHgQxQ0sAhRJKM6OidD8vMpBNMHj0AnbT70IqlYoXn2TxoK4hIGihIb5mUPOBP/TJOuwUU3aD2uC7zru1dKAkw6n/V/coytI2GjxiTAy66nbd0RpZ2z48QphAZH8ygD+ETIoWBzgrwc+D8FVgcpPwFgiKwhP13NwcAAAAASUVORK5CYII="/>
		<link rel="stylesheet" href="./css/style.css">
  </head>
  <body>
		<div id="dclock"></div>
    <div class="content">
			<div class="hh">
				<h1>WiFi-CLOCK</h1>
				<h3>ВЕБ УСТАНОВЩИК</h3>
			</div>
			<ol>
				<li>Выберите версию прощивки;</li>
				<li>Подключите плату ESP к USB-порту;</li>
				<li>Нажмите кнопку «Установить»;</li>
				<li id="coms">В появившемся окне выберите COM-порт подключенной платы;<a class="comsHelp" data-tooltip="Не отображается нужный COM порт?">&#xe800;</a>
					<div class="coms hide">
						<p>Возможно, вам не хватает драйверов для вашей платы.</p>
						<p>Драйверы для чипов, обычно используемых в платах ESP:</p>
						<div class="drv">
							<a href="./drivers/CH340G.rar" target="_blank">CH340G</a> |
							<a href="./drivers/CH9102x.rar" target="_blank">CH9102x</a> |
							<a href="./drivers/CP210x.rar" target="_blank">CP210x</a> |
							<a href="./drivers/PL2303.rar" target="_blank">PL2303</a>
						</div>
						<p>Так же убедитесь, что используемый USB-кабель исправен.</p>
					</div>
				</li>
				<li>Нажмите кноку «Подключиться»</li>
				<li>Затем в «Панели управления» 2 раза нажмите «Установить WiFi-CLOCK x»</li>
			</ol>

			<div class="radios">
				<li><label><input type="radio" name="type" value="32" /> ESP32 - WI-FI CLOCK<span id="esp32"></span></label><a class="comsDwl" href="https://github.com/WonderCRM/wondercrm.github.io/tree/main/fw/32" target="_blank"></a></li>
				<li><label><input type="radio" name="type" value="8266" /> ESP8266 - WI-FI CLOCK<span id="esp8266"></span></label><a class="comsDwl" href="https://github.com/WonderCRM/wondercrm.github.io/tree/main/fw/8266" target="_blank"></a></li>
				<p class="button-row" align="center">
					<esp-web-install-button class="invisible"></esp-web-install-button>
				</p>
			</div>
		</div>

		<div class="footer">
			<div>
				<a href="https://github.com/WonderCRM/wondercrm.github.io/raw/main/Инструкция8266.pdf" target="_blank">Инструкция 8266</a> |
				<a href="https://github.com/WonderCRM/wondercrm.github.io/raw/main/Инструкция32.pdf" target="_blank">Инструкция 32</a>
			</div>
			<div>
				<a href="https://t.me/s/CRMdevelop" target="_blank">Telegram</a>
			</div>
		</div>

    <script>
			function clock() {
				var now = new Date(),
						secs = ('0' + now.getSeconds()).slice(-2),
						mins = ('0' + now.getMinutes()).slice(-2),
						hr = now.getHours(),
						dd = (secs % 2 == 0 ? ":" : " ");
				document.getElementById("dclock").innerHTML = hr + dd + mins + dd + secs;
				setTimeout(()=> requestAnimationFrame(clock), 1000);
			}
			requestAnimationFrame(clock);

      document.querySelectorAll('input[name="type"]').forEach(radio =>
        radio.addEventListener("change", () => {
          const button = document.querySelector('esp-web-install-button');
          button.manifest = `./manifest_${radio.value}.json`;
          button.classList.remove('invisible');
        }
      ));

      document.getElementsByClassName("comsHelp")[0].addEventListener("click", () => {
          document.getElementsByClassName('coms')[0].classList.remove('hide');
					document.getElementsByClassName("comsHelp")[0].classList.add('hide');
        }
      );

			function getVer(board) {
				var xhr = new XMLHttpRequest();
				xhr.open('GET', `./manifest_${board}.json`, true);
				xhr.onload = function() {
					try {
						var obj = JSON.parse(xhr.responseText);
						document.getElementById(`esp${board}`).innerHTML = obj.version;
					} catch (e) {
						console.log(`GET request error for ESP${board} board software version`);
					}
				}
				xhr.send(null);
			}

			getVer("32");
			getVer("8266");
    </script>
		<script type="module" src="./js/install-button.js"></script>
  </body>
</html>