RosterHash/templates/dashboard.html
2025-09-04 21:31:23 -07:00

102 lines
4.3 KiB
HTML

{% extends "base.html" %}
{% block title %}{{ user.display_name }} - Week {{ week }}{% endblock %}
{% block content %}
<!-- Meta tags for JavaScript -->
<meta name="username" content="{{ user.username }}">
<meta name="week" content="{{ week }}">
<!-- Header with user name and week navigation -->
<header class="dashboard-header">
<h1>{{ user.display_name }}</h1>
<div class="week-nav">
<a href="/{{ user.username }}/{{ week - 1 }}" class="week-btn">&larr; Week {{ week - 1 }}</a>
<span class="current-week">Week {{ week }}</span>
<a href="/{{ user.username }}/{{ week + 1 }}" class="week-btn">Week {{ week + 1 }} &rarr;</a>
</div>
</header>
<!-- Compact league scores at top -->
<section class="scores-summary">
{% for league_info in league_data %}
<div class="score-row">
<div class="league-info">
<!-- League color dot -->
<span class="league-dot" style="background-color: {{ league_info.league_color }};"></span>
<span class="league-name">{{ league_info.league.name }}</span>
</div>
<div class="score-compact">
<span class="user-name">{{ user.display_name }}</span>
<span class="score" id="user-score-{{ league_info.league.league_id }}">
{{ league_info.user_matchup.points|round(1) if league_info.user_matchup else '0.0' }}
</span>
<span class="vs-compact">vs</span>
<span class="score" id="opp-score-{{ league_info.league.league_id }}">
{{ league_info.opponent_matchup.points|round(1) if league_info.opponent_matchup else '0.0' }}
</span>
<span class="opp-name">{{ league_info.opponent_user.display_name if league_info.opponent_user else 'Opponent' }}</span>
</div>
</div>
{% endfor %}
</section>
<!-- Main calendar section -->
<section class="schedule-section">
<h2>Week {{ week }} Games</h2>
<div class="calendar-rows">
<!-- Check if schedule has games -->
{% set has_games = false %}
{% for day, games in schedule.items() if games %}
{% set has_games = true %}
{% endfor %}
<!-- Loop through days that have games -->
{% for day, games in schedule.items() if games %}
<div class="day-row">
<div class="day-header">
<h3>{{ day }}</h3>
</div>
<div class="day-games">
<!-- Games for this day -->
{% for game in games %}
<div class="game-card">
<div class="game-info">
<div class="game-time">{{ game.time }}</div>
<div class="matchup">
<span class="away-team">{{ game.away_team }}</span>
<span class="at">@</span>
<span class="home-team">{{ game.home_team }}</span>
</div>
</div>
<!-- Show user's players in this game -->
<div class="game-players">
{% for league_info in league_data %}
{% for player in league_info.all_players %}
{% if player.team in game.teams %}
<div class="player-pill {{ player.fantasy_positions[0]|lower if player.fantasy_positions else 'flex' }}">
<!-- League color dot -->
<span class="league-dot" style="background-color: {{ league_info.league_color }};"></span>
<span class="pos">{{ player.fantasy_positions[0] if player.fantasy_positions else 'FLEX' }}</span>
<span class="name">{{ player.last_name }}</span>
</div>
{% endif %}
{% endfor %}
{% endfor %}
</div>
</div>
{% endfor %}
</div>
</div>
{% endfor %}
<!-- Show message if no games found -->
{% if not has_games %}
<div class="no-games-week">
<p>No games found for week {{ week }}</p>
</div>
{% endif %}
</div>
</section>
{% endblock %}