174 lines
6.6 KiB
HTML
174 lines
6.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" data-bs-theme="{{ theme }}">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{% block title %}SKE Digital Signage{% endblock %}</title>
|
|
|
|
<!-- Bootstrap CSS -->
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css" rel="stylesheet">
|
|
|
|
<!-- Custom CSS -->
|
|
<style>
|
|
.navbar-brand img {
|
|
height: 40px;
|
|
width: auto;
|
|
}
|
|
.content-card {
|
|
transition: transform 0.2s;
|
|
}
|
|
.content-card:hover {
|
|
transform: translateY(-2px);
|
|
}
|
|
.log-entry {
|
|
font-family: 'Courier New', monospace;
|
|
font-size: 0.85rem;
|
|
}
|
|
.sortable {
|
|
list-style: none;
|
|
padding: 0;
|
|
}
|
|
.sortable li {
|
|
margin: 0 0 5px 0;
|
|
padding: 10px;
|
|
background: var(--bs-light);
|
|
border: 1px solid var(--bs-border-color);
|
|
border-radius: 5px;
|
|
cursor: move;
|
|
}
|
|
.sortable li:hover {
|
|
background: var(--bs-secondary-bg);
|
|
}
|
|
.fullscreen-container {
|
|
position: relative;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
overflow: hidden;
|
|
background: #000;
|
|
}
|
|
.media-display {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: contain;
|
|
}
|
|
</style>
|
|
|
|
{% block extra_css %}{% endblock %}
|
|
</head>
|
|
<body>
|
|
<!-- Navigation -->
|
|
{% if current_user.is_authenticated %}
|
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
|
<div class="container-fluid">
|
|
<a class="navbar-brand" href="{{ url_for('dashboard.index') }}">
|
|
{% if logo_exists %}
|
|
<img src="{{ url_for('static', filename='assets/logo.png') }}" alt="SKE Digital Signage">
|
|
{% else %}
|
|
<i class="bi bi-display"></i> SKE Digital Signage
|
|
{% endif %}
|
|
</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.index') }}">
|
|
<i class="bi bi-house"></i> Dashboard
|
|
</a>
|
|
</li>
|
|
{% if current_user.has_admin_access %}
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{ url_for('content.upload') }}">
|
|
<i class="bi bi-cloud-upload"></i> Upload Content
|
|
</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" href="{{ url_for('admin.index') }}">
|
|
<i class="bi bi-gear"></i> Admin
|
|
</a>
|
|
</li>
|
|
{% endif %}
|
|
</ul>
|
|
|
|
<ul class="navbar-nav">
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown">
|
|
<i class="bi bi-person"></i> {{ current_user.username }}
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<li>
|
|
<form method="POST" action="{{ url_for('admin.change_theme') }}" class="d-inline">
|
|
<input type="hidden" name="theme" value="{{ 'light' if theme == 'dark' else 'dark' }}">
|
|
<button class="dropdown-item" type="submit">
|
|
<i class="bi bi-{{ 'sun' if theme == 'dark' else 'moon' }}"></i>
|
|
{{ 'Light' if theme == 'dark' else 'Dark' }} Theme
|
|
</button>
|
|
</form>
|
|
</li>
|
|
<li><hr class="dropdown-divider"></li>
|
|
<li><a class="dropdown-item" href="{{ url_for('auth.logout') }}">
|
|
<i class="bi bi-box-arrow-right"></i> 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-3">
|
|
{% 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>
|
|
{% block content %}{% endblock %}
|
|
</main>
|
|
|
|
<!-- Footer -->
|
|
{% if current_user.is_authenticated %}
|
|
<footer class="bg-light mt-5 py-3 border-top">
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<small class="text-muted">
|
|
SKE Digital Signage v{{ server_version }}
|
|
<span class="text-muted">| Build: {{ build_date }}</span>
|
|
</small>
|
|
</div>
|
|
<div class="col-md-6 text-end">
|
|
<small class="text-muted">
|
|
Logged in as: {{ current_user.username }} ({{ current_user.role }})
|
|
</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
{% endif %}
|
|
|
|
<!-- Bootstrap JS -->
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
|
|
|
|
<!-- jQuery and Sortable (for drag & drop) -->
|
|
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"></script>
|
|
|
|
{% block extra_js %}{% endblock %}
|
|
</body>
|
|
</html>
|