updated index.html
This commit is contained in:
parent
f2b434983e
commit
24ae1a622c
|
@ -8,7 +8,7 @@
|
|||
<tr>
|
||||
<th>{{ _('Cover') }}</th>
|
||||
<th>{{ _('Name') }}</th>
|
||||
<th class="key-col d-md-table-cell">{{ _('Key') }}</th>
|
||||
<th class="key-col">{{ _('Key') }}</th>
|
||||
<th>{{ _('Status') }}</th>
|
||||
<th>{{ _('Created') }}</th>
|
||||
<th>{{ _('Redeem by') }}</th>
|
||||
|
@ -41,7 +41,7 @@
|
|||
</a>
|
||||
</td>
|
||||
<td>{{ game.name }}</td>
|
||||
<td class="font-monospace key-col d-none d-md-table-cell">{{ game.steam_key }}</td>
|
||||
<td class="font-monospace key-col">{{ game.steam_key }}</td>
|
||||
<td>
|
||||
{% if game.status == 'nicht eingelöst' %}
|
||||
<span class="badge bg-warning text-dark">{{ _('Not redeemed') }}</span>
|
||||
|
@ -169,19 +169,30 @@ document.querySelectorAll('.generate-redeem').forEach(btn => {
|
|||
</script>
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
console.log("DOM ist geladen!"); // Überprüfe, ob DOMContentLoaded überhaupt ausgeführt wird
|
||||
const toggleKeysButton = document.getElementById('toggle-keys');
|
||||
if (toggleKeysButton) {
|
||||
console.log("Button with ID 'toggle-keys' found!");
|
||||
toggleKeysButton.addEventListener('click', function() {
|
||||
console.log("Button clicked!");
|
||||
const keyCols = document.querySelectorAll('.key-col');
|
||||
keyCols.forEach(function(el) {
|
||||
el.classList.toggle('hidden');
|
||||
});
|
||||
const KEY_STORAGE = 'showKeys';
|
||||
const toggleBtn = document.getElementById('toggle-keys');
|
||||
|
||||
function toggleKeys(visible) {
|
||||
document.querySelectorAll('.key-col').forEach(el => {
|
||||
visible ? el.classList.remove('d-none') : el.classList.add('d-none');
|
||||
});
|
||||
}
|
||||
|
||||
const savedState = localStorage.getItem(KEY_STORAGE);
|
||||
const initialVisibility = savedState ? JSON.parse(savedState) : true;
|
||||
toggleKeys(initialVisibility);
|
||||
|
||||
if (toggleBtn) {
|
||||
let isVisible = initialVisibility;
|
||||
|
||||
toggleBtn.addEventListener('click', () => {
|
||||
isVisible = !isVisible;
|
||||
toggleKeys(isVisible);
|
||||
localStorage.setItem(KEY_STORAGE, JSON.stringify(isVisible));
|
||||
|
||||
console.log(`Keys sind jetzt: ${isVisible ? 'sichtbar' : 'versteckt'}`);
|
||||
console.log(`LocalStorage-Wert: ${localStorage.getItem(KEY_STORAGE)}`);
|
||||
});
|
||||
} else {
|
||||
console.log("Button with ID 'toggle-keys' not found!");
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
@ -189,4 +200,3 @@ document.addEventListener('DOMContentLoaded', function() {
|
|||
<div class="alert alert-info">{{ _('No games yet') }}</div>
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
|
||||
|
|
Loading…
Reference in New Issue