86 lines
3.5 KiB
HTML
86 lines
3.5 KiB
HTML
|
{% extends "core/base.html" %}
|
|||
|
|
{% load static %}
|
|||
|
|
{% load lyric_extras %}
|
|||
|
|
|
|||
|
|
{% block title_text %}Billbud{% endblock title_text %}
|
|||
|
|
{% block header_text %}<span>Bill</span><span>bud</span>{% endblock header_text %}
|
|||
|
|
|
|||
|
|
{% block content %}
|
|||
|
|
{# note.js exposes window.Brief — needed by the auto-fired @mailman Brief #}
|
|||
|
|
{# when this page is the destination of an invite cascade. #}
|
|||
|
|
<script src="{% static 'apps/dashboard/note.js' %}"></script>
|
|||
|
|
|
|||
|
|
<div class="bud-page">
|
|||
|
|
<header class="bud-page-header">
|
|||
|
|
<h3>{{ bud|at_handle }} the {{ bud.active_title_display }}</h3>
|
|||
|
|
<p class="bud-page-email">{{ bud.email }}</p>
|
|||
|
|
</header>
|
|||
|
|
|
|||
|
|
<form id="id_bud_shoptalk_form"
|
|||
|
|
method="POST"
|
|||
|
|
action="{% url 'billboard:save_bud_shoptalk' bud.id %}"
|
|||
|
|
class="bud-shoptalk-form">
|
|||
|
|
{% csrf_token %}
|
|||
|
|
<label for="id_shoptalk" class="bud-shoptalk-label">Shoptalk</label>
|
|||
|
|
<textarea id="id_shoptalk"
|
|||
|
|
name="shoptalk"
|
|||
|
|
maxlength="160"
|
|||
|
|
class="form-control bud-shoptalk-input"
|
|||
|
|
placeholder="Your personal note about this bud…">{{ shoptalk_text }}</textarea>
|
|||
|
|
</form>
|
|||
|
|
|
|||
|
|
{# 4-btn apparatus mirrors my_sea.html: kit (from base.html) + bud + #}
|
|||
|
|
{# gear + burger. Apparatus loads bud-btn.js (defines window. #}
|
|||
|
|
{# bindBudBtn — does NOT auto-bind); the inline script below opens #}
|
|||
|
|
{# the panel + stubs OK to disabled per the sprint plan. #}
|
|||
|
|
{% include "apps/billboard/_partials/_bud_apparatus.html" with aria_label="Bud" include_suggestions=False %}
|
|||
|
|
<script>
|
|||
|
|
(function () {
|
|||
|
|
var btn = document.getElementById('id_bud_btn');
|
|||
|
|
var panel = document.getElementById('id_bud_panel');
|
|||
|
|
var ok = document.getElementById('id_bud_ok');
|
|||
|
|
if (!btn || !panel || !ok) return;
|
|||
|
|
// bud-of-bud flow isn't wired yet — stub OK as disabled w. × text.
|
|||
|
|
ok.classList.add('btn-disabled');
|
|||
|
|
ok.textContent = '×';
|
|||
|
|
ok.setAttribute('disabled', 'disabled');
|
|||
|
|
btn.addEventListener('click', function () {
|
|||
|
|
var open = document.documentElement.classList.toggle('bud-open');
|
|||
|
|
btn.classList.toggle('active', open);
|
|||
|
|
});
|
|||
|
|
document.addEventListener('keydown', function (e) {
|
|||
|
|
if (e.key === 'Escape' && document.documentElement.classList.contains('bud-open')) {
|
|||
|
|
document.documentElement.classList.remove('bud-open');
|
|||
|
|
btn.classList.remove('active');
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}());
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
{% include "apps/billboard/_partials/_bud_gear.html" %}
|
|||
|
|
|
|||
|
|
{# Burger fan — sea_btn_active + sea_first_draw_pending drive the #}
|
|||
|
|
{# server-side .active / .glow-handoff classes (same vars my_sea + #}
|
|||
|
|
{# room read). burger-btn.js auto-binds on DOMContentLoaded. #}
|
|||
|
|
{% include "apps/gameboard/_partials/_burger.html" %}
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<script src="{% static 'apps/epic/burger-btn.js' %}"></script>
|
|||
|
|
{% if pending_invite %}
|
|||
|
|
<script>
|
|||
|
|
(function () {
|
|||
|
|
var sea = document.getElementById('id_sea_btn');
|
|||
|
|
if (!sea) return;
|
|||
|
|
// Active sub-btn navigation handler — fires BEFORE burger-btn.js's
|
|||
|
|
// delegated fan handler (target-phase before bubble-up) so the click
|
|||
|
|
// routes to the bud's spectator my-sea page. Burger then closes the
|
|||
|
|
// fan as usual.
|
|||
|
|
sea.addEventListener('click', function () {
|
|||
|
|
if (!sea.classList.contains('active')) return;
|
|||
|
|
window.location.href = '/gameboard/my-sea/visit/{{ bud.id }}/';
|
|||
|
|
});
|
|||
|
|
}());
|
|||
|
|
</script>
|
|||
|
|
{% endif %}
|
|||
|
|
{% endblock content %}
|