New Layout for parallel styling

Signed-off-by: Tobias O <tobias.olenyi@envipath.com>
This commit is contained in:
2025-10-17 20:25:50 +13:00
parent f76861a83f
commit f5889b270a
12 changed files with 859 additions and 1094 deletions

View File

@ -0,0 +1,70 @@
{% load static %}
{# Modern DaisyUI Navbar #}
<div class="navbar bg-neutral text-neutral-content shadow-lg">
<div class="navbar-start">
<a href="{{ meta.server_url }}" class="btn btn-ghost normal-case text-xl">
<img src='{% static "/images/logo-short-white.svg" %}' width="100" alt="enviPath">
</a>
</div>
<div class="navbar-center hidden lg:flex">
<ul class="menu menu-horizontal px-1">
<li><a href="#" id="predictLink">Predict Pathway</a></li>
<li><a href="{{ meta.server_url }}/package" id="packageLink">Package</a></li>
<li><a href="{{ meta.server_url }}/search" id="searchLink">Search</a></li>
<li><a href="{{ meta.server_url }}/model" id="modelLink">Modelling</a></li>
<li>
<details>
<summary>Browse Data</summary>
<ul class="bg-base-100 rounded-t-none p-2 w-48 z-50">
<li><a href="{{ meta.server_url }}/pathway" id="pathwayLink">Pathway</a></li>
<li><a href="{{ meta.server_url }}/rule" id="ruleLink">Rule</a></li>
<li><a href="{{ meta.server_url }}/compound" id="compoundLink">Compound</a></li>
<li><a href="{{ meta.server_url }}/reaction" id="reactionLink">Reaction</a></li>
<li><a href="{{ meta.server_url }}/model" id="relative-reasoningLink">Model</a></li>
<li><a href="{{ meta.server_url }}/scenario" id="scenarioLink">Scenario</a></li>
</ul>
</details>
</li>
</ul>
</div>
<div class="navbar-end">
<ul class="menu menu-horizontal px-1">
<li><a href="https://community.envipath.org/" id="communityLink">Community</a></li>
<li>
<details>
<summary>Info</summary>
<ul class="bg-base-100 rounded-t-none p-2 w-48 z-50">
<li><a href="https://community.envipath.org/t/envipath-license/109" id="licenceLink">Licences</a></li>
<li class="divider"></li>
<li><a target="_blank" href="https://wiki.envipath.org/" id="wikiLink">Documentation Wiki</a></li>
<li><a href="#" id="citeButton">How to cite enviPath</a></li>
<li class="divider"></li>
<li><a>Version: {{ meta.version }}</a></li>
</ul>
</details>
</li>
{% if meta.user.username == 'anonymous' %}
<li><a href="#signup" id="loginButton">Login</a></li>
{% else %}
<li>
<details>
<summary id="loggedInButton">{{ user.username }}</summary>
<ul class="bg-base-100 rounded-t-none p-2 w-48 z-50">
<li><a href="{{ meta.user.url }}" id="accountbutton">My Account</a></li>
<li class="divider"></li>
<li>
<form action="{% url 'logout' %}" method="post">
{% csrf_token %}
<input type="hidden" name="logout" value="true">
<button type="submit" class="btn btn-ghost btn-sm w-full">Logout</button>
</form>
</li>
</ul>
</details>
</li>
{% endif %}
</ul>
</div>
</div>