144 lines
7.5 KiB
HTML
144 lines
7.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="{{ current_lang or 'en' }}">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{% block title %}{{ t.app_title }}{% endblock %}</title>
|
|
|
|
<!-- Bootstrap CSS -->
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<!-- Bootstrap Icons -->
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css" rel="stylesheet">
|
|
<!-- Custom CSS -->
|
|
<link href="{{ url_for('static', filename='css/main.css') }}" rel="stylesheet">
|
|
<link href="{{ url_for('static', filename='css/themes.css') }}" rel="stylesheet">
|
|
<link href="{{ url_for('static', filename='css/responsive.css') }}" rel="stylesheet">
|
|
|
|
{% block head %}{% endblock %}
|
|
</head>
|
|
<body class="theme-{{ current_user.preferred_theme if current_user.is_authenticated else 'light' }}">
|
|
<!-- Navigation -->
|
|
{% if current_user.is_authenticated %}
|
|
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
|
|
<div class="container-fluid">
|
|
<a class="navbar-brand d-flex align-items-center" href="{{ url_for('dashboard') }}">
|
|
<img src="{{ url_for('static', filename='images/SIDEL.png') }}"
|
|
alt="SIDEL Logo"
|
|
class="sidel-logo me-2">
|
|
{{ t.app_title }}
|
|
</a>
|
|
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
|
|
<div class="collapse navbar-collapse" id="navbarNav">
|
|
<ul class="navbar-nav me-auto">
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{ url_for('dashboard') }}">
|
|
<i class="bi bi-house"></i> {{ t.dashboard }}
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="#" id="logs-link">
|
|
<i class="bi bi-file-text"></i> {{ t.logs }}
|
|
</a>
|
|
</li>
|
|
{% if current_user.user_level in ['admin', 'developer'] %}
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" id="adminDropdown" role="button" data-bs-toggle="dropdown">
|
|
<i class="bi bi-gear"></i> {{ t.admin }}
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
{% if current_user.user_level == 'admin' %}
|
|
<li><a class="dropdown-item" href="{{ url_for('admin_users') }}"><i class="bi bi-people"></i> {{ t.users }}</a></li>
|
|
{% endif %}
|
|
<li><a class="dropdown-item" href="{{ url_for('admin_conda') }}"><i class="bi bi-cpu"></i> {{ t.conda_environments }}</a></li>
|
|
{% if current_user.user_level == 'admin' %}
|
|
<li><a class="dropdown-item" href="{{ url_for('admin_backup') }}"><i class="bi bi-archive"></i> {{ t.backup }}</a></li>
|
|
{% endif %}
|
|
</ul>
|
|
</li>
|
|
{% endif %}
|
|
</ul>
|
|
|
|
<ul class="navbar-nav">
|
|
<!-- Language Selector -->
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" id="languageDropdown" role="button" data-bs-toggle="dropdown">
|
|
<i class="bi bi-translate"></i> {{ current_lang.upper() }}
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item language-option" data-lang="en" href="#">English</a></li>
|
|
<li><a class="dropdown-item language-option" data-lang="es" href="#">Español</a></li>
|
|
<li><a class="dropdown-item language-option" data-lang="it" href="#">Italiano</a></li>
|
|
<li><a class="dropdown-item language-option" data-lang="fr" href="#">Français</a></li>
|
|
</ul>
|
|
</li>
|
|
|
|
<!-- Theme Toggle -->
|
|
<li class="nav-item">
|
|
<button class="btn btn-link nav-link" id="theme-toggle">
|
|
<i class="bi bi-moon theme-icon-dark"></i>
|
|
<i class="bi bi-sun theme-icon-light"></i>
|
|
</button>
|
|
</li>
|
|
|
|
<!-- User Menu -->
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" id="userDropdown" role="button" data-bs-toggle="dropdown">
|
|
<i class="bi bi-person-circle"></i> {{ current_user.username }}
|
|
<span class="badge bg-secondary">{{ t.user_level[current_user.user_level] }}</span>
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a class="dropdown-item" href="#"><i class="bi bi-gear"></i> {{ t.settings }}</a></li>
|
|
<li><hr class="dropdown-divider"></li>
|
|
<li><a class="dropdown-item" href="{{ url_for('logout') }}"><i class="bi bi-box-arrow-right"></i> {{ t.logout }}</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
{% endif %}
|
|
|
|
<!-- Flash Messages -->
|
|
{% with messages = get_flashed_messages(with_categories=true) %}
|
|
{% if messages %}
|
|
<div class="container-fluid mt-2">
|
|
{% for category, message in messages %}
|
|
<div class="alert alert-{{ 'danger' if category == 'error' else category }} alert-dismissible fade show" role="alert">
|
|
{{ message }}
|
|
<button type="button" class="btn-close" data-bs-dismiss="alert"></button>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
{% endwith %}
|
|
|
|
<!-- Main Content -->
|
|
<main class="{% if current_user.is_authenticated %}container-fluid mt-3{% else %}container{% endif %}">
|
|
{% block content %}{% endblock %}
|
|
</main>
|
|
|
|
<!-- Footer -->
|
|
<footer class="bg-light mt-5 py-3">
|
|
<div class="container text-center">
|
|
<small class="text-muted">{{ t.app_title }} - Multi-Language Script Manager</small>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- Scripts -->
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
|
<script src="https://cdn.socket.io/4.6.0/socket.io.min.js"></script>
|
|
<script src="{{ url_for('static', filename='js/main.js') }}"></script>
|
|
<script src="{{ url_for('static', filename='js/theme-manager.js') }}"></script>
|
|
<script src="{{ url_for('static', filename='js/language-manager.js') }}"></script>
|
|
|
|
{% if current_user.is_authenticated %}
|
|
<script src="{{ url_for('static', filename='js/websocket.js') }}"></script>
|
|
{% endif %}
|
|
|
|
{% block scripts %}{% endblock %}
|
|
</body>
|
|
</html> |