Rim/codtracker-js
Rim/codtracker-js
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

maint: add localStorage functionality

Browse Source
This commit is contained in:
Rim 2025-03-29 02:52:41 -04:00
parent ad3f2fbbd4
commit e1fab5e7ef
3 changed files with 117 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/css/styles.css
View File

@ -210,6 +210,19 @@ button:hover {
animation: octocat-wave 560ms ease-in-out;
}
.clear-data-btn {
background-color: #f44336;
color: white;
border: none;
padding: 8px 16px;
border-radius: 4px;
cursor: pointer;
}
.clear-data-btn:hover {
background-color: #d32f2f;
}
@keyframes octocat-wave {
0%,
100% {

1
src/index.html
View File

@ -9,6 +9,7 @@
<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>
<script src="./src/js/localStorage.js" defer></script>
</head>
<body>

103
src/js/localStorage.js Normal file
View File

@ -0,0 +1,103 @@
document.addEventListener("DOMContentLoaded", function () {
// Fields to save in localStorage with their respective keys
const fieldsToSave = [
// Stats tab
{ id: "username", key: "cod_username" },
{ id: "platform", key: "cod_platform" },
{ id: "game", key: "cod_game" },
{ id: "apiCall", key: "cod_apiCall" },
// Matches tab
{ id: "matchUsername", key: "cod_matchUsername" },
{ id: "matchPlatform", key: "cod_matchPlatform" },
{ id: "matchGame", key: "cod_matchGame" },
{ id: "matchId", key: "cod_matchId" },
// User tab
{ id: "userUsername", key: "cod_userUsername" },
{ id: "userPlatform", key: "cod_userPlatform" },
{ id: "userCall", key: "cod_userCall" },
// Other/Search tab
{ id: "searchUsername", key: "cod_searchUsername" },
{ id: "searchPlatform", key: "cod_searchPlatform" },
// Format and processing options
{ id: "outputFormat", key: "cod_outputFormat" },
{ id: "sanitizeOption", key: "cod_sanitizeOption" },
{ id: "replaceKeysOption", key: "cod_replaceKeysOption" },
{ id: "convertTimeOption", key: "cod_convertTimeOption" },
{ id: "timezoneSelect", key: "cod_timezone" }
];
// Load saved values
fieldsToSave.forEach(field => {
const element = document.getElementById(field.id);
if (!element) return; // Skip if element doesn't exist
const savedValue = localStorage.getItem(field.key);
if (savedValue !== null) {
// Handle different input types
if (element.type === "checkbox") {
element.checked = savedValue === "true";
} else if (element.tagName === "SELECT") {
element.value = savedValue;
} else {
element.value = savedValue;
}
}
});
// Save values on change
fieldsToSave.forEach(field => {
const element = document.getElementById(field.id);
if (!element) return; // Skip if element doesn't exist
// Different event listener based on input type
if (element.type === "checkbox") {
element.addEventListener("change", function() {
localStorage.setItem(field.key, element.checked);
});
} else if (element.tagName === "SELECT") {
element.addEventListener("change", function() {
localStorage.setItem(field.key, element.value);
});
} else {
element.addEventListener("input", function() {
localStorage.setItem(field.key, element.value);
});
}
});
// Special handling for SSO Token
const ssoTokenInput = document.getElementById("ssoToken");
const savedSsoToken = localStorage.getItem("cod_ssoToken");
if (savedSsoToken) {
ssoTokenInput.value = savedSsoToken;
}
// Ask the user before saving SSO token
ssoTokenInput.addEventListener("input", function() {
if (confirm("Would you like to save your SSO token? Note: This is stored on your device only.")) {
localStorage.setItem("cod_ssoToken", ssoTokenInput.value);
}
});
// Add a clear data button to the UI
const container = document.querySelector('.container');
const clearButton = document.createElement('button');
clearButton.textContent = 'Clear Saved Data';
clearButton.className = 'clear-data-btn';
clearButton.style.marginTop = '10px';
clearButton.addEventListener('click', function() {
if (confirm('Are you sure you want to clear all saved form data?')) {
fieldsToSave.forEach(field => {
localStorage.removeItem(field.key);
});
localStorage.removeItem("cod_ssoToken");
alert('All saved data has been cleared. Refresh the page to see changes.');
}
});
container.appendChild(clearButton);
});