974bab2b24
* Add search filter and collapse button to Supported Games page * Autofocus search input, fix bug with arrow display when searching * Add "Expand All" and "Collapse All" buttons. Buttons respect visible games.
49 lines
2.2 KiB
HTML
49 lines
2.2 KiB
HTML
{% extends 'pageWrapper.html' %}
|
|
|
|
{% block head %}
|
|
<title>Supported Games</title>
|
|
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename="styles/markdown.css") }}" />
|
|
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename="styles/supportedGames.css") }}" />
|
|
<script type="application/ecmascript" src="{{ url_for('static', filename="assets/supportedGames.js") }}"></script>
|
|
{% endblock %}
|
|
|
|
{% block body %}
|
|
{% include 'header/oceanHeader.html' %}
|
|
<div id="games" class="markdown">
|
|
<h1>Currently Supported Games</h1>
|
|
<div>
|
|
<label for="game-search">Search for your game below!</label><br />
|
|
<div id="page-controls">
|
|
<input id="game-search" placeholder="Search by title..." autofocus />
|
|
<button id="expand-all">Expand All</button>
|
|
<button id="collapse-all">Collapse All</button>
|
|
</div>
|
|
</div>
|
|
{% for game_name in worlds | title_sorted %}
|
|
{% set world = worlds[game_name] %}
|
|
<h2 class="collapse-toggle" data-game="{{ game_name }}">
|
|
<span id="{{ game_name }}-arrow" class="collapse-arrow">▶</span> {{ game_name }}
|
|
</h2>
|
|
<p id="{{ game_name }}" class="collapsed">
|
|
{{ world.__doc__ | default("No description provided.", true) }}<br />
|
|
<a href="{{ url_for("game_info", game=game_name, lang="en") }}">Game Page</a>
|
|
{% if world.web.tutorials %}
|
|
<span class="link-spacer">|</span>
|
|
<a href="{{ url_for("tutorial_landing") }}#{{ game_name }}">Setup Guides</a>
|
|
{% endif %}
|
|
{% if world.web.settings_page is string %}
|
|
<span class="link-spacer">|</span>
|
|
<a href="{{ world.web.settings_page }}">Settings Page</a>
|
|
{% elif world.web.settings_page %}
|
|
<span class="link-spacer">|</span>
|
|
<a href="{{ url_for("player_settings", game=game_name) }}">Settings Page</a>
|
|
{% endif %}
|
|
{% if world.web.bug_report_page %}
|
|
<span class="link-spacer">|</span>
|
|
<a href="{{ world.web.bug_report_page }}">Report a Bug</a>
|
|
{% endif %}
|
|
</p>
|
|
{% endfor %}
|
|
</div>
|
|
{% endblock %}
|