Replaces the flat news list with a D8-style two-pane layout: a filterable list on the left (All/Drafts/Scheduled/Published chips with counts) and a preview of whichever item is selected on the right, reusing the same article/photos/publish markup news_detail.html already had (now factored into _news_preview.html so both pages share it). Adds an NL/EN language toggle to the article preview -- the club's two content languages are now switchable in place, with a fallback note when a translation is missing, instead of a separate "English" card that only appeared once translated. The standalone news_detail.html permalink page is unchanged behaviourally. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01ECGMEwrc2k4D8VQuwjstj9
34 lines
1.7 KiB
HTML
34 lines
1.7 KiB
HTML
{% extends "management/base.html" %}
|
|
{% load i18n lucide ui %}
|
|
|
|
{% block heading %}{{ news_item.title }}{% endblock heading %}
|
|
|
|
{% block topbar_context %}
|
|
{% if news_item.status == "draft" %}
|
|
<span class="badge">{% trans "Draft" %}</span>
|
|
{% elif news_item.is_scheduled %}
|
|
<span class="badge badge-info">{% blocktrans with date=news_item.published_at %}Scheduled for {{ date }}{% endblocktrans %}</span>
|
|
{% else %}
|
|
<span class="badge badge-success">{% blocktrans with date=news_item.published_at %}Published {{ date }}{% endblocktrans %}</span>
|
|
{% endif %}
|
|
<span class="font-mono text-xs text-dim">{{ news_item.get_visibility_display }}</span>
|
|
{% endblock topbar_context %}
|
|
|
|
{% block actions %}
|
|
{% if can_edit %}
|
|
<a class="btn btn-outline gap-2" href="{% url 'management:news_update' news_item.pk %}">{% lucide "pencil" size=16 %} {% trans "Edit" %}</a>
|
|
<button class="btn btn-outline btn-error gap-2" type="button" onclick="document.getElementById('delete_news_modal').showModal()">{% lucide "trash-2" size=16 %} {% trans "Delete" %}</button>
|
|
{% endif %}
|
|
{% if can_publish %}
|
|
{% if news_item.status == "draft" %}
|
|
<button class="btn btn-primary gap-2" type="button" onclick="document.getElementById('publish_modal').showModal()">{% lucide "upload" size=16 %} {% trans "Publish" %}</button>
|
|
{% else %}
|
|
<button class="btn btn-outline btn-warning gap-2" type="button" onclick="document.getElementById('unpublish_modal').showModal()">{% lucide "eye-off" size=16 %} {% trans "Unpublish" %}</button>
|
|
{% endif %}
|
|
{% endif %}
|
|
{% endblock actions %}
|
|
|
|
{% block panel %}
|
|
{% include "management/_news_preview.html" with show_header=False %}
|
|
{% endblock panel %}
|