1
0
mirror of synced 2024-12-18 17:25:54 +01:00
bemaniutils/bemani/frontend/templates/base.html

173 lines
9.2 KiB
HTML
Raw Normal View History

<html>
<head>
{% if title %}
<title>{{ title }}</title>
{% endif %}
<link rel="icon" type="image/png" href="{{ theme_url('favicon.png') }}" />
<link rel="stylesheet" type="text/css" href="{{ theme_url('site.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ theme_url('color.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ theme_url('form.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ theme_url('section.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ theme_url('table.css') }}" />
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='jquery-confirm.css') }}" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="text/javascript" src="{{ url_for('static', filename='chart.bundle.min.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='date.format.min.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='jquery-1.12.4.min.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='jquery-confirm.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='jquery.touchSwipe.min.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='tinynav.js') }}"></script>
<script defer type="text/javascript" src="{{ url_for('static', filename='react.min.js') }}"></script>
<script defer type="text/javascript" src="{{ url_for('static', filename='react-dom.min.js') }}"></script>
<script defer type="text/javascript" src="{{ url_for('static', filename='ajax.js') }}"></script>
<script defer type="text/javascript" src="{{ url_for('static', filename='messages.js') }}"></script>
<script defer type="text/javascript" src="{{ url_for('static', filename='history.js') }}"></script>
<script defer type="text/javascript" src="{{ url_for('static', filename='iidx-options.js') }}"></script>
<script defer type="text/javascript" src="{{ url_for('static', filename='ddr-options.js') }}"></script>
<script defer type="text/javascript" src="{{ url_for('static', filename='link.js') }}"></script>
<script defer type="text/javascript" src="{{ url_for('static', filename='merge.js') }}"></script>
{% for entry in components %}
<script defer type="text/javascript" src="{{ url_for('jsx', filename=entry) }}"></script>
{% endfor %}
{% block scripts %}{% endblock %}
</head>
<body>
{% if show_navigation %}
<div class="navigation">
<ul class="navigation" id="nav">
{% for entry in navigation %}
<li class="{{
'right' if entry.get('right_justify') else 'left' }}
{{ 'selected' if entry['uri'] == current_path or ((current_path.startswith(entry.get('base_uri', '/nonexistent') or '/nonexistent')) and not (any(entry.get('entries'), 'uri', current_path))) else ''
}}">
{% with uri = entry.get('uri') %}
{% with label = entry.get('label') %}
{% if label %}
{% if uri %}
<a
class="{{ 'current' if (entry['uri'] == current_path) or (any(entry.get('entries'), 'uri', current_path)) or (current_path.startswith(entry.get('base_uri', '/nonexistent') or '/nonexistent')) else ''}} {{entry['gamecode']}} border"
href="{{ entry['uri'] }}"
>{{ entry['label'] }}</a>
{% else %}
<a
class="cursor {{ 'current' if (entry['uri'] == current_path) or (any(entry.get('entries'), 'uri', current_path)) or (current_path.startswith(entry.get('base_uri', '/nonexistent') or '/nonexistent')) else ''}} {{entry['gamecode']}} border"
>{{ entry['label'] }}</a>
{% endif %}
{% else %}
<div class="separator">&nbsp;</div>
{% endif %}
{% endwith %}
{% endwith %}
{% with subentries = entry.get('entries') %}
{% if subentries %}
<ul class="navigation_sub">
{% for subentry in subentries %}
<li class="{{ 'selected' if subentry['uri'] == current_path else '' }}">
<a
class="{{ 'current' if (subentry['uri'] == current_path) else '' }}"
href="{{ subentry['uri'] }}"
>{{ subentry['label'] }}</a>
</li>
{% endfor %}
</ul>
{% endif %}
{% endwith %}
</li>
{% endfor %}
</ul>
</div>
{% endif %}
<div class="messages-anchor"></div>
<div class="messages">
<ul class="messages">
{% with messages = get_flashed_messages(with_categories=true) %}
{% if messages %}
{% for category, message in messages %}
<li class="{{ category }}">
{{ message }}
<div class="close">&#10005;</div>
</li>
{% endfor %}
{% endif %}
{% endwith %}
</ul>
</div>
<div class="container">
{% block content %}{% endblock %}
</div>
<script type="text/javascript">
$(function () {
$("#nav").tinyNav();
});
</script>
<script type="text/javascript">
window.floaterrors = function(skipheightadjust) {
if($(this).scrollTop()>$('div.messages-anchor').position().top){
if (!window.floated) {
var width = $('div.messages').width();
var height = $('div.messages').height();
if (height > 0) {
$('div.messages').css({position:'fixed',top:0, width: width, 'z-index': 1});
if (skipheightadjust) {
$('div.messages-anchor').css({height: ''});
} else {
$('div.messages-anchor').css({height: height + 10});
}
window.floated = true;
}
}
} else {
$('div.messages').css({position:'', width: '', top: ''});
$('div.messages-anchor').css({height: ''});
window.floated = false;
}
};
$(window).scroll(function() { window.floaterrors(false); });
$(document).on('click', 'div.close', function(event) {
$(event.target).parent().hide();
if (window.floated) {
var height = $('div.messages').height();
if (height > 0) {
$('div.messages-anchor').css({height: height + 10});
} else {
$('div.messages-anchor').css({height: ''});
}
}
});
</script>
<script type="text/javascript">
window.uris = {};
{% if links is defined %}
{% for name, link in links.items() %}
window.uris[{{name|tojson|safe}}] = {{ link|tojson|safe }};
{% endfor %}
{% endif %}
{% if inits is defined %}
{% for name, val in inits.items() %}
window.{{name}} = {{ val|tojson|safe }};
{% endfor %}
{% endif %}
</script>
<script type="text/javascript">
$(function () {
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
$(".container").swipe(
{
swipeLeft: function(event) {
$("button.next").trigger("click");
event.preventDefault();
},
swipeRight: function(event) {
$("button.prev").trigger("click");
event.preventDefault();
},
threshold: 30,
fingers: 'all',
}
);
}
});
</script>
</body>
</html>