Bernard Siebens
6e3de13fd8
"Suggested" is whoever was on this team's roster last season -- now spelled out in a caption under the chips (same for "No team"), not just left for a coach to guess at. The search box (?q=, ANDed with whichever filter chip is active) narrows the eligible pool by first/last name, useful once a club's pool of eligible members outgrows a single screenful. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
63 lines
4.1 KiB
HTML
63 lines
4.1 KiB
HTML
{% extends "mobile/coach/base.html" %}
|
|
{% load i18n lucide %}
|
|
|
|
{% comment %}
|
|
C6 -- design_handoff_rosterchief_platform/README.md's C6 section: a
|
|
checkbox per eligible candidate rather than one member at a time (see
|
|
CoachAddPlayerView's own docstring for why, and what's scoped down from
|
|
the mock -- no "Age eligible" filter, no fixed footer).
|
|
{% endcomment %}
|
|
|
|
{% block header_extra %}
|
|
<div class="mt-3 flex items-center justify-between">
|
|
<span class="font-display text-lg font-extrabold text-white uppercase">{% blocktrans with team=active_team.name %}Add to {{ team }}{% endblocktrans %}</span>
|
|
<span class="font-mono text-xs text-on-dark">{% blocktrans count counter=squad_count %}{{ counter }} on squad{% plural %}{{ counter }} on squad{% endblocktrans %}</span>
|
|
</div>
|
|
{% endblock header_extra %}
|
|
|
|
{% block content %}
|
|
<form method="get" class="relative">
|
|
{% if filter_param %}<input type="hidden" name="filter" value="{{ filter_param }}">{% endif %}
|
|
<span class="pointer-events-none absolute top-1/2 left-3 -translate-y-1/2 text-dim">{% lucide "search" size=16 %}</span>
|
|
<input type="search" name="q" value="{{ search_query }}" placeholder="{% trans "Search by name" %}" class="h-11 w-full rounded-lg border border-stroke bg-paper pr-3 pl-9 text-[15px] text-ink placeholder:text-dim focus:border-ink focus:outline-none">
|
|
</form>
|
|
|
|
<div class="flex gap-2">
|
|
<a class="flex h-9 flex-1 items-center justify-center rounded-full font-display text-xs font-extrabold tracking-wide uppercase {% if not filter_param %}bg-ink text-white{% else %}border border-line bg-white text-muted{% endif %}" href="?{% if search_query %}q={{ search_query|urlencode }}{% endif %}">
|
|
{% trans "All" %}
|
|
</a>
|
|
<a class="flex h-9 flex-1 items-center justify-center rounded-full font-display text-xs font-extrabold tracking-wide uppercase {% if filter_param == "suggested" %}bg-ink text-white{% else %}border border-line bg-white text-muted{% endif %}" href="?filter=suggested{% if search_query %}&q={{ search_query|urlencode }}{% endif %}">
|
|
{% trans "Suggested" %}
|
|
</a>
|
|
<a class="flex h-9 flex-1 items-center justify-center rounded-full font-display text-xs font-extrabold tracking-wide uppercase {% if filter_param == "no_team" %}bg-ink text-white{% else %}border border-line bg-white text-muted{% endif %}" href="?filter=no_team{% if search_query %}&q={{ search_query|urlencode }}{% endif %}">
|
|
{% trans "No team" %}
|
|
</a>
|
|
</div>
|
|
|
|
{% if filter_param == "suggested" %}
|
|
<p class="text-xs text-muted">{% trans "Was on this team's roster last season." %}</p>
|
|
{% elif filter_param == "no_team" %}
|
|
<p class="text-xs text-muted">{% trans "Not on any team's roster yet this season." %}</p>
|
|
{% endif %}
|
|
|
|
<form method="post" action="{% url "mobile:coach_add_player" %}" x-data="{ count: 0 }" hx-boost="false">
|
|
{% csrf_token %}
|
|
<div class="m-card flex flex-col overflow-hidden">
|
|
{% for candidate in candidates %}
|
|
<label class="flex items-center gap-3 px-4 py-2.5 {% if not forloop.last %}border-b border-rule{% endif %}">
|
|
{% include "mobile/_avatar.html" with person=candidate size_class="h-9 w-9" text_class="text-xs" %}
|
|
<span class="min-w-0 flex-1 text-sm font-semibold text-ink">{{ candidate.get_full_name }}</span>
|
|
<input class="h-5 w-5 shrink-0 accent-ink" type="checkbox" name="member" value="{{ candidate.pk }}" @change="count = $el.form.querySelectorAll('input[name=member]:checked').length">
|
|
</label>
|
|
{% empty %}
|
|
<div class="px-4 py-6 text-center text-sm text-muted">{% trans "No one matches." %}</div>
|
|
{% endfor %}
|
|
</div>
|
|
|
|
<button class="btn btn-dark mt-4 w-full" type="submit" :disabled="count === 0">
|
|
<span x-show="count === 0">{% trans "Select players to add" %}</span>
|
|
<span x-show="count > 0" x-cloak>{% trans "Add" %} (<span x-text="count"></span>)</span>
|
|
</button>
|
|
</form>
|
|
{% endblock content %}
|