253 lines
12 KiB
HTML
Executable File
253 lines
12 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html lang="{{ LANG }}">
|
|
<head>
|
|
<title>
|
|
Obscreen - {% block page_title %}{% endblock %}
|
|
</title>
|
|
<meta name="robots" content="noindex, nofollow">
|
|
<meta name="google" content="notranslate">
|
|
<link rel="shortcut icon" href="/favicon.ico">
|
|
<link rel="apple-touch-icon-precomposed" sizes="57x57"
|
|
href="{{ STATIC_PREFIX }}favicon/apple-touch-icon-57x57.png"/>
|
|
<link rel="apple-touch-icon-precomposed" sizes="114x114"
|
|
href="{{ STATIC_PREFIX }}favicon/apple-touch-icon-114x114.png"/>
|
|
<link rel="apple-touch-icon-precomposed" sizes="72x72"
|
|
href="{{ STATIC_PREFIX }}favicon/apple-touch-icon-72x72.png"/>
|
|
<link rel="apple-touch-icon-precomposed" sizes="144x144"
|
|
href="{{ STATIC_PREFIX }}favicon/apple-touch-icon-144x144.png"/>
|
|
<link rel="apple-touch-icon-precomposed" sizes="60x60"
|
|
href="{{ STATIC_PREFIX }}favicon/apple-touch-icon-60x60.png"/>
|
|
<link rel="apple-touch-icon-precomposed" sizes="120x120"
|
|
href="{{ STATIC_PREFIX }}favicon/apple-touch-icon-120x120.png"/>
|
|
<link rel="apple-touch-icon-precomposed" sizes="76x76"
|
|
href="{{ STATIC_PREFIX }}favicon/apple-touch-icon-76x76.png"/>
|
|
<link rel="apple-touch-icon-precomposed" sizes="152x152"
|
|
href="{{ STATIC_PREFIX }}favicon/apple-touch-icon-152x152.png"/>
|
|
<link rel="icon" type="image/png" href="{{ STATIC_PREFIX }}favicon/favicon-196x196.png" sizes="196x196"/>
|
|
<link rel="icon" type="image/png" href="{{ STATIC_PREFIX }}favicon/favicon-96x96.png" sizes="96x96"/>
|
|
<link rel="icon" type="image/png" href="{{ STATIC_PREFIX }}favicon/favicon-32x32.png" sizes="32x32"/>
|
|
<link rel="icon" type="image/png" href="{{ STATIC_PREFIX }}favicon/favicon-16x16.png" sizes="16x16"/>
|
|
<link rel="icon" type="image/png" href="{{ STATIC_PREFIX }}favicon/favicon-128.png" sizes="128x128"/>
|
|
<meta name="application-name" content="Obscreen"/>
|
|
<meta name="msapplication-TileColor" content="#333333"/>
|
|
<meta name="msapplication-TileImage" content="{{ STATIC_PREFIX }}favicon/mstile-144x144.png"/>
|
|
<meta name="msapplication-square70x70logo" content="{{ STATIC_PREFIX }}favicon/mstile-70x70.png"/>
|
|
<meta name="msapplication-square150x150logo" content="{{ STATIC_PREFIX }}favicon/mstile-150x150.png"/>
|
|
<meta name="msapplication-wide310x150logo" content="{{ STATIC_PREFIX }}favicon/mstile-310x150.png"/>
|
|
<meta name="msapplication-square310x310logo" content="{{ STATIC_PREFIX }}favicon/mstile-310x310.png"/>
|
|
<meta name="theme-color" content="#333333">
|
|
<link rel="manifest" href="/manifest.json">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
|
|
rel="stylesheet">
|
|
<link href="https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap"
|
|
rel="stylesheet">
|
|
<link rel="stylesheet" href="{{ STATIC_PREFIX }}css/lib/fontawesome.min.css"/>
|
|
<link rel="stylesheet" href="{{ STATIC_PREFIX }}css/compiled/main-{{ 'dark' if DARK_MODE else 'light' }}-mode.css"/>
|
|
{% block add_css %}{% endblock %}
|
|
{{ HOOK(H_ROOT_CSS) }}
|
|
</head>
|
|
<body class="{% block body_class %}{% endblock %}">
|
|
<div class="toast"></div>
|
|
|
|
<div class="container {% block container_class %}{% endblock %}">
|
|
|
|
{% set authenticated_view = not AUTH_ENABLED or (current_user and current_user.is_authenticated) %}
|
|
{% set fully_authenticated_view = authenticated_view and current_user.is_authenticated %}
|
|
|
|
{% set dynmenu = {
|
|
"slideshow": {
|
|
"name": l.dynmenu_content,
|
|
"icon": "fa-image",
|
|
"position": 0,
|
|
"main_pill_route": last_pillmenu_slideshow,
|
|
"pills": [
|
|
{"name": l.dynmenu_content_library, "route": "slideshow_content_list", "icon": "fa-image"},
|
|
{"name": l.dynmenu_content_playlists, "route": "playlist", "route_alt": "playlist_list", "icon": "fa-play"},
|
|
]
|
|
},
|
|
"configuration": {
|
|
"name": l.dynmenu_configuration,
|
|
"icon": "fa-cog",
|
|
"position": 3,
|
|
"main_pill_route": last_pillmenu_configuration,
|
|
"pills": [
|
|
{"name": l.settings_page_title, "route": "settings_variable_list", "icon": "fa-cogs"},
|
|
{"name": l.settings_plugin_page_title, "route": "settings_variable_plugin_list", "icon": "fa-puzzle-piece"},
|
|
{"name": l.sysinfo_page_title, "route": "sysinfo_attribute_list", "icon": "fa-list-check"},
|
|
{"name": l.logs_page_title, "route": "logs", "icon": "fa-file-lines"},
|
|
]
|
|
}
|
|
} %}
|
|
|
|
{% if FLEET_PLAYER_ENABLED %}
|
|
{% set dynmenu = merge_dicts(dynmenu, {
|
|
"fleet": {
|
|
"name": l.dynmenu_fleet,
|
|
"icon": "fa-tv",
|
|
"position": 1,
|
|
"main_pill_route": last_pillmenu_fleet,
|
|
"pills": [
|
|
{"name": l.fleet_node_player_page_title, "route": "fleet_node_player_list", "icon": "fa-tv"},
|
|
{"name": l.fleet_node_player_group_page_title, "route": "fleet_node_player_group", "route_alt": "fleet_node_player_group_list", "icon": "fa-layer-group"},
|
|
]
|
|
}
|
|
}) %}
|
|
{% endif %}
|
|
|
|
{% if AUTH_ENABLED %}
|
|
{% set dynmenu = merge_dicts(dynmenu, {
|
|
"security": {
|
|
"name": l.dynmenu_security,
|
|
"icon": "fa-key",
|
|
"position": 2,
|
|
"main_pill_route": last_pillmenu_security,
|
|
"pills": [
|
|
{"name": l.auth_page_title, "route": "auth_user_list", "icon": "fa-user"},
|
|
]
|
|
}
|
|
}) %}
|
|
{% endif %}
|
|
|
|
{% set dynmenu = dictsort(dynmenu) %}
|
|
{% set route_to_category = {} %}
|
|
{% for category, details in dynmenu.items() %}
|
|
{% for pill in details.pills %}
|
|
{% set route_to_category = route_to_category.update({pill.route: category}) or route_to_category %}
|
|
{% set route_to_category = route_to_category.update({pill.route_alt: category}) or route_to_category %}
|
|
{% endfor %}
|
|
{% endfor %}
|
|
{% set active_route = active_pill_route if active_pill_route else request.url_rule.endpoint %}
|
|
{% set current_dynmenu = dynmenu[route_to_category[active_route]] %}
|
|
|
|
{% block header %}
|
|
<menu>
|
|
<h1 class="logo">
|
|
<a href="{{ url_for('playlist') }}">
|
|
<img src="{{ STATIC_PREFIX }}img/logo.png" class="before"/>
|
|
<img src="{{ STATIC_PREFIX }}img/logo-white.png" class="after"/>
|
|
Obscreen
|
|
</a>
|
|
</h1>
|
|
|
|
<nav>
|
|
{% if authenticated_view %}
|
|
<ul>
|
|
{{ HOOK(H_ROOT_NAV_ELEMENT_START) }}
|
|
{% for category, menu in dynmenu.items() %}
|
|
<li class="{{ 'active' if current_dynmenu and menu.name == current_dynmenu.name }}">
|
|
<a href="{{ url_for(menu.main_pill_route) }}">
|
|
<i class="fa {{ menu.icon }}"></i> {{ menu.name }}
|
|
</a>
|
|
</li>
|
|
{% endfor %}
|
|
{{ HOOK(H_ROOT_NAV_ELEMENT_END) }}
|
|
</ul>
|
|
{% endif %}
|
|
</nav>
|
|
|
|
{% block footer %}
|
|
<footer>
|
|
{{ HOOK(H_ROOT_FOOTER) }}
|
|
|
|
<p class="version">
|
|
Obscreen
|
|
<a href="https://github.com/jr-k/obscreen/releases/tag/v{{ VERSION }}" target="_blank">
|
|
v{{ VERSION }}
|
|
<i class="fa-brands fa-github"></i>
|
|
</a>
|
|
</p>
|
|
</footer>
|
|
{% endblock %}
|
|
</menu>
|
|
{% endblock %}
|
|
|
|
<main>
|
|
{% set show_context_bar = current_dynmenu or fully_authenticated_view %}
|
|
|
|
{% if authenticated_view %}
|
|
<div class="context-bar {{ 'hidden' if not show_context_bar }}">
|
|
|
|
{% block pill_menu %}
|
|
{% if current_dynmenu %}
|
|
{% with pills=current_dynmenu.pills %}
|
|
{% include 'core/pill-menu.jinja.html' %}
|
|
{% endwith %}
|
|
{% endif %}
|
|
{% endblock %}
|
|
|
|
|
|
<div class="context-divider"></div>
|
|
|
|
<div class="{% if not AUTH_ENABLED %}context-tail{% else %}context-tail-auth{% endif %}">
|
|
<a href="{{ url_for('slideshow_player_refresh', next=request.full_path) }}" class="btn btn-naked btn-double-icon">
|
|
<i class="fa fa-display main"></i>
|
|
<sub><i class="fa fa-refresh"></i></sub>
|
|
</a>
|
|
</div>
|
|
|
|
{% if fully_authenticated_view and AUTH_ENABLED %}
|
|
<div class="context-divider"></div>
|
|
<div class="context-user">
|
|
<div class="dropdown">
|
|
<div class="trigger">
|
|
<div class="avatar">
|
|
{{ current_user.username[0]|upper }}
|
|
</div>
|
|
<div class="username">
|
|
{{ current_user.username }}
|
|
</div>
|
|
<i class="fa fa-sort-down"></i>
|
|
</div>
|
|
<ul class="dropdown-menu">
|
|
<li class="danger">
|
|
<a href="{{ url_for('logout') }}">
|
|
<i class="fa fa-power-off"></i> {{ l.logout }}
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
{% endif %}
|
|
<div class="main-container">
|
|
{% if request.args.get('refresh_player') %}
|
|
<div class="alert alert-success">
|
|
<i class="fa fa-refresh icon-left"></i>
|
|
{{ l.slideshow_slide_refresh_player_success|replace('%time%', request.args.get('refresh_player')) }}
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% block page %}{% endblock %}
|
|
</div>
|
|
</main>
|
|
|
|
|
|
</div>
|
|
<script>
|
|
var secret_key = '{{ SECRET_KEY }}';
|
|
var l = {
|
|
'js_common_empty': '{{ l.common_empty }}',
|
|
'js_common_are_you_sure': '{{ l.common_are_you_sure }}',
|
|
'js_playlist_delete_confirmation': '{{ l.js_playlist_delete_confirmation }}',
|
|
'js_slideshow_slide_delete_confirmation': '{{ l.js_slideshow_slide_delete_confirmation }}',
|
|
'js_slideshow_content_delete_confirmation': '{{ l.js_slideshow_content_delete_confirmation }}',
|
|
'js_fleet_node_player_group_delete_confirmation': '{{ l.js_fleet_node_player_group_delete_confirmation }}',
|
|
'js_fleet_node_player_delete_confirmation': '{{ l.js_fleet_node_player_delete_confirmation }}',
|
|
'js_fleet_node_player_assign_confirmation': '{{ l.js_fleet_node_player_assign_confirmation }}',
|
|
'js_auth_user_delete_confirmation': '{{ l.js_auth_user_delete_confirmation }}',
|
|
'js_sysinfo_restart_confirmation': '{{ l.js_sysinfo_restart_confirmation }}',
|
|
'js_sysinfo_restart_loading': '{{ l.js_sysinfo_restart_loading }}',
|
|
'js_common_copied': '{{ l.common_copied }}'
|
|
};
|
|
</script>
|
|
<script src="{{ STATIC_PREFIX }}js/lib/jquery.min.js"></script>
|
|
<script src="{{ STATIC_PREFIX }}js/utils.js"></script>
|
|
<script src="{{ STATIC_PREFIX }}js/global.js"></script>
|
|
{{ HOOK(H_ROOT_JAVASCRIPT) }}
|
|
{% block add_js %}{% endblock %}
|
|
</body>
|
|
</html>
|