chore: formatting
This commit is contained in:
parent
fd65577d24
commit
7f42c2d369
@ -187,7 +187,8 @@ button:hover {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.format-options, .processing-options {
|
||||
.format-options,
|
||||
.processing-options {
|
||||
margin-bottom: 10px;
|
||||
padding: 10px;
|
||||
background-color: #2d2d2d;
|
||||
@ -210,15 +211,27 @@ button:hover {
|
||||
}
|
||||
|
||||
@keyframes octocat-wave {
|
||||
0%, 100% { transform: rotate(0); }
|
||||
20%, 60% { transform: rotate(-25deg); }
|
||||
40%, 80% { transform: rotate(10deg); }
|
||||
0%,
|
||||
100% {
|
||||
transform: rotate(0);
|
||||
}
|
||||
|
||||
20%,
|
||||
60% {
|
||||
transform: rotate(-25deg);
|
||||
}
|
||||
|
||||
40%,
|
||||
80% {
|
||||
transform: rotate(10deg);
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 500px) {
|
||||
.github-corner:hover .octo-arm {
|
||||
animation: none;
|
||||
}
|
||||
|
||||
.github-corner .octo-arm {
|
||||
animation: octocat-wave 560ms ease-in-out;
|
||||
}
|
||||
|
653
src/index.html
653
src/index.html
@ -1,340 +1,329 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Call of Duty Stats Tracker</title>
|
||||
<link rel="stylesheet" type="text/css" href="./src/css/styles.css">
|
||||
<link rel="icon" type="image/x-icon" href="./src/images/favicon.ico">
|
||||
<!-- <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png"> -->
|
||||
<script src="./src/js/backend.js" defer></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Call of Duty Stats Tracker</h1>
|
||||
|
||||
<div class="tabs">
|
||||
<div class="tab active" data-tab="stats">Player Stats</div>
|
||||
<div class="tab" data-tab="matches">Matches</div>
|
||||
<div class="tab" data-tab="user">User Info</div>
|
||||
<div class="tab" data-tab="other">Other</div>
|
||||
</div>
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Call of Duty Stats Tracker</title>
|
||||
<link rel="stylesheet" type="text/css" href="./src/css/styles.css">
|
||||
<link rel="icon" type="image/x-icon" href="./src/images/favicon.ico">
|
||||
<!-- <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png"> -->
|
||||
<script src="./src/js/backend.js" defer></script>
|
||||
</head>
|
||||
|
||||
<!-- Output format selection -->
|
||||
<div class="format-options">
|
||||
<div class="form-group">
|
||||
<label for="outputFormat">Output Format:</label>
|
||||
<select id="outputFormat">
|
||||
<option value="json">JSON</option>
|
||||
<option value="yaml">YAML</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Call of Duty Stats Tracker</h1>
|
||||
|
||||
<!-- Processing options -->
|
||||
<div class="processing-options">
|
||||
<div class="form-group">
|
||||
<label>Processing Options:</label>
|
||||
<div class="checkbox-group">
|
||||
<div>
|
||||
<input type="checkbox" id="sanitizeOption" checked>
|
||||
<label for="sanitizeOption">Sanitize Output</label>
|
||||
</div>
|
||||
<div>
|
||||
<input type="checkbox" id="replaceKeysOption" checked>
|
||||
<label for="replaceKeysOption">Replace Keys</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Time options -->
|
||||
<div class="time-options">
|
||||
<div class="form-group">
|
||||
<label>Time Display Options:</label>
|
||||
<div class="checkbox-group">
|
||||
<div>
|
||||
<input type="checkbox" id="convertTimeOption">
|
||||
<label for="convertTimeOption">Convert Epoch Times</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="timezone-select" style="margin-top: 10px;">
|
||||
<label for="timezoneSelect">Timezone:</label>
|
||||
<select id="timezoneSelect" disabled>
|
||||
<option value="UTC">UTC</option>
|
||||
<option value="GMT-12">GMT-12</option>
|
||||
<option value="GMT-11">GMT-11</option>
|
||||
<option value="GMT-10">GMT-10 (Hawaii)</option>
|
||||
<option value="GMT-9">GMT-9 (Alaska)</option>
|
||||
<option value="GMT-8">GMT-8 (Pacific)</option>
|
||||
<option value="GMT-7">GMT-7 (Mountain)</option>
|
||||
<option value="GMT-6">GMT-6 (Central)</option>
|
||||
<option value="GMT-5">GMT-5 (Eastern)</option>
|
||||
<option value="GMT-4">GMT-4 (Atlantic)</option>
|
||||
<option value="GMT-3">GMT-3 (Brazil)</option>
|
||||
<option value="GMT-2">GMT-2</option>
|
||||
<option value="GMT-1">GMT-1</option>
|
||||
<option value="GMT+0">GMT+0 (London)</option>
|
||||
<option value="GMT+1">GMT+1 (Paris)</option>
|
||||
<option value="GMT+2">GMT+2 (Athens)</option>
|
||||
<option value="GMT+3">GMT+3 (Moscow)</option>
|
||||
<option value="GMT+4">GMT+4 (Dubai)</option>
|
||||
<option value="GMT+5">GMT+5 (Karachi)</option>
|
||||
<option value="GMT+5:30">GMT+5:30 (India)</option>
|
||||
<option value="GMT+6">GMT+6 (Dhaka)</option>
|
||||
<option value="GMT+7">GMT+7 (Bangkok)</option>
|
||||
<option value="GMT+8">GMT+8 (Singapore)</option>
|
||||
<option value="GMT+9">GMT+9 (Tokyo)</option>
|
||||
<option value="GMT+10">GMT+10 (Sydney)</option>
|
||||
<option value="GMT+11">GMT+11</option>
|
||||
<option value="GMT+12">GMT+12 (Auckland)</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Common fields for all tabs -->
|
||||
<div class="form-group">
|
||||
<label for="ssoToken">SSO Token:</label>
|
||||
<input type="password" id="ssoToken" placeholder="Enter your SSO Token" />
|
||||
</div>
|
||||
|
||||
<!-- Stats tab -->
|
||||
<div class="tab-content active" id="stats-tab">
|
||||
<div class="form-group">
|
||||
<label for="username"
|
||||
>Username (e.g., Ahrimdon or Ahrimdon#1234567):</label>
|
||||
<input
|
||||
type="text"
|
||||
id="username"
|
||||
placeholder="Enter your Call of Duty username"/>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="platform">Platform:</label>
|
||||
<select id="platform">
|
||||
<option value="acti">Activision</option>
|
||||
<option value="battle">Battle.net</option>
|
||||
<option value="psn">PlayStation</option>
|
||||
<option value="xbl">Xbox Live</option>
|
||||
<option value="steam">Steam</option>
|
||||
<option value="uno">Uno (numerical ID)</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="game">Game:</label>
|
||||
<select id="game">
|
||||
<option value="mw">Modern Warfare / Warzone</option>
|
||||
<option value="mw2">Modern Warfare 2</option>
|
||||
<option value="wz2">Warzone 2</option>
|
||||
<option value="mw3">Modern Warfare 3</option>
|
||||
<option value="cw">Cold War</option>
|
||||
<option value="vg">Vanguard</option>
|
||||
<option value="wzm">Warzone Mobile</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="apiCall">API Call:</label>
|
||||
<select id="apiCall">
|
||||
<option value="fullData">Lifetime Statistics</option>
|
||||
<option value="combatHistory">Recent Match History</option>
|
||||
<option value="mapList">Map List</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<button id="fetchStats">Fetch Stats</button>
|
||||
|
||||
<div id="tutorial" class="tutorial">
|
||||
<h2>Authentication Setup</h2>
|
||||
<h3>Obtaining your ACT_SSO_COOKIE</h3>
|
||||
<ol>
|
||||
<li>Log in to <a href="https://profile.callofduty.com" target="_blank">Call of Duty</a></li>
|
||||
<li>Open developer tools (F12)</li>
|
||||
<li>Navigate to: Application → Storage → Cookies → https://www.callofduty.com/</li>
|
||||
<li>Copy the value of <i>ACT_SSO_COOKIE</i></li>
|
||||
<li>Paste this value into <i>SSO Token</i></li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Matches tab -->
|
||||
<div class="tab-content" id="matches-tab">
|
||||
<div class="form-group">
|
||||
<label for="matchUsername">Username (e.g., Ahrimdon or Ahrimdon#1234567):</label>
|
||||
<input
|
||||
type="text"
|
||||
id="matchUsername"
|
||||
placeholder="Enter your Call of Duty username"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="matchPlatform">Platform:</label>
|
||||
<select id="matchPlatform">
|
||||
<option value="acti">Activision</option>
|
||||
<option value="battle">Battle.net</option>
|
||||
<option value="psn">PlayStation</option>
|
||||
<option value="xbl">Xbox Live</option>
|
||||
<option value="steam">Steam</option>
|
||||
<option value="uno">Uno (numerical ID)</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="matchGame">Game:</label>
|
||||
<select id="matchGame">
|
||||
<option value="mw">Modern Warfare / Warzone</option>
|
||||
<option value="mw2">Modern Warfare 2</option>
|
||||
<option value="wz2">Warzone 2</option>
|
||||
<option value="mw3">Modern Warfare 3</option>
|
||||
<option value="cw">Cold War</option>
|
||||
<option value="vg">Vanguard</option>
|
||||
<option value="wzm">Warzone Mobile</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="matchId">Match ID:</label>
|
||||
<input
|
||||
type="text"
|
||||
id="matchId"
|
||||
placeholder="Enter Match ID (Required for Match Info)"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="button-group">
|
||||
<button id="fetchMatches">Fetch Recent Matches</button>
|
||||
<button id="fetchMatchInfo">Fetch Match Details</button>
|
||||
</div>
|
||||
|
||||
<div id="tutorial" class="tutorial">
|
||||
<h2>Authentication Setup</h2>
|
||||
<h3>Obtaining your ACT_SSO_COOKIE</h3>
|
||||
<ol>
|
||||
<li>Log in to <a href="https://profile.callofduty.com" target="_blank">Call of Duty</a></li>
|
||||
<li>Open developer tools (F12)</li>
|
||||
<li>Navigate to: Application → Storage → Cookies → https://www.callofduty.com/</li>
|
||||
<li>Copy the value of <code>ACT_SSO_COOKIE</code></li>
|
||||
<li>Paste this value into SSO Token</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- User tab -->
|
||||
<div class="tab-content" id="user-tab">
|
||||
<div class="form-group">
|
||||
<label for="userUsername">Username (e.g., Ahrimdon or Ahrimdon#1234567):</label>
|
||||
<input
|
||||
type="text"
|
||||
id="userUsername"
|
||||
placeholder="Enter your Call of Duty username"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="userPlatform">Platform:</label>
|
||||
<select id="userPlatform">
|
||||
<option value="acti">Activision</option>
|
||||
<option value="battle">Battle.net</option>
|
||||
<option value="psn">PlayStation</option>
|
||||
<option value="xbl">Xbox Live</option>
|
||||
<option value="steam">Steam</option>
|
||||
<option value="uno">Uno (numerical ID)</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="userCall">User Info:</label>
|
||||
<select id="userCall">
|
||||
<option value="codPoints">COD Points</option>
|
||||
<option value="connectedAccounts">Connected Accounts</option>
|
||||
<option value="eventFeed">Event Feed (Logged In User Only)</option>
|
||||
<option value="friendFeed">Friend Feed (Logged In User Only)</option>
|
||||
<option value="identities">Identities (Logged In User Only)</option>
|
||||
<option value="friendsList">Friends List (Logged In User Only)</option>
|
||||
<option value="settings">Settings</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<button id="fetchUserInfo">Fetch User Info</button>
|
||||
|
||||
<div id="tutorial" class="tutorial">
|
||||
<h2>Authentication Setup</h2>
|
||||
<h3>Obtaining your ACT_SSO_COOKIE</h3>
|
||||
<ol>
|
||||
<li>Log in to <a href="https://profile.callofduty.com" target="_blank">Call of Duty</a></li>
|
||||
<li>Open developer tools (F12)</li>
|
||||
<li>Navigate to: Application → Storage → Cookies → https://www.callofduty.com/</li>
|
||||
<li>Copy the value of <code>ACT_SSO_COOKIE</code></li>
|
||||
<li>Paste this value into SSO Token</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Search tab -->
|
||||
<div class="tab-content" id="other-tab">
|
||||
<div class="form-group">
|
||||
<label for="searchUsername">Username to Search (e.g., Ahrimdon or Ahrimdon#1234567):</label>
|
||||
<input
|
||||
type="text"
|
||||
id="searchUsername"
|
||||
placeholder="Enter username to search"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="searchPlatform">Platform:</label>
|
||||
<select id="searchPlatform">
|
||||
<option value="all">All Platforms</option>
|
||||
<option value="acti">Activision</option>
|
||||
<option value="battle">Battle.net</option>
|
||||
<option value="psn">PlayStation</option>
|
||||
<option value="xbl">Xbox Live</option>
|
||||
<option value="steam">Steam</option>
|
||||
<option value="uno">Uno (numerical ID)</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<button id="fuzzySearch">Fuzzy Search</button>
|
||||
|
||||
<p class="small-text">
|
||||
Note: Fuzzy search looks up a gamertag and retrieves fuzzy matches
|
||||
along with their respective platforms.
|
||||
</p>
|
||||
|
||||
<div id="tutorial" class="tutorial">
|
||||
<h2>Authentication Setup</h2>
|
||||
<h3>Obtaining your ACT_SSO_COOKIE</h3>
|
||||
<ol>
|
||||
<li>Log in to <a href="https://profile.callofduty.com" target="_blank">Call of Duty</a></li>
|
||||
<li>Open developer tools (F12)</li>
|
||||
<li>Navigate to: Application → Storage → Cookies → https://www.callofduty.com/</li>
|
||||
<li>Copy the value of <code>ACT_SSO_COOKIE</code></li>
|
||||
<li>Paste this value into SSO Token</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="error" class="error"></div>
|
||||
<div id="loading" class="loading">Loading data...</div>
|
||||
<div id="download-container" style="display: none; margin-top: 10px;">
|
||||
<button id="downloadJson" class="download-btn">Download JSON Data</button>
|
||||
</div>
|
||||
<pre id="results"></pre>
|
||||
<div class="tabs">
|
||||
<div class="tab active" data-tab="stats">Player Stats</div>
|
||||
<div class="tab" data-tab="matches">Matches</div>
|
||||
<div class="tab" data-tab="user">User Info</div>
|
||||
<div class="tab" data-tab="other">Other</div>
|
||||
</div>
|
||||
|
||||
<a href="https://github.com/Ahrimdon/codtracker-js" target="_blank" class="github-corner" aria-label="View source on GitHub" title="View Source Code on GitHub">
|
||||
<svg width="40" height="40" viewBox="0 0 250 250" style="fill:#151513; color:#fff; position: absolute; top: 0; right: 0; border: 0;">
|
||||
<path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
|
||||
<path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path>
|
||||
<path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</body>
|
||||
<!-- Output format selection -->
|
||||
<div class="format-options">
|
||||
<div class="form-group">
|
||||
<label for="outputFormat">Output Format:</label>
|
||||
<select id="outputFormat">
|
||||
<option value="json">JSON</option>
|
||||
<option value="yaml">YAML</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Processing options -->
|
||||
<div class="processing-options">
|
||||
<div class="form-group">
|
||||
<label>Processing Options:</label>
|
||||
<div class="checkbox-group">
|
||||
<div>
|
||||
<input type="checkbox" id="sanitizeOption" checked>
|
||||
<label for="sanitizeOption">Sanitize Output</label>
|
||||
</div>
|
||||
<div>
|
||||
<input type="checkbox" id="replaceKeysOption" checked>
|
||||
<label for="replaceKeysOption">Replace Keys</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Time options -->
|
||||
<div class="time-options">
|
||||
<div class="form-group">
|
||||
<label>Time Display Options:</label>
|
||||
<div class="checkbox-group">
|
||||
<div>
|
||||
<input type="checkbox" id="convertTimeOption">
|
||||
<label for="convertTimeOption">Convert Epoch Times</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="timezone-select" style="margin-top: 10px;">
|
||||
<label for="timezoneSelect">Timezone:</label>
|
||||
<select id="timezoneSelect" disabled>
|
||||
<option value="UTC">UTC</option>
|
||||
<option value="GMT-12">GMT-12</option>
|
||||
<option value="GMT-11">GMT-11</option>
|
||||
<option value="GMT-10">GMT-10 (Hawaii)</option>
|
||||
<option value="GMT-9">GMT-9 (Alaska)</option>
|
||||
<option value="GMT-8">GMT-8 (Pacific)</option>
|
||||
<option value="GMT-7">GMT-7 (Mountain)</option>
|
||||
<option value="GMT-6">GMT-6 (Central)</option>
|
||||
<option value="GMT-5">GMT-5 (Eastern)</option>
|
||||
<option value="GMT-4">GMT-4 (Atlantic)</option>
|
||||
<option value="GMT-3">GMT-3 (Brazil)</option>
|
||||
<option value="GMT-2">GMT-2</option>
|
||||
<option value="GMT-1">GMT-1</option>
|
||||
<option value="GMT+0">GMT+0 (London)</option>
|
||||
<option value="GMT+1">GMT+1 (Paris)</option>
|
||||
<option value="GMT+2">GMT+2 (Athens)</option>
|
||||
<option value="GMT+3">GMT+3 (Moscow)</option>
|
||||
<option value="GMT+4">GMT+4 (Dubai)</option>
|
||||
<option value="GMT+5">GMT+5 (Karachi)</option>
|
||||
<option value="GMT+5:30">GMT+5:30 (India)</option>
|
||||
<option value="GMT+6">GMT+6 (Dhaka)</option>
|
||||
<option value="GMT+7">GMT+7 (Bangkok)</option>
|
||||
<option value="GMT+8">GMT+8 (Singapore)</option>
|
||||
<option value="GMT+9">GMT+9 (Tokyo)</option>
|
||||
<option value="GMT+10">GMT+10 (Sydney)</option>
|
||||
<option value="GMT+11">GMT+11</option>
|
||||
<option value="GMT+12">GMT+12 (Auckland)</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Common fields for all tabs -->
|
||||
<div class="form-group">
|
||||
<label for="ssoToken">SSO Token:</label>
|
||||
<input type="password" id="ssoToken" placeholder="Enter your SSO Token" />
|
||||
</div>
|
||||
|
||||
<!-- Stats tab -->
|
||||
<div class="tab-content active" id="stats-tab">
|
||||
<div class="form-group">
|
||||
<label for="username">Username (e.g., Ahrimdon or Ahrimdon#1234567):</label>
|
||||
<input type="text" id="username" placeholder="Enter your Call of Duty username" />
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="platform">Platform:</label>
|
||||
<select id="platform">
|
||||
<option value="acti">Activision</option>
|
||||
<option value="battle">Battle.net</option>
|
||||
<option value="psn">PlayStation</option>
|
||||
<option value="xbl">Xbox Live</option>
|
||||
<option value="steam">Steam</option>
|
||||
<option value="uno">Uno (numerical ID)</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="game">Game:</label>
|
||||
<select id="game">
|
||||
<option value="mw">Modern Warfare / Warzone</option>
|
||||
<option value="mw2">Modern Warfare 2</option>
|
||||
<option value="wz2">Warzone 2</option>
|
||||
<option value="mw3">Modern Warfare 3</option>
|
||||
<option value="cw">Cold War</option>
|
||||
<option value="vg">Vanguard</option>
|
||||
<option value="wzm">Warzone Mobile</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="apiCall">API Call:</label>
|
||||
<select id="apiCall">
|
||||
<option value="fullData">Lifetime Statistics</option>
|
||||
<option value="combatHistory">Recent Match History</option>
|
||||
<option value="mapList">Map List</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<button id="fetchStats">Fetch Stats</button>
|
||||
|
||||
<div id="tutorial" class="tutorial">
|
||||
<h2>Authentication Setup</h2>
|
||||
<h3>Obtaining your ACT_SSO_COOKIE</h3>
|
||||
<ol>
|
||||
<li>Log in to <a href="https://profile.callofduty.com" target="_blank">Call of Duty</a></li>
|
||||
<li>Open developer tools (F12)</li>
|
||||
<li>Navigate to: Application → Storage → Cookies → https://www.callofduty.com/</li>
|
||||
<li>Copy the value of <i>ACT_SSO_COOKIE</i></li>
|
||||
<li>Paste this value into <i>SSO Token</i></li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Matches tab -->
|
||||
<div class="tab-content" id="matches-tab">
|
||||
<div class="form-group">
|
||||
<label for="matchUsername">Username (e.g., Ahrimdon or Ahrimdon#1234567):</label>
|
||||
<input type="text" id="matchUsername" placeholder="Enter your Call of Duty username" />
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="matchPlatform">Platform:</label>
|
||||
<select id="matchPlatform">
|
||||
<option value="acti">Activision</option>
|
||||
<option value="battle">Battle.net</option>
|
||||
<option value="psn">PlayStation</option>
|
||||
<option value="xbl">Xbox Live</option>
|
||||
<option value="steam">Steam</option>
|
||||
<option value="uno">Uno (numerical ID)</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="matchGame">Game:</label>
|
||||
<select id="matchGame">
|
||||
<option value="mw">Modern Warfare / Warzone</option>
|
||||
<option value="mw2">Modern Warfare 2</option>
|
||||
<option value="wz2">Warzone 2</option>
|
||||
<option value="mw3">Modern Warfare 3</option>
|
||||
<option value="cw">Cold War</option>
|
||||
<option value="vg">Vanguard</option>
|
||||
<option value="wzm">Warzone Mobile</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="matchId">Match ID:</label>
|
||||
<input type="text" id="matchId" placeholder="Enter Match ID (Required for Match Info)" />
|
||||
</div>
|
||||
|
||||
<div class="button-group">
|
||||
<button id="fetchMatches">Fetch Recent Matches</button>
|
||||
<button id="fetchMatchInfo">Fetch Match Details</button>
|
||||
</div>
|
||||
|
||||
<div id="tutorial" class="tutorial">
|
||||
<h2>Authentication Setup</h2>
|
||||
<h3>Obtaining your ACT_SSO_COOKIE</h3>
|
||||
<ol>
|
||||
<li>Log in to <a href="https://profile.callofduty.com" target="_blank">Call of Duty</a></li>
|
||||
<li>Open developer tools (F12)</li>
|
||||
<li>Navigate to: Application → Storage → Cookies → https://www.callofduty.com/</li>
|
||||
<li>Copy the value of <code>ACT_SSO_COOKIE</code></li>
|
||||
<li>Paste this value into SSO Token</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- User tab -->
|
||||
<div class="tab-content" id="user-tab">
|
||||
<div class="form-group">
|
||||
<label for="userUsername">Username (e.g., Ahrimdon or Ahrimdon#1234567):</label>
|
||||
<input type="text" id="userUsername" placeholder="Enter your Call of Duty username" />
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="userPlatform">Platform:</label>
|
||||
<select id="userPlatform">
|
||||
<option value="acti">Activision</option>
|
||||
<option value="battle">Battle.net</option>
|
||||
<option value="psn">PlayStation</option>
|
||||
<option value="xbl">Xbox Live</option>
|
||||
<option value="steam">Steam</option>
|
||||
<option value="uno">Uno (numerical ID)</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="userCall">User Info:</label>
|
||||
<select id="userCall">
|
||||
<option value="codPoints">COD Points</option>
|
||||
<option value="connectedAccounts">Connected Accounts</option>
|
||||
<option value="eventFeed">Event Feed (Logged In User Only)</option>
|
||||
<option value="friendFeed">Friend Feed (Logged In User Only)</option>
|
||||
<option value="identities">Identities (Logged In User Only)</option>
|
||||
<option value="friendsList">Friends List (Logged In User Only)</option>
|
||||
<option value="settings">Settings</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<button id="fetchUserInfo">Fetch User Info</button>
|
||||
|
||||
<div id="tutorial" class="tutorial">
|
||||
<h2>Authentication Setup</h2>
|
||||
<h3>Obtaining your ACT_SSO_COOKIE</h3>
|
||||
<ol>
|
||||
<li>Log in to <a href="https://profile.callofduty.com" target="_blank">Call of Duty</a></li>
|
||||
<li>Open developer tools (F12)</li>
|
||||
<li>Navigate to: Application → Storage → Cookies → https://www.callofduty.com/</li>
|
||||
<li>Copy the value of <code>ACT_SSO_COOKIE</code></li>
|
||||
<li>Paste this value into SSO Token</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Search tab -->
|
||||
<div class="tab-content" id="other-tab">
|
||||
<div class="form-group">
|
||||
<label for="searchUsername">Username to Search (e.g., Ahrimdon or Ahrimdon#1234567):</label>
|
||||
<input type="text" id="searchUsername" placeholder="Enter username to search" />
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="searchPlatform">Platform:</label>
|
||||
<select id="searchPlatform">
|
||||
<option value="all">All Platforms</option>
|
||||
<option value="acti">Activision</option>
|
||||
<option value="battle">Battle.net</option>
|
||||
<option value="psn">PlayStation</option>
|
||||
<option value="xbl">Xbox Live</option>
|
||||
<option value="steam">Steam</option>
|
||||
<option value="uno">Uno (numerical ID)</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<button id="fuzzySearch">Fuzzy Search</button>
|
||||
|
||||
<p class="small-text">
|
||||
Note: Fuzzy search looks up a gamertag and retrieves fuzzy matches
|
||||
along with their respective platforms.
|
||||
</p>
|
||||
|
||||
<div id="tutorial" class="tutorial">
|
||||
<h2>Authentication Setup</h2>
|
||||
<h3>Obtaining your ACT_SSO_COOKIE</h3>
|
||||
<ol>
|
||||
<li>Log in to <a href="https://profile.callofduty.com" target="_blank">Call of Duty</a></li>
|
||||
<li>Open developer tools (F12)</li>
|
||||
<li>Navigate to: Application → Storage → Cookies → https://www.callofduty.com/</li>
|
||||
<li>Copy the value of <code>ACT_SSO_COOKIE</code></li>
|
||||
<li>Paste this value into SSO Token</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div id="error" class="error"></div>
|
||||
<div id="loading" class="loading">Loading data...</div>
|
||||
<div id="download-container" style="display: none; margin-top: 10px;">
|
||||
<button id="downloadJson" class="download-btn">Download JSON Data</button>
|
||||
</div>
|
||||
<pre id="results"></pre>
|
||||
</div>
|
||||
|
||||
<a href="https://github.com/Ahrimdon/codtracker-js" target="_blank" class="github-corner"
|
||||
aria-label="View source on GitHub" title="View Source Code on GitHub">
|
||||
<svg width="40" height="40" viewBox="0 0 250 250"
|
||||
style="fill:#151513; color:#fff; position: absolute; top: 0; right: 0; border: 0;">
|
||||
<path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
|
||||
<path
|
||||
d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
|
||||
fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path>
|
||||
<path
|
||||
d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
|
||||
fill="currentColor" class="octo-body"></path>
|
||||
</svg>
|
||||
</a>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
Loading…
x
Reference in New Issue
Block a user