{# Extends the base layout template #} {% extends "base.html" %} {# --- Page Title Block --- #} {# Sets the browser window/tab title, includes server name #} {% block title %}{{ super() }} - Backup Config File: {{ server_name }}{% endblock %} {# --- Head Scripts Block --- #} {# Includes JavaScript files needed specifically for this page in the #} {% block head_scripts %} {# Utility functions (showStatusMessage, sendServerActionRequest) #} {# Backup/Restore specific frontend functions #} {% endblock %} {# --- Main Content Block --- #} {# Overrides the content block in base.html #} {% block content %} {# Main heading for the page #}

Select Configuration File to Backup

{# Display the server context #}

Server: {{ server_name }}

{# --- Status Message Area --- #} {# This div is targeted by the showStatusMessage() JavaScript function #} {# to display success, error, or info messages dynamically. #}

{# Initial content is empty, controlled by JS #}

{# Section containing the backup options #}

Click a button below to create a timestamped backup of the corresponding configuration file.

{# Group for the action buttons #}

{# Grouping for layout/spacing #} {# Buttons triggering specific config backups via JavaScript #} {# 'this' refers to the button element itself, passed for disabling during API call #} {# server_name is passed from Jinja context #} {# The third argument is the specific filename relative to the server directory #} {# Add buttons for other standard configuration files if applicable #}

{# Navigation Link Back #} {# Separated from action buttons for clarity #}

{# End of .backup-config-section #} {% endblock %} {# --- Optional Body Scripts Block --- #} {# Add page-specific JS initialization if needed here #} {% block body_scripts %} {# #} {% endblock %}