ScoutingPASS/OneColumn.html at main · first95/ScoutingPASS · 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
<!--
	When we gain access to the match schedule, follow these steps:
	- Create a file named "2023necmp2_matches.js" in the "2023 folder"
	- Add "var schedule = " to the start of the file
	- Go to https://www.thebluealliance.com/api/v3/event/2023necmp2/matches/simple?X-TBA-Auth-Key=hNDnK23dYcPhS6V5SKwfZK8l9VKtWZyZBDKYQRQh5aUqWiKj5KyvKOLDJW49YO00
	- Copy-paste the data from TBA into the file
	- Move file to "2023" folder on all 6 tablets
-->
<!DOCTYPE html>
<html>

<head>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, maximum-scale=1.0">
	<title>ScoutingPASS 95</title>
	<script src="./resources/js/easy.qrcode.min.js"></script>
	<script src="./resources/js/TBAInterface.js"></script>
	<script src="./resources/js/scoutingPASS.js"></script>
	<script src="./2026/rebuilt_config.js"></script>
	<script src="./2026/2026nhbed_matches.js"></script>
	<script src="./2026/2026nhbed_teams.js"></script>
	<link rel="stylesheet" href="./resources/css/scoutingPASSnew.css">
	<script>
		var columnList = ["left"];
	</script>
</head>

<body>

	<div id="top"
			style="background-color:var(--background); position:fixed; width:100%; top:0em; border:0px solid black">
		<h1 id="prematchHeader1" class="page_title"></h1>
		<input type="button" value="Next" id="nextButton1" style="position:absolute; top:1em; left:28%"
			onclick="swipePage(1)">
		<!-- :			<label style="color: black; position: absolute;top:1em;left: 35%;">Scouter name
				<input type="text" name="tops" id="topScoutInitials" onchange="update3('s')" style="width:10em">
			</label>
			<label style="color: black; position: absolute;top:1em;left: 55%;">Match Number
				<input type="number" name="topm" id="topMatchNumber" onchange="update3('m')" style="width:6em;">
			</label>
			<label style="color: black; position: absolute;top:1em;right: 10%;">Alliance
				<input type="radio" name="topr" id="topRobotAlliance_r" value="r" onchange="setRobots()">Red
				<input type="radio" name="topr" id="topRobotAlliance_b" value="b" onchange="setRobots()">Blue
			</label>	 -->
	</div>

	<div id="main-panel-holder" style="top:5em">
		<div>
			<div style="display:flex; width:100%; margin-top:104px"> <!--  originally margin-top: was 98px-->
				<div id="left" class="column" style="background-color: var(--background);">
					<div id="left_teaminfo_" class="team-info-header"></div>
					<form name="leftForm" id="leftForm" onsubmit="false">
						<table id="prematch_table_left" style="font: Roboto"></table>
						<table id="auton_table_left" style="font: Roboto"></table>
						<table id="teleop_table_left" style="font: Roboto"></table>
						<table id="endgame_table_left" style="font: Roboto"></table>
						<table id="postmatch_table_left" style="font: Roboto"></table>
					</form>
				</div>

			</div>
		</div>
		<div id="qr-code" class="main-panel" style="background-color: var(--background);">
			<h1 id="qrHeader1" class="page_title"><span class="odd">P</span><span class="even">W</span><span
					class="odd">n</span><span class="even">A</span><span class="odd">G</span><span
					class="even">E</span><br>Scouting 2020</h1>
			<h2 id="qrHeader2">Generate QR Code</h2>
			<p class="match-label"><input type="button" value="Prev" id="prevButton9" onclick="swipePage(-1)"></p>
			<p id="qr-info"><span id="display_qr-info" style="border: none; text-align: center;"></span></p>
			<table id="qr-table">
				<tr>
					<td width="5%">&nbsp;</td>
					<td width="90%">
						<div id="qrcode" style="text-align:center">
							<script>
								// Create QRCode Object
								qr = new QRCode(document.getElementById("qrcode"), options)
							</script>
						</div>
					</td>
					<td width="5%">&nbsp;</td>
				</tr>
				<tr>
					<td width="5%">&nbsp;</td>
					<td width="90%">
						<div>
							<p id="data" style="text-align:center"></p>
						</div>
					</td>
					<td width="5%">&nbsp;</td>
				</tr>
			</table>
			<p></p>
			<p class="match-label">
				<input type="button" value="Display Data" id="displayButton" onclick="displayData()">
				<input type="button" value="Copy Data" id="copyButton" onclick="copyData()">
			</p>

			<div id="clearButton">
				<button type="button" class="clearForm" onclick="clearForm()">Clear Form</button>
				<p>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>
				</p>
			</div>
			<br>
		</div>
	</div>
	</form>
</body>

</html>