YunoHost-Apps
/
backupmanager_ynh


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
							<!DOCTYPE html>
<html lang="fr" class="h-full bg-gray-50">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>{% block title %}Backup Manager{% endblock %} — {{ instance_name }}</title>
  <script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="h-full flex flex-col">

  <nav class="bg-gray-900 text-white shadow-lg">
    <div class="max-w-7xl mx-auto px-6 py-3 flex items-center justify-between">
      <div class="flex items-center gap-3">
        <svg class="w-6 h-6 text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
            d="M5 12h14M5 12l4-4m-4 4l4 4M19 12l-4-4m4 4l-4 4"/>
        </svg>
        <a href="{{ url_for('index') }}" class="text-lg font-bold tracking-tight">Backup Manager</a>
        <span class="bg-blue-600 text-xs font-medium px-2 py-0.5 rounded">{{ instance_name }}</span>
      </div>
      <div class="flex items-center gap-4 text-sm">
        <a href="{{ url_for('index') }}" class="text-gray-300 hover:text-white transition">Dashboard</a>
        <a href="{{ url_for('remote_instances_list') }}" class="text-gray-300 hover:text-white transition">Instances</a>
        <a href="{{ url_for('destinations_list') }}" class="text-gray-300 hover:text-white transition">Destinations</a>
        <a href="{{ url_for('settings') }}" class="text-gray-300 hover:text-white transition">Paramètres</a>
        <a href="{{ url_for('job_new') }}"
           class="bg-blue-600 hover:bg-blue-700 text-white px-3 py-1.5 rounded font-medium transition">
          + Nouveau job
        </a>
      </div>
    </div>
  </nav>

  <main class="flex-1 max-w-7xl mx-auto w-full px-6 py-8">
    {% with messages = get_flashed_messages(with_categories=true) %}
      {% if messages %}
        <div class="mb-6 space-y-2">
          {% for category, message in messages %}
            <div class="px-4 py-3 rounded-lg text-sm font-medium
              {% if category == 'error' %}bg-red-50 text-red-800 border border-red-200
              {% elif category == 'info' %}bg-blue-50 text-blue-800 border border-blue-200
              {% else %}bg-green-50 text-green-800 border border-green-200{% endif %}">
              {{ message }}
            </div>
          {% endfor %}
        </div>
      {% endif %}
    {% endwith %}

    {% block content %}{% endblock %}
  </main>

  <footer class="text-center text-xs text-gray-400 py-4">
    Backup Manager — instance <strong>{{ instance_name }}</strong>
  </footer>

</body>
</html>