Optix-Scouting-Ventura-WebApp/table.html at master · team3749/Optix-Scouting-Ventura-WebApp · 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
<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="css/table.css">
        <link href="css/bootstrap.min.css" rel="stylesheet">
        <link href="css/nav.css" rel="stylesheet">
    </head>

    <body>
        <div class="my-3 center" style="padding: 10px; position: absolute; left: 5%; right: 5%;" id="content">
            <label class="mb-3" for="filters" >Filter Search: </label>
            <select class="mb-3 form-select small-width" name="filters" id="filters" onchange="updateFilter()">
              <option value="comp">Match #</option>
              <option value="teamname">Team Name</option>
              <option value="teamnum">Team Number</option>
              <option value="matchnum">Alliance</option>
            </select>
            <input class="form-control mb-3 small-width" type="text" id="filter" onkeyup="updateFilter()">
            <table id="matchTable">
                <thead>
                    <tr id="blank">
                        <th>Match #</th>
                        <th>Team Number</th>
                        <th>Team Name</th>
                        <th>Alliance</th>
                        <th>Level 1 Score (Auto)</th>
                        <th>Level 2 Score (Auto)</th>
                        <th>Level 3 Score (Auto)</th>
                        <th>Level 4 Score (Auto)</th>
                        <th>Net Shots (Auto)</th>
                        <th>Processor Shots (Auto)</th>
                        <th>Level 1 Score (Teleop)</th>
                        <th>Level 2 Score (Teleop)</th>
                        <th>Level 3 Score (Teleop)</th>
                        <th>Level 4 Score (Teleop)</th>
                        <th>Net Shots (Teleop)</th>
                        <th>Processor Shots (Teleop)</th>
                        <th>Endgame</th>
                        <th>Defense</th>
                        <th>Robot Broke</th>
                        <th>Comments</th>
                        <th style="user-select: none;" class="clickable" id="deleteAll" onclick="deleteAll()">Delete All</th>
                    </tr>
                </thead>
                <tbody id="matches">

                </tbody>
            </table>
        </div>
    </body>
    <!-- <button class="accordian">One</button>
    <div class="panel">
        <p>I like vscode</p>
    </div> -->
    <script src="js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>
    <script src="js/nav.js"></script>
    <script src="js/table.js"></script>
    <script>loadData()</script>
</html>