LongMetal-Scouting/index.html at master · LongMetal-Robotics/LongMetal-Scouting · 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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186

<!DOCTYPE html>
<html>
  <head>
    <title>FRC Team 7127 (LongMetal Robotics) Scouting</title>
    <link rel="stylesheet" href="res/main.css">
    <script src="res/js/main.js"></script>
    <!--Google Fonts-->
    <link href="https://fonts.googleapis.com/css?family=Lato|Roboto" rel="stylesheet">
    <!--Firebase boilerplate-->
    <script src="https://www.gstatic.com/firebasejs/4.12.0/firebase.js"></script>
    <script>
      function firebaseInit() {
        // Initialize Firebase
        var config = {
          apiKey: "AIzaSyApKpqihGa0lJJN4WaDPafHtWNPLYxUXgg",
          authDomain: "frc-team-7127-scouting.firebaseapp.com",
          databaseURL: "https://frc-team-7127-scouting.firebaseio.com",
          projectId: "frc-team-7127-scouting",
          storageBucket: "frc-team-7127-scouting.appspot.com",
          messagingSenderId: "881060266081"
        };

        firebase.initializeApp({
          apiKey: "AIzaSyApKpqihGa0lJJN4WaDPafHtWNPLYxUXgg",
          authDomain: "frc-team-7127-scouting.firebaseapp.com",
          databaseURL: "https://frc-team-7127-scouting.firebaseio.com",
          projectId: "frc-team-7127-scouting",
          storageBucket: "frc-team-7127-scouting.appspot.com",
          messagingSenderId: "881060266081"
        });
      }
    </script>
  </head>
  <body onload="updateResponses()">
    <header class="statusBar">
      <h2 class="statusTitle">LongMetal Scouting</h2>
      <a class="submitButton" id="submitButton">Submit</a>
    </header>
    <form>
      <div class="spacer">
        <br>
      </div>
      <div class="input-card">
        <h2>General</h2>
        <h3>Team Number: </h3>
        <input type="number" name="general-teamNumber" min="1" max="7331" />
        <h3>Team Name: </h3>
        <input type="text" name="general-teamName" />
        <h3>Matches Against: </h3>
        <input type="text" name="general-matchesAgainst" placeholder="None" />
        <h3>Matches Together: </h3>
        <input type="text" name="general-matchesTogether" placeholder="None" />
        <h3>Rookie Year: </h3>
        <input type="number" name="general-rookieYear" min="1997" max="2018" />
      </div>
      <div class="input-card">
        <h2>Sandstorm</h2>
        <h3>Control Method (leave blank if robot repeatedly does not move):</h3>
        <input type="checkbox" name="autonomous-control-auto" value="Autonomous">Autonomous<br>
        <input type="checkbox" name="autonomous-control-teleop" value="Teleoperated">Teleoperated<br>
        <input type="checkbox" name="autonomous-control-unsure" value="I Don't Know">I Don't Know
        <h3>Robot Crosses Auto Line</h3>
        <input type="radio" name="autonomous-autoline">From Level 1<br>
        <input type="radio" name="autonomous-autoline">From Level 2<br>
        <input type="radio" name="autonomous-autoline" checked>No<br>
        <span>Hatch Panels Placed: </span>
        <input type="number" name="autonomous-panels" min="0" max="24"><br>
        <span>Cargo Loaded: </span>
        <input type="number" name="autonomous-cargo" min="0" max="24">
        <h3>Remarks: </h3>
        <textarea name="autonomous-remarks" placeholder="None" cols="20" rows="5"></textarea>
      </div>
      <div class="input-card">
        <h2>Scale</h2>
        <h3>Possible: </h3>
        <input type="radio" name="scale-possible" value="Yes" /> <b>Yes</b> <br>
        <input type="radio" name="scale-possible" value="No" /> <b>No</b>
        <h3>Remarks: </h3>
        <textarea name="scale-remarks" placeholder="None" cols="20" rows="5"></textarea>
      </div>
      <div class="input-card">
        <h2>Climb</h2>
        <h3>Possible: </h3>
        <input type="radio" name="climb-possible" value="Yes" /> <b>Yes</b> <br>
        <input type="radio" name="climb-possible" value="No" /> <b>No</b>
        <h3>Remarks: </h3>
        <textarea name="climb-remarks" placeholder="None" cols="20" rows="5"></textarea>
      </div>
      <div class="input-card">
        <h2>Switch</h2>
        <h3>Possible: </h3>
        <input type="radio" name="switch-possible" value="Yes" /> <b>Yes</b> <br>
        <input type="radio" name="switch-possible" value="No" /> <b>No</b>
        <h3>Remarks: </h3>
        <textarea name="switch-remarks" placeholder="None" cols="20" rows="5"></textarea>
      </div>
      <div class="input-card">
        <h2>Exchange</h2>
        <h3>Possible: </h3>
        <input type="radio" name="exchange-possible" value="Yes" /> <b>Yes</b> <br>
        <input type="radio" name="exchange-possible" value="No" /> <b>No</b>
        <h3>Remarks: </h3>
        <textarea name="exchange-remarks" placeholder="None" cols="20" rows="5"></textarea>
      </div>
      <div class="input-card">
        <h2>Overall</h2>
        <h3>Rating (1-4): </h3>
        <input type="number" name="overall-rating" min="1" max="4" />
        <h3>Remarks: </h3>
        <textarea name="overall-remarks" placeholder="None" cols="20" rows="5"></textarea>
      </div>
    </form>
    <script>
      var responses = [];
      document.getElementById("submitButton").addEventListener('click', firebaseUpload);
      var teamNumber = document.getElementsByName("general-teamNumber")[0].value;
      var teamName = document.getElementsByName("general-teamName")[0].value;
      var matchesAgainst = document.getElementsByName("general-matchesAgainst")[0].value;
      var matchesTogether = document.getElementsByName("general-matchesTogether")[0].value;
      var rookieYear = document.getElementsByName("general-rookieYear")[0].value;
      var autonomousRemarks = document.getElementsByName("autonomous-remarks")[0].value;
      var scalePossible1Checked = document.getElementsByName("scale-possible")[0].checked;
      var scaleRemarks = document.getElementsByName("scale-remarks")[0].value;
      var climbPossible1Checked = document.getElementsByName("climb-possible")[0].checked;
      var climbRemarks = document.getElementsByName("climb-remarks")[0].value;
      var switchPossible1Checked = document.getElementsByName("switch-possible")[0].checked;
      var switchRemarks = document.getElementsByName("switch-remarks")[0].value;
      var exchangePossible1Checked = document.getElementsByName("exchange-possible")[0].checked;
      var exchangeRemarks = document.getElementsByName("exchange-remarks")[0].value;
      var overallRating = document.getElementsByName("overall-rating")[0].value;
      var overallRemarks = document.getElementsByName("overall-remarks")[0].value;
      var errored = false;
      firebaseInit();
      initTable();

      function initTable() {
        var dataTableBody = document.getElementsByTagName('tbody')[2];
        var scoutedTeams;
        firebase.database().ref('/scoutedTeams/').once('value').then(function(snapshot) {
          scoutedTeams = snapshot.val();
          for (var i = 0; i < scoutedTeams.length; i++) {
            var teamTr = document.createElement('tr');
            var teamNumberTd = document.createElement('td');
            var teamNumberData = document.createTextNode(scoutedTeams[i]);
            teamNumberTd.appendChild(teamNumberData);
            teamTr.appendChild(teamNumberTd);
            dataTableBody.appendChild(teamTr);
          }
        });
      }
    </script>
    <div class="spacer">&nbsp;</div>
    <div class="scoutedTeams" id="scoutedTeams">
      <div class="scoutedTitle">
        <h2 class="statusTitle">Scouted Teams</h2>
      </div>
      <div class="scoutedData">
        <table class="scoutdataTableHead">
          <tr id="tableHead">
            <td title="FIRST Team Number"><h4>FTN</h4></div>
            <div class="input-card"><h4>Team Name</h4></div>
            <div class="input-card"><h4>Matches Against</h4></div>
            <div class="input-card"><h4>Matches Together</3></div>
            <td title="FIRST Rookie Year"><h4>FRY</h4></div>
            <div class="input-card"><h4>Autonomous Remarks</h4></div>
            <div class="input-card"><h4>Scale?</h4></div>
            <div class="input-card"><h4>Scale Remarks</h4></div>
            <div class="input-card"><h4>Climb?</h4></div>
            <div class="input-card"><h4>Climb Remarks</h4></div>
            <div class="input-card"><h4>Switch?</h4></div>
            <div class="input-card"><h4>Switch Remarks</h4></div>
            <div class="input-card"><h4>Exchange?</h4></div>
            <div class="input-card"><h4>Exchange Remarks</h4></div>
            <td title="FIRST Team Rating"><h4>FTR</h4></div>
            <div class="input-card"><h4>Overall Remarks</h4></div>
          </tr>
        </table>
      </div>
    </div>
  </body>
</noscript>
<div style="text-align: center;"><div style="position:relative; top:0; margin-right:auto;margin-left:auto; z-index:99999">

</div></div>
</html>