430 lines
18 KiB
HTML
430 lines
18 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="language" content="EN">
|
||
<meta name="robots" content="index, follow">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>Call of Duty Stats Tracker</title>
|
||
<meta property="og:title" content="#1 Open Source Call of Duty Stat Tracker">
|
||
<meta property="og:url" content="https://codtracker.rimmyscorner.com">
|
||
<meta name="application-name" content="codtracker-js">
|
||
<meta name="generator" content="1.0">
|
||
<meta name="rating" content="General">
|
||
<meta name="author" content="thahrimdon">
|
||
<meta name="designer" content="thahrimdon">
|
||
<meta name="copyright" content="thahrimdon">
|
||
<meta name="geo.region" content="US-VA">
|
||
<meta name="geo.placename" content="Ashburn">
|
||
<meta name="geo.position" content="39.0437;-77.4874">
|
||
<!-- <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png"> -->
|
||
|
||
<meta name="description" content="Extremely detailed Web GUI to fetch comprehensive user, player and recent game statistics from the API. Delivers insights beyond the in-game Barracks and cod.tracker.gg">
|
||
<meta property="og:description"
|
||
content="Open Source Call of Duty Statistic Tracker">
|
||
<meta name="keywords"
|
||
content="HTML, CSS, JavaScript, call of duty, cod, modern warfare, modern warfare 2019, call of duty modern warfare 2019, cod mw2019, cod modern warfare 2019, cold war, call of duty cold war, cod cw, cod cold war, vanguard, call of duty vanguard, cod vg, cod vanguard, mw2, mwii, call of duty mwii, call of duty modern warfare ii, cod mwii, cod modern warfare 2, mw3, call of duty mwiii, call of duty modern warfare iii, cod mwiii, cod modern warfare 3, mw2019, git, rimmyscorner, rimmy, ahrimdon, thahrimdon, gitea, Rimmys Corner, Rimmy’s Corner">
|
||
<meta name="twitter:title" content="#1 Open Source Call of Duty Stat Tracker">
|
||
<meta name="twitter:description"
|
||
content="Extremely detailed Web GUI to fetch comprehensive user, player and recent game statistics from the API. Delivers insights beyond the in-game Barracks and cod.tracker.gg">
|
||
|
||
<link rel="stylesheet" type="text/css" href="./src/css/styles.css">
|
||
<link rel="icon" type="image/x-icon" href="./src/images/favicon.ico">
|
||
<script src="./src/js/backend.js" defer></script>
|
||
<script src="./src/js/frontend.js" defer></script>
|
||
<script src="./src/js/localStorage.js" defer></script>
|
||
</head>
|
||
|
||
<body>
|
||
<div class="container">
|
||
<h1>Call of Duty Stats Tracker</h1>
|
||
<div align="center" class="small-header2-text">
|
||
<p class="small-text">
|
||
The #1 <a href="https://git.rimmyscorner.com/Rim/codtracker-js" target="_blank">Open Source</a> Call of Duty Statistic Tracker since cod.tracker.gg shutdown!
|
||
<br>
|
||
New? View some <a href="https://rimmyscorner.com/codtracker-examples" target="_blank">examples</a>
|
||
</p>
|
||
</div>
|
||
|
||
<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>
|
||
|
||
<!-- 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 SSO Token</h3>
|
||
<ol>
|
||
<li>Log in to <a href="https://profile.callofduty.com" target="_blank">Call of Duty</a></li>
|
||
<li>Open developer tools (F12 or right-click → Inspect)</li>
|
||
<li>
|
||
Navigate to: <b>Application</b> → <b>Storage</b> →
|
||
<b>Cookies</b> → <b>https://profile.callofduty.com</b>
|
||
</li>
|
||
<li>Copy the value of <code>ACT_SSO_COOKIE</code></li>
|
||
<li>Paste this value into SSO Token</li>
|
||
</ol>
|
||
|
||
<h3>Changing Account API Privacy Settings</h3>
|
||
<ol>
|
||
<li>Log in to <a href="https://profile.callofduty.com" target="_blank">Call of Duty</a></li>
|
||
<li>Navigate to the <b>Privacy & Security</b> tab</li>
|
||
<li>Scroll down to the <b>Game Data and Profile Privacy</b> section</li>
|
||
<li>
|
||
Set the following options to "<b>ALL</b>":
|
||
<ul>
|
||
<li><b>Game Tag Searchable</b></li>
|
||
<li><b>Game Play Data</b></li>
|
||
</ul>
|
||
</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 SSO Token</h3>
|
||
<ol>
|
||
<li>Log in to <a href="https://profile.callofduty.com" target="_blank">Call of Duty</a></li>
|
||
<li>Open developer tools (F12 or right-click → Inspect)</li>
|
||
<li>
|
||
Navigate to: <b>Application</b> → <b>Storage</b> →
|
||
<b>Cookies</b> → <b>https://profile.callofduty.com</b>
|
||
</li>
|
||
<li>Copy the value of <code>ACT_SSO_COOKIE</code></li>
|
||
<li>Paste this value into SSO Token</li>
|
||
</ol>
|
||
|
||
<h3>Changing Account API Privacy Settings</h3>
|
||
<ol>
|
||
<li>Log in to <a href="https://profile.callofduty.com" target="_blank">Call of Duty</a></li>
|
||
<li>Navigate to the <b>Privacy & Security</b> tab</li>
|
||
<li>Scroll down to the <b>Game Data and Profile Privacy</b> section</li>
|
||
<li>
|
||
Set the following options to "<b>ALL</b>":
|
||
<ul>
|
||
<li><b>Game Tag Searchable</b></li>
|
||
<li><b>Game Play Data</b></li>
|
||
</ul>
|
||
</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 SSO Token</h3>
|
||
<ol>
|
||
<li>Log in to <a href="https://profile.callofduty.com" target="_blank">Call of Duty</a></li>
|
||
<li>Open developer tools (F12 or right-click → Inspect)</li>
|
||
<li>
|
||
Navigate to: <b>Application</b> → <b>Storage</b> →
|
||
<b>Cookies</b> → <b>https://profile.callofduty.com</b>
|
||
</li>
|
||
<li>Copy the value of <code>ACT_SSO_COOKIE</code></li>
|
||
<li>Paste this value into SSO Token</li>
|
||
</ol>
|
||
|
||
<h3>Changing Account API Privacy Settings</h3>
|
||
<ol>
|
||
<li>Log in to <a href="https://profile.callofduty.com" target="_blank">Call of Duty</a></li>
|
||
<li>Navigate to the <b>Privacy & Security</b> tab</li>
|
||
<li>Scroll down to the <b>Game Data and Profile Privacy</b> section</li>
|
||
<li>
|
||
Set the following options to "<b>ALL</b>":
|
||
<ul>
|
||
<li><b>Game Tag Searchable</b></li>
|
||
<li><b>Game Play Data</b></li>
|
||
</ul>
|
||
</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 SSO Token</h3>
|
||
<ol>
|
||
<li>Log in to <a href="https://profile.callofduty.com" target="_blank">Call of Duty</a></li>
|
||
<li>Open developer tools (F12 or right-click → Inspect)</li>
|
||
<li>
|
||
Navigate to: <b>Application</b> → <b>Storage</b> →
|
||
<b>Cookies</b> → <b>https://profile.callofduty.com</b>
|
||
</li>
|
||
<li>Copy the value of <code>ACT_SSO_COOKIE</code></li>
|
||
<li>Paste this value into SSO Token</li>
|
||
</ol>
|
||
|
||
<h3>Changing Account API Privacy Settings</h3>
|
||
<ol>
|
||
<li>Log in to <a href="https://profile.callofduty.com" target="_blank">Call of Duty</a></li>
|
||
<li>Navigate to the <b>Privacy & Security</b> tab</li>
|
||
<li>Scroll down to the <b>Game Data and Profile Privacy</b> section</li>
|
||
<li>
|
||
Set the following options to "<b>ALL</b>":
|
||
<ul>
|
||
<li><b>Game Tag Searchable</b></li>
|
||
<li><b>Game Play Data</b></li>
|
||
</ul>
|
||
</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://git.rimmyscorner.com/Rim/codtracker-js" target="_blank" class="github-corner"
|
||
aria-label="View source on Gitea" title="View Source Code on Gitea">
|
||
<svg width="120" height="120" 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>
|