ZwiftLogAnalyzer/index.html at main · matandoocorpo/ZwiftLogAnalyzer · 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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Simple Zwift Log Analyzer</title>
    <!-- Required meta tags -->
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, shrink-to-fit=no"
    />
    <link
      rel="stylesheet"
      type="text/css"
      href="https://fonts.googleapis.com/css?family=Ubuntu"
    />

    <link rel="stylesheer" href="styles.css" />
    <script src='functions.js'></script>
    <script
      src="https://cdnjs.cloudflare.com/ajax/libs/echarts/5.2.2/theme/dark.min.js"
      integrity="sha512-AWm1gUw5vg8G8eVtZGXLySa9WpCDfZFut0YzGxhcjqYUXwKbM1rzJVzkDt9JXlOOO2ECKEmw1WOIJpRXJu9LiQ=="
      crossorigin="anonymous"
      referrerpolicy="no-referrer"
    ></script>
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/bootswatch@4.5.2/dist/darkly/bootstrap.min.css"
      integrity="sha384-nNK9n28pDUDDgIiIqZ/MiyO3F4/9vsMtReZK39klb/MtkZI3/LtjSjlmyVPS3KdN"
      crossorigin="anonymous"
    />
    <script
      src="https://cdnjs.cloudflare.com/ajax/libs/echarts/5.2.2/echarts.min.js"
      integrity="sha512-ivdGNkeO+FTZH5ZoVC4gS4ovGSiWc+6v60/hvHkccaMN2BXchfKdvEZtviy5L4xSpF8NPsfS0EVNSGf+EsUdxA=="
      crossorigin="anonymous"
      referrerpolicy="no-referrer"
    ></script>
    <script
      src="https://cdnjs.cloudflare.com/ajax/libs/echarts/5.2.2/echarts.common.min.js"
      integrity="sha512-yW/fyb+c/Wvp5o1p7L20p3WbZI+ziiSj2Is9tJfqUtEE7099oXxVHFaa92oHLgXiJXCYMeFDKPTseP2PMaHckA=="
      crossorigin="anonymous"
      referrerpolicy="no-referrer"
    ></script>
    <script
      src="https://cdnjs.cloudflare.com/ajax/libs/echarts/5.2.2/i18n/langES-obj.min.js"
      integrity="sha512-uCX5095ZMlfHnnymRsknBVuWmNHX32hSuzcGRYpIoYvXTlTa11A+e1D3K6U+mXTNSP9plMWV5NtTSHBpXGtHJA=="
      crossorigin="anonymous"
      referrerpolicy="no-referrer"
    ></script>
    <link
      rel="stylesheet"
      href="https://use.fontawesome.com/releases/v5.7.0/css/all.css"
      integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ"
      crossorigin="anonymous"
    />
    <script
      src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
      integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
      crossorigin="anonymous"
    ></script>
    <script
      src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
      integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
      crossorigin="anonymous"
    ></script>
    <script
      src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
      integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
      crossorigin="anonymous"
    ></script>
  </head>

  <body>
    <div class="card col-md-12">
      <div class="card-header">
        <h3>
          <span class="fas fa-clipboard-check"> .:Zwift Log Analyzer :.</span>
        </h3>
      </div>
      <div class="card-body">
        <input type="file" id="logfile" onchange="openFile(event)" />
      </div>
      <div class="card-body" id='spinner' hidden>
        <div class="spinner-border text-primary" role="status">
          <span class="sr-only">Loading...</span>
        </div>
      </div>
      <div class="card col-md-12" id="resumen" hidden>
        <div class="card-header">
          <h5><span class="fas fa-info-circle"> Log Info</span></h5>
        </div>
        <div class="card-body"></div>
      </div>
      <div class="card col-md-12" id="peripherals" hidden>
        <div class="card-header">
          <h5><span class="fas fa-th"> Devices</span></h5>
        </div>
        <div class="card-body">
          <table
            id="antDevices"
            class="table-bordered table-striped table col-md-6 float-left"
          >
            <thead class="thead-light">
              <tr>
                <th>ANT+ Devices</th>
              </tr>
            </thead>
            <tbody></tbody>
          </table>
          <table
            id="bleDevices"
            class="table-bordered table-striped table col-md-6 float-left"
          >
            <thead class="thead-light">
              <tr>
                <th>BLE Devices</th>
              </tr>
            </thead>
            <tbody></tbody>
          </table>
        </div>
      </div>
      <div class="card col-md-12" id="metrics" hidden>
        <div class="card-header">
          <h5><span class="fas fa-chart-bar"> Measures</span></h5>
        </div>
        <div class="card-body col-md-12" id="graphContainer"></div>
      </div>
      <div class="card-footer">2021 - matandoocorpo.cc / .:EA1NK:. Juan J. Lamas</div>
    </div>
  </body>
</html>