{# 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 Monitor

{# Display the server context #}

Server: {{ server_name }}

{# Section containing the monitor output #}
{# --- Status Display Area --- #} {# The
 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
{# --- End .monitor-section --- #} {% endblock %} {# --- Optional Body Scripts Block --- #} {% block body_scripts %} {# No additional body scripts typically needed for this page #} {% endblock %}