elm327_debugger/index.html at main · Tuoris/elm327_debugger · 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
<!DOCTYPE html>
<html lang="uk">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0" />
    <title>ELM 327 Bluetooth додаток</title>
    <meta name="description" content="Перші кроки по комунікації ELM 327 з Web Bluetooth" />
    <link rel="stylesheet" href="style.css" />
    <script
      src="https://cdnjs.cloudflare.com/ajax/libs/i18next/24.2.1/i18next.min.js"
      integrity="sha512-IG0CninltS3ASFOjOdlSGR++diD7at3wksZiICjGklFfI5JVxjxBhmnpb5QAkPrGRimyIWL1FiOF3j5YT6jF4A=="
      crossorigin="anonymous"
      referrerpolicy="no-referrer"
    ></script>
  </head>

  <body>
    <section id="app">
      <h1>ELM 327 Bluetooth додаток <small>ver. 1.7.1</small></h1>

      <pre id="logs"></pre>

      <div class="actionButtons">
        <button id="requestDevice">З'єднатись з ELM 327</button>
        <button id="toggleLogTimestamps" aria-label="Увімкнути/вимкнути мітки часу">🕗</button>
        <button id="copyLogs" aria-label="Скопіювати лог">📋</button>
        <button data-enabled="false" id="repeatCommandSingle" aria-label="Повторити команду">🔂</button>
        <button data-enabled="false" id="repeatCommands" hidden aria-label="Повторити декілька команд">🔁</button>
        <button data-interval="1s" class="repeatInterval" hidden aria-label="Час повторення - 1 секунда">1 c</button>
        <button data-interval="5s" class="repeatInterval" hidden aria-label="Час повторення - 5 секунд">5 c</button>
        <button data-interval="10s" class="repeatInterval" hidden aria-label="Час повторення - 10 секунд">10 c</button>
        <button data-interval="30s" class="repeatInterval" hidden aria-label="Час повторення - 30 секунд">30 c</button>
        <button data-interval="1m" class="repeatInterval" hidden aria-label="Час повторення - 1 хвилина">1 хв</button>
        <button data-interval="5m" class="repeatInterval" hidden aria-label="Час повторення - 5 хвилин">5 хв</button>
        <button data-interval="15m" class="repeatInterval" hidden aria-label="Час повторення - 15 хвилин">15 хв</button>
        <button id="toggleFullscreen" aria-label="Повноекранний режим">⛶</button>
      </div>

      <form id="submitForm">
        <input type="text" name="dataToSent" placeholder="Введіть команду або використайте вбудовані команди нижче" />
        <button type="submit">Надіслати</button>
      </form>
      <div id="commands"></div>
    </section>
  </body>
  <script>
    const APP_LANGUAGE = "uk";
  </script>
  <script src="utils.js"></script>
  <script src="main.js"></script>
  <script src="actions.js"></script>
</html>