Giorgio Gilestro
fca05aef7a
The strategic log content already refreshes via HTMX on lang-changed
(server-side translation lookup), but the chat sidebar's static labels
— title, hint, helper lede, textarea placeholder, Send button — were
baked into the HTML by Jinja at page render and only updated after a
full reload.
Add a tiny client-side i18n dictionary (CASSANDRA_I18N) plus
applyI18n(lang) in base.html. cassandraSetLang() now calls
applyI18n(newLang) right after the language PATCH succeeds and before
firing the HTMX triggers, so labels swap in step with the AI content.
Convention: <element data-i18n="key">…</element> sets textContent;
<input data-i18n-placeholder="key" …> sets .placeholder. Initial
render still goes through the existing {% if user_lang == 'it' %}
Jinja blocks so there's no flash of English on page load for IT users
— applyI18n is a no-op until the toggle is clicked.
Only the chat sidebar has bindings today. Adding more labels later is
a matter of dropping a key into the dict and tagging the element.
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
70 lines
3.5 KiB
HTML
70 lines
3.5 KiB
HTML
{% extends "base.html" %}
|
|
{% block title %}{{ BRAND_NAME }} · Strategic Log{% endblock %}
|
|
|
|
{% block main %}
|
|
<section class="panel log-page" style="grid-column: 1 / -1;">
|
|
<div class="panel-header">
|
|
<span class="title">Strategic Log Archive</span>
|
|
<span class="meta">
|
|
selected {{ selected_iso }}
|
|
·
|
|
<span class="meta__hint">new logs use:</span>
|
|
<span class="badge badge--tone-{{ current_tone | lower }}">tone {{ current_tone | lower }}</span>
|
|
<span class="badge badge--analysis-{{ current_analysis | lower }}">analysis {{ current_analysis | lower }}</span>
|
|
</span>
|
|
</div>
|
|
|
|
<div class="log-page__body">
|
|
<aside class="log-page__cal"
|
|
hx-get="/api/log/days?month={{ selected_month }}&selected={{ selected_iso }}"
|
|
hx-trigger="load"
|
|
hx-swap="innerHTML">
|
|
<div class="empty">loading calendar…</div>
|
|
</aside>
|
|
|
|
<article id="log-content"
|
|
class="log-page__content"
|
|
hx-get="/api/log/by-date/{{ selected_iso }}?as=html"
|
|
hx-trigger="load, tone-changed, lang-changed"
|
|
hx-swap="innerHTML">
|
|
<div class="empty">loading log…</div>
|
|
</article>
|
|
|
|
{% if paid %}
|
|
<aside id="chat-sidebar" class="log-page__chat">
|
|
<div class="chat-header">
|
|
<span class="chat-title" data-i18n="chat.title">{% if user_lang == 'it' %}Chiedi a Cassandra{% else %}Ask Cassandra{% endif %}</span>
|
|
<span class="chat-hint" data-i18n="chat.hint">{% if user_lang == 'it' %}basato sull'ultimo log + dati in tempo reale{% else %}grounded on the latest log + live data{% endif %}</span>
|
|
</div>
|
|
<div id="chat-thread" class="chat-thread">
|
|
<div class="chat-msg chat-msg--system" data-i18n="chat.lede">{% if user_lang == 'it' %}Fai domande sull'analisi di oggi. Il modello vede l'ultimo log strategico, le quotazioni di mercato in tempo reale per tutti i gruppi e le ultime 24h di titoli filtrati per tesi. Un refresh della pagina cancella questa conversazione.{% else %}Ask about today's analysis. The model sees the latest strategic log, live market readings across all groups, and the last 24h of thesis-filtered headlines. Refresh wipes this conversation.{% endif %}</div>
|
|
</div>
|
|
<form id="chat-form" class="chat-form" autocomplete="off">
|
|
<textarea id="chat-input" rows="2"
|
|
data-i18n-placeholder="chat.placeholder"
|
|
placeholder="{% if user_lang == 'it' %}es. perché il comparto difesa è piatto nonostante Hormuz?{% else %}e.g. why is the defence sleeve flat through Hormuz?{% endif %}"
|
|
required></textarea>
|
|
<button id="chat-send" type="submit" data-i18n="chat.send">{% if user_lang == 'it' %}Invia{% else %}Send{% endif %}</button>
|
|
</form>
|
|
</aside>
|
|
{% else %}
|
|
<aside class="log-page__chat log-page__chat--locked">
|
|
<div class="chat-header">
|
|
<span class="chat-title">Ask Cassandra</span>
|
|
<span class="chat-hint">paid-tier feature</span>
|
|
</div>
|
|
<div class="chat-locked">
|
|
<p>
|
|
<strong>Follow-up chat is a paid feature.</strong>
|
|
Ask the model a question about any past log — it sees the
|
|
full day's context: the strategic log, live market readings, and
|
|
the last 24 hours of thesis-filtered headlines.
|
|
</p>
|
|
<a class="btn-primary" href="/pricing">See pricing</a>
|
|
</div>
|
|
</aside>
|
|
{% endif %}
|
|
</div>
|
|
</section>
|
|
{% if paid %}<script src="{{ url_for('static', path='/js/chat.js') }}?v={{ ASSET_VERSION }}" defer></script>{% endif %}
|
|
{% endblock %}
|