{# Extends the base layout template #} {% extends "base.html" %} {# --- Page Title Block --- #} {% block title %}{{ super() }} - Monitor Server: {{ server_name }}{% endblock %} {# --- Head Scripts Block --- #} {% block head_scripts %} {# Define the serverName JavaScript variable for monitor_usage.js #} {# Ensure this runs *before* the monitor_usage.js script #} {# Use 'const' for block-scoped variable, escape Jinja variable for safety #} {# Include the JavaScript that fetches and updates the status #} {% endblock %} {# --- Main Content Block --- #} {% block content %} {# Main heading for the page #}
Server: {{ server_name }}
{# Section containing the monitor output #} tag preserves whitespace and line breaks from the JS statusText #}
{# id="status-info" is targeted by monitor_usage.js #}
{# aria-live="polite" makes screen readers announce changes politely #}
{# aria-atomic="true" ensures the entire updated content is announced #}
Loading server status...
{# --- Navigation Link --- #}
{# Using form-actions class for consistent spacing/alignment #}
{# Added monitor-actions for potential specific styling #}
{# Link back to the main dashboard #}
{# Changed class to action-button for consistent look #}
« Back to Dashboard