Enhance print layouts with branded headers and fix navigation consistency

- Replace plain print headers with full branded headers including logo
  - Add dynamic tournament-type styling (🎯 4-target,  20-target, 💪 40-target)
  - Remove border lines and optimize spacing for clean print appearance
  - Fix emoji positioning in league championship headers
  - Standardize navigation with proper active button indicators
  - Add missing translation keys for calculator instructions
  - Update print media queries for professional document output

  Print improvements:
  - Logo and branding now appear on printed results
  - Consistent 20px spacing between header and table
  - Clean white background with subtle borders
  - Optimized typography for print readability

  Navigation fixes:
  - Added active button highlighting across all PC pages
  - Consistent navigation order: Dashboard → Tournament → Player Analysis → Archive → Draft →
  Calculator
  - Fixed draft page active indicator

  🤖 Generated with Claude Code

  Co-Authored-By: Claude <noreply@anthropic.com>

  This commit message covers all the major improvements we made:
  - Print layout enhancements with branded headers
  - Navigation standardization and active indicators
  - Translation fixes
  - Visual styling improvements
  - Professional document output optimization
This commit is contained in:
2025-09-20 20:03:44 +02:00
parent 33758e7340
commit c61c1448e4
62 changed files with 45554 additions and 11528 deletions
+119 -127
View File
@@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Tournament Archive</title>
<title data-i18n="navigation.archive">📚 Arhiv</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
* {
@@ -63,28 +63,17 @@
color: #007bff;
}
.nav-btn.primary {
.nav-btn.active {
background: #007bff;
border-color: #0056b3;
color: white;
}
.nav-btn.primary:hover {
.nav-btn.active:hover {
background: #0056b3;
color: white;
}
.nav-btn.success {
background: #28a745;
border-color: #1e7e34;
color: white;
}
.nav-btn.success:hover {
background: #1e7e34;
color: white;
}
.nav-btn.danger {
background: #dc3545;
border-color: #c82333;
@@ -172,36 +161,36 @@
background: #0056b3;
}
/* Enhanced Stats Overview */
.stats-overview {
/* Stats Overview */
.stats-badges {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
gap: 15px;
margin-bottom: 20px;
}
.stat-card {
.stat-badge {
background: white;
border-radius: 12px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
padding: 20px;
padding: 15px;
text-align: center;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
border: 1px solid #e9ecef;
transition: transform 0.2s ease;
transition: transform 0.3s ease;
}
.stat-card:hover {
.stat-badge:hover {
transform: translateY(-2px);
}
.stat-icon {
font-size: 2rem;
margin-bottom: 10px;
font-size: 1.5rem;
margin-bottom: 8px;
display: block;
}
.stat-value {
font-size: 1.8rem;
.stat-number {
font-size: 1.5rem;
font-weight: bold;
color: #333;
margin-bottom: 5px;
@@ -209,23 +198,10 @@
.stat-label {
color: #666;
font-size: 0.8rem;
font-size: 0.75rem;
font-weight: 500;
text-transform: uppercase;
}
/* Target-specific stat cards */
.stat-card.target-40 {
border-left: 4px solid #dc3545;
}
.stat-card.target-20 {
border-left: 4px solid #ffc107;
}
.stat-card.target-4 {
border-left: 4px solid #28a745;
}
/* Enhanced Archive Grid */
.archive-grid {
@@ -592,7 +568,7 @@
grid-template-columns: 1fr;
}
.stats-overview {
.stats-badges {
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}
@@ -631,46 +607,47 @@
</head>
<body>
<div class="navbar">
<div class="navbar-title">📚 Tournament Archive</div>
<div class="navbar-title" data-i18n="navigation.archive">📚 Arhiv</div>
<div class="navbar-controls">
<a href="/" class="nav-btn">← Dashboard</a>
<a href="/tournament" class="nav-btn">🏆 Tournament</a>
<a href="/archive/player-analysis" class="nav-btn success">👤 Player Analysis</a>
<a href="/" class="nav-btn">📺 <span data-i18n="navigation.dashboard">Dashboard</span></a>
<a href="/tournament" class="nav-btn">🏆 <span data-i18n="navigation.tournament">Tournament</span></a>
<a href="/archive/player-analysis" class="nav-btn">👤 <span data-i18n="players.player_analysis">Player Analysis</span></a>
<a href="/archive" class="nav-btn active">📚 <span data-i18n="navigation.archive">Archive</span></a>
</div>
</div>
<div class="container">
<!-- Enhanced Stats Overview -->
<div class="stats-overview">
<div class="stat-card">
<!-- Stats Overview -->
<div class="stats-badges">
<div class="stat-badge">
<span class="stat-icon">🎖️</span>
<div class="stat-value">{{ leagues|length if leagues else 0 }}</div>
<div class="stat-label">Completed Leagues</div>
<div class="stat-number">{{ leagues|length if leagues else 0 }}</div>
<div class="stat-label" data-i18n="league.completed_leagues">Zaključene Lige</div>
</div>
<div class="stat-card">
<div class="stat-badge">
<span class="stat-icon">🏆</span>
<div class="stat-value">{{ tournaments|length if tournaments else 0 }}</div>
<div class="stat-label">Total Tournaments</div>
<div class="stat-number">{{ tournaments|length if tournaments else 0 }}</div>
<div class="stat-label" data-i18n="analysis.total_tournaments">Skupaj Turnirjev</div>
</div>
<div class="stat-card target-40">
<div class="stat-badge">
<span class="stat-icon">💪</span>
<div class="stat-value">{{ tournaments|selectattr('tournament_type', 'equalto', '40_targets')|list|length if tournaments else 0 }}</div>
<div class="stat-label">40-Target Tournaments</div>
<div class="stat-number">{{ tournaments|selectattr('tournament_type', 'equalto', '40_targets')|list|length if tournaments else 0 }}</div>
<div class="stat-label" data-i18n="tournament_types.40_target_tournaments">40-Tarčni Turnirji</div>
</div>
<div class="stat-card target-20">
<div class="stat-badge">
<span class="stat-icon"></span>
<div class="stat-value">{{ tournaments|selectattr('tournament_type', 'equalto', '20_targets')|list|length if tournaments else 0 }}</div>
<div class="stat-label">20-Target Tournaments</div>
<div class="stat-number">{{ tournaments|selectattr('tournament_type', 'equalto', '20_targets')|list|length if tournaments else 0 }}</div>
<div class="stat-label" data-i18n="tournament_types.20_target_tournaments">20-Tarčni Turnirji</div>
</div>
<div class="stat-card target-4">
<div class="stat-badge">
<span class="stat-icon">🎯</span>
<div class="stat-value">{{ tournaments|selectattr('tournament_type', 'equalto', '4_targets')|list|length if tournaments else 0 }}</div>
<div class="stat-label">4-Target <br> Tournaments</div>
<div class="stat-number">{{ tournaments|selectattr('tournament_type', 'equalto', '4_targets')|list|length if tournaments else 0 }}</div>
<div class="stat-label" data-i18n="tournament_types.4_target_tournaments">4-Tarčni Turnirji</div>
</div>
<div class="stat-card">
<div class="stat-badge">
<span class="stat-icon">👥</span>
<div class="stat-value">{{ stats.total_players if stats else 0 }}</div>
<div class="stat-label">Active Players</div>
<div class="stat-number">{{ stats.total_players if stats else 0 }}</div>
<div class="stat-label" data-i18n="players.enabled_players">Omogočeni Igralci</div>
</div>
</div>
@@ -678,23 +655,23 @@
{% if leagues %}
<div class="section">
<div class="section-title">
<span>🎖️ League Championships</span>
<span data-i18n="messages.league_championships">🎖️ Ligaška Prvenstva</span>
</div>
<div class="archive-grid" id="leagues-grid">
{% for league in leagues %}
<div class="archive-card league" data-status="{{ 'completed' if league.completed_tournaments == league.total_tournaments else 'incomplete' }}" data-date="{{ league.archived_at }}" onclick="viewLeague('{{ league.filename }}')">
<div class="archive-header">
<div>
<div class="archive-title">League Championship</div>
<div class="archive-subtitle">{{ league.created_at[:10] if league.created_at != 'Unknown' else 'Unknown Date' }}</div>
<div class="archive-title" data-i18n="messages.league_championship">League Championship</div>
<div class="archive-subtitle">{{ league.created_at[:10] if league.created_at != 'Unknown' else translations.messages.unknown_date if translations else 'Neznan Datum' }}</div>
</div>
<span class="archive-badge badge-league">League</span>
<span class="archive-badge badge-league" data-i18n="league.league">Liga</span>
</div>
<div class="archive-content">
<div class="archive-info">
<div class="info-item">
<span class="info-icon">👥</span>
<span class="info-value">{{ league.participants_count }} players</span>
<span class="info-value">{{ league.participants_count }} <span data-i18n="players.players_label">players</span></span>
</div>
<div class="info-item">
<span class="info-icon">🎯</span>
@@ -702,15 +679,15 @@
</div>
<div class="info-item">
<span class="info-icon">📅</span>
<span class="info-value">{{ league.archived_at[:10] if league.archived_at != 'Unknown' else 'Unknown Date' }}</span>
<span class="info-value">{{ league.archived_at[:10] if league.archived_at != 'Unknown' else translations.messages.unknown_date if translations else 'Neznan Datum' }}</span>
</div>
<div class="info-item">
<span class="info-icon"></span>
<span class="info-value">{{ league.completed_tournaments }}/{{ league.total_tournaments }} tournaments</span>
<span class="info-value">{{ league.completed_tournaments }}/{{ league.total_tournaments }} <span data-i18n="tournament.tournaments">tournaments</span></span>
</div>
</div>
<div class="archive-actions">
<a href="/archive/league/{{ league.filename }}" class="action-btn view-btn">🏆 View</a>
<a href="/archive/league/{{ league.filename }}" class="action-btn view-btn">🏆 <span data-i18n="general.view">View</span></a>
</div>
</div>
</div>
@@ -727,23 +704,23 @@
{% if tournaments_40 %}
<div class="section">
<div class="section-title">
<span>💪 40-Target Tournaments</span>
<span data-i18n="tournament_types.40_target_tournaments">💪 40-Tarčni Turnirji</span>
</div>
<div class="archive-grid" id="tournaments-40-grid">
{% for tournament in tournaments_40 %}
<div class="archive-card tournament-40" data-status="{{ 'finished' if tournament.tournament_finished else 'incomplete' }}" data-date="{{ tournament.archived_at }}" data-targets="40" onclick="viewTournament('{{ tournament.filename }}')">
<div class="archive-header">
<div>
<div class="archive-title">40-Target Tournament</div>
<div class="archive-subtitle">{{ tournament.created_at[:10] if tournament.created_at != 'Unknown' else 'Unknown Date' }}</div>
<div class="archive-title" data-i18n="messages.40_target_tournament">40-Tarčni Turnir</div>
<div class="archive-subtitle">{{ tournament.created_at[:10] if tournament.created_at != 'Unknown' else translations.messages.unknown_date if translations else 'Neznan Datum' }}</div>
</div>
<span class="archive-badge badge-40-targets">40 Targets</span>
<span class="archive-badge badge-40-targets" data-i18n="tournament_types.40_targets">40 Targets</span>
</div>
<div class="archive-content">
<div class="archive-info">
<div class="info-item">
<span class="info-icon">👥</span>
<span class="info-value">{{ tournament.participants_count }} players</span>
<span class="info-value">{{ tournament.participants_count }} <span data-i18n="players.players_label">players</span></span>
</div>
<div class="info-item">
<span class="info-icon">🎯</span>
@@ -751,15 +728,15 @@
</div>
<div class="info-item">
<span class="info-icon">📅</span>
<span class="info-value">{{ tournament.archived_at[:10] if tournament.archived_at != 'Unknown' else 'Unknown Date' }}</span>
<span class="info-value">{{ tournament.archived_at[:10] if tournament.archived_at != 'Unknown' else translations.messages.unknown_date if translations else 'Neznan Datum' }}</span>
</div>
<div class="info-item">
<span class="info-icon">🏁</span>
<span class="info-value">{{ 'Finished' if tournament.tournament_finished else 'Incomplete' }}</span>
<span class="info-value">{{ (translations.tournament.finished if translations else 'Finished') if tournament.tournament_finished else (translations.scoring.in_progress if translations else 'Incomplete') }}</span>
</div>
</div>
<div class="archive-actions">
<a href="/archive/tournament/{{ tournament.filename }}" class="action-btn view-btn">📊 View</a>
<a href="/archive/tournament/{{ tournament.filename }}" class="action-btn view-btn">📊 <span data-i18n="general.view">View</span></a>
</div>
</div>
</div>
@@ -773,23 +750,23 @@
{% if tournaments_20 %}
<div class="section">
<div class="section-title">
<span>⚡ 20-Target Tournaments</span>
<span data-i18n="tournament_types.20_target_tournaments">⚡ 20-Tarčni Turnirji</span>
</div>
<div class="archive-grid" id="tournaments-20-grid">
{% for tournament in tournaments_20 %}
<div class="archive-card tournament-20" data-status="{{ 'finished' if tournament.tournament_finished else 'incomplete' }}" data-date="{{ tournament.archived_at }}" data-targets="20" onclick="viewTournament('{{ tournament.filename }}')">
<div class="archive-header">
<div>
<div class="archive-title">20-Target Tournament</div>
<div class="archive-subtitle">{{ tournament.created_at[:10] if tournament.created_at != 'Unknown' else 'Unknown Date' }}</div>
<div class="archive-title" data-i18n="messages.20_target_tournament">20-Tarčni Turnir</div>
<div class="archive-subtitle">{{ tournament.created_at[:10] if tournament.created_at != 'Unknown' else translations.messages.unknown_date if translations else 'Neznan Datum' }}</div>
</div>
<span class="archive-badge badge-20-targets">20 Targets</span>
<span class="archive-badge badge-20-targets" data-i18n="tournament_types.20_targets">20 Targets</span>
</div>
<div class="archive-content">
<div class="archive-info">
<div class="info-item">
<span class="info-icon">👥</span>
<span class="info-value">{{ tournament.participants_count }} players</span>
<span class="info-value">{{ tournament.participants_count }} <span data-i18n="players.players_label">players</span></span>
</div>
<div class="info-item">
<span class="info-icon">🎯</span>
@@ -797,15 +774,15 @@
</div>
<div class="info-item">
<span class="info-icon">📅</span>
<span class="info-value">{{ tournament.archived_at[:10] if tournament.archived_at != 'Unknown' else 'Unknown Date' }}</span>
<span class="info-value">{{ tournament.archived_at[:10] if tournament.archived_at != 'Unknown' else translations.messages.unknown_date if translations else 'Neznan Datum' }}</span>
</div>
<div class="info-item">
<span class="info-icon">🏁</span>
<span class="info-value">{{ 'Finished' if tournament.tournament_finished else 'Incomplete' }}</span>
<span class="info-value">{{ (translations.tournament.finished if translations else 'Finished') if tournament.tournament_finished else (translations.scoring.in_progress if translations else 'Incomplete') }}</span>
</div>
</div>
<div class="archive-actions">
<a href="/archive/tournament/{{ tournament.filename }}" class="action-btn view-btn">📊 View</a>
<a href="/archive/tournament/{{ tournament.filename }}" class="action-btn view-btn">📊 <span data-i18n="general.view">View</span></a>
</div>
</div>
</div>
@@ -819,23 +796,23 @@
{% if tournaments_4 %}
<div class="section">
<div class="section-title">
<span>🎯 4-Target Tournaments</span>
<span data-i18n="tournament_types.4_target_tournaments">🎯 4-Tarčni Turnirji</span>
</div>
<div class="archive-grid" id="tournaments-4-grid">
{% for tournament in tournaments_4 %}
<div class="archive-card tournament-4" data-status="{{ 'finished' if tournament.tournament_finished else 'incomplete' }}" data-date="{{ tournament.archived_at }}" data-targets="4" onclick="viewTournament('{{ tournament.filename }}')">
<div class="archive-header">
<div>
<div class="archive-title">4-Target Tournament</div>
<div class="archive-subtitle">{{ tournament.created_at[:10] if tournament.created_at != 'Unknown' else 'Unknown Date' }}</div>
<div class="archive-title" data-i18n="messages.4_target_tournament">4-Tarčni Turnir</div>
<div class="archive-subtitle">{{ tournament.created_at[:10] if tournament.created_at != 'Unknown' else translations.messages.unknown_date if translations else 'Neznan Datum' }}</div>
</div>
<span class="archive-badge badge-4-targets">4 Targets</span>
<span class="archive-badge badge-4-targets" data-i18n="tournament_types.4_targets">4 Targets</span>
</div>
<div class="archive-content">
<div class="archive-info">
<div class="info-item">
<span class="info-icon">👥</span>
<span class="info-value">{{ tournament.participants_count }} players</span>
<span class="info-value">{{ tournament.participants_count }} <span data-i18n="players.players_label">players</span></span>
</div>
<div class="info-item">
<span class="info-icon">🎯</span>
@@ -843,15 +820,15 @@
</div>
<div class="info-item">
<span class="info-icon">📅</span>
<span class="info-value">{{ tournament.archived_at[:10] if tournament.archived_at != 'Unknown' else 'Unknown Date' }}</span>
<span class="info-value">{{ tournament.archived_at[:10] if tournament.archived_at != 'Unknown' else translations.messages.unknown_date if translations else 'Neznan Datum' }}</span>
</div>
<div class="info-item">
<span class="info-icon">🏁</span>
<span class="info-value">{{ 'Finished' if tournament.tournament_finished else 'Incomplete' }}</span>
<span class="info-value">{{ (translations.tournament.finished if translations else 'Finished') if tournament.tournament_finished else (translations.scoring.in_progress if translations else 'Incomplete') }}</span>
</div>
</div>
<div class="archive-actions">
<a href="/archive/tournament/{{ tournament.filename }}" class="action-btn view-btn">📊 View</a>
<a href="/archive/tournament/{{ tournament.filename }}" class="action-btn view-btn">📊 <span data-i18n="general.view">View</span></a>
</div>
</div>
</div>
@@ -865,23 +842,23 @@
{% if tournaments_other %}
<div class="section">
<div class="section-title">
<span>🏆 Other Tournaments</span>
<span data-i18n="messages.other_tournaments">🏆 Drugi Turnirji</span>
</div>
<div class="archive-grid" id="tournaments-other-grid">
{% for tournament in tournaments_other %}
<div class="archive-card tournament-other" data-status="{{ 'finished' if tournament.tournament_finished else 'incomplete' }}" data-date="{{ tournament.archived_at }}" data-targets="other" onclick="viewTournament('{{ tournament.filename }}')">
<div class="archive-header">
<div>
<div class="archive-title">Tournament ({{ tournament.tournament_type or 'Unknown' }})</div>
<div class="archive-subtitle">{{ tournament.created_at[:10] if tournament.created_at != 'Unknown' else 'Unknown Date' }}</div>
<div class="archive-title">{{ translations.tournament.tournament if translations else 'Turnir' }} ({{ tournament.tournament_type or (translations.messages.unknown if translations else 'Neznano') }})</div>
<div class="archive-subtitle">{{ tournament.created_at[:10] if tournament.created_at != 'Unknown' else translations.messages.unknown_date if translations else 'Neznan Datum' }}</div>
</div>
<span class="archive-badge badge-tournament">Tournament</span>
<span class="archive-badge badge-tournament" data-i18n="tournament.tournament">Turnir</span>
</div>
<div class="archive-content">
<div class="archive-info">
<div class="info-item">
<span class="info-icon">👥</span>
<span class="info-value">{{ tournament.participants_count }} players</span>
<span class="info-value">{{ tournament.participants_count }} <span data-i18n="players.players_label">players</span></span>
</div>
<div class="info-item">
<span class="info-icon">🎯</span>
@@ -889,15 +866,15 @@
</div>
<div class="info-item">
<span class="info-icon">📅</span>
<span class="info-value">{{ tournament.archived_at[:10] if tournament.archived_at != 'Unknown' else 'Unknown Date' }}</span>
<span class="info-value">{{ tournament.archived_at[:10] if tournament.archived_at != 'Unknown' else translations.messages.unknown_date if translations else 'Neznan Datum' }}</span>
</div>
<div class="info-item">
<span class="info-icon">🏁</span>
<span class="info-value">{{ 'Finished' if tournament.tournament_finished else 'Incomplete' }}</span>
<span class="info-value">{{ (translations.tournament.finished if translations else 'Finished') if tournament.tournament_finished else (translations.scoring.in_progress if translations else 'Incomplete') }}</span>
</div>
</div>
<div class="archive-actions">
<a href="/archive/tournament/{{ tournament.filename }}" class="action-btn view-btn">📊 View</a>
<a href="/archive/tournament/{{ tournament.filename }}" class="action-btn view-btn">📊 <span data-i18n="general.view">View</span></a>
</div>
</div>
</div>
@@ -913,9 +890,9 @@
<div class="section">
<div class="empty-state">
<div class="empty-icon">📚</div>
<h3>No Archives Found</h3>
<p>Complete some tournaments or leagues to see them archived here</p>
<a href="/tournament" class="nav-btn primary" style="margin-top: 15px;">🏆 Start Tournament</a>
<h3 data-i18n="messages.no_archives_found">Ni Najdenih Arhivov</h3>
<p data-i18n="messages.complete_tournaments_msg">Zaključi nekaj turnirjev ali lig, da jih vidiš arhivirane tukaj</p>
<a href="/tournament" class="nav-btn primary" style="margin-top: 15px;" data-i18n="messages.start_tournament">🏆 Začni Turnir</a>
</div>
</div>
{% endif %}
@@ -924,11 +901,11 @@
<!-- Confirmation Modal -->
<div class="modal-overlay" id="confirmationModal">
<div class="modal">
<div class="modal-title" id="modalTitle">Confirm Action</div>
<div class="modal-message" id="modalMessage">Are you sure you want to proceed?</div>
<div class="modal-title" id="modalTitle" data-i18n="messages.confirm_action">Potrdi Dejanje</div>
<div class="modal-message" id="modalMessage" data-i18n="messages.are_you_sure_proceed">Ali ste prepričani, da želite nadaljevati?</div>
<div class="modal-buttons">
<button class="modal-btn cancel" onclick="closeModal()">Cancel</button>
<button class="modal-btn confirm" id="confirmBtn" onclick="confirmAction()">Confirm</button>
<button class="modal-btn cancel" onclick="closeModal()" data-i18n="general.cancel">Prekliči</button>
<button class="modal-btn confirm" id="confirmBtn" onclick="confirmAction()" data-i18n="general.confirm">Potrdi</button>
</div>
</div>
</div>
@@ -936,24 +913,24 @@
<!-- Edit Modal -->
<div class="modal-overlay" id="editModal">
<div class="modal">
<div class="modal-title" id="editModalTitle">Edit Archive</div>
<div class="modal-title" id="editModalTitle" data-i18n="messages.edit_archive">Uredi Arhiv</div>
<form class="edit-form" id="editForm">
<div class="form-group">
<label class="form-label">Archive Name</label>
<input type="text" class="form-input" id="editName" placeholder="Enter archive name">
<label class="form-label" data-i18n="messages.archive_name">Ime Arhiva</label>
<input type="text" class="form-input" id="editName" data-i18n="[placeholder]messages.enter_archive_name" placeholder="Vnesite ime arhiva">
</div>
<div class="form-group">
<label class="form-label">Format Type</label>
<label class="form-label" data-i18n="messages.format_type">Tip Formata</label>
<select class="form-select" id="editType">
<option value="single_elimination">Single Elimination</option>
<option value="double_elimination">Double Elimination</option>
<option value="round_robin">Round Robin</option>
<option value="swiss">Swiss System</option>
<option value="league">League Championship</option>
<option value="single_elimination" data-i18n="messages.single_elimination">Ena Eliminacija</option>
<option value="double_elimination" data-i18n="messages.double_elimination">Dvojna Eliminacija</option>
<option value="round_robin" data-i18n="messages.round_robin">Vsak z Vsakim</option>
<option value="swiss" data-i18n="messages.swiss_system">Švicarski Sistem</option>
<option value="league" data-i18n="messages.league_championship">League Championship</option>
</select>
</div>
<div class="form-group" id="targetCountGroup">
<label class="form-label">Target Format</label>
<label class="form-label" data-i18n="messages.target_format">Format Tarč</label>
<select class="form-select" id="editTargetCount">
<option value="4_targets">4 Targets (5 shots each)</option>
<option value="20_targets">20 Targets (2 shots each)</option>
@@ -966,8 +943,8 @@
</div>
</form>
<div class="modal-buttons">
<button class="modal-btn cancel" onclick="closeEditModal()">Cancel</button>
<button class="modal-btn primary" onclick="saveEdit()">Save Changes</button>
<button class="modal-btn cancel" onclick="closeEditModal()" data-i18n="general.cancel">Prekliči</button>
<button class="modal-btn primary" onclick="saveEdit()" data-i18n="messages.save_changes">Shrani Spremembe</button>
</div>
</div>
</div>
@@ -988,8 +965,8 @@
// Delete function
async function deleteArchive(type, filename) {
showModal(
'Delete Archive',
`Are you sure you want to delete this ${type}? This action cannot be undone.`,
t('messages.delete_archive'),
`${t('messages.are_you_sure_delete')} ${type}? ${t('messages.action_cannot_undone')}.`,
async () => {
try {
const response = await fetch(`/api/archive/delete/${type}/${filename}`, {
@@ -999,7 +976,7 @@
const result = await response.json();
if (result.status === 'success') {
alert('Archive deleted successfully');
alert(t('messages.archive_deleted'));
location.reload();
} else {
alert('Error deleting archive: ' + result.message);
@@ -1072,5 +1049,20 @@
}
});
</script>
<!-- Internationalization Support -->
<script src="/static/js/i18n.js"></script>
<script>
// Initialize translations with server data
if (typeof {{ translations|tojson }} !== 'undefined') {
currentTranslations = {{ translations|tojson }};
currentLanguage = '{{ current_language }}';
// Apply translations when DOM is ready
document.addEventListener('DOMContentLoaded', function() {
translatePage();
});
}
</script>
</body>
</html>