forked from enviPath/enviPy
1d2bb85c90
Initial bayer app Show Pack Classification Adjusted docker compose to bayer specifics Adjusted Dockerfile for Bayer Adding secret flags to group, add secret pools to packages Adjusted View for Package creation Prep configs, added Package Create Modal wip More on PES wip wip Wip minor PW interactions API PES wip Make Select Widget reflect required make required generallay available Update UI if pathway mode is set to build Added ais circle adjustments Initial Zoom, fix AD Creation wip auth log, bb4g fix missing import Added viz hint if PES is part of reaction Add Edge check for pes flip boolean ... pes Added extra ... In / Out Edges Viz, Submitting Button Text ... Make PES Link clickable Return proper http response instead of error Fixed error return, removed unused options Fix PES Link HTML for other entities Fixed molfile assignment, adjusted Export Package Export/Import cycle highlight Description links implemented non persistent Harmonised proposed field in Json output Added pesLink field to PW Api output PES Fields in API Output removed debug Fix Classification import, Fix PES Deserialization underline pes link in templates Fix alter name/desc for node, make /node /edge funcitonal provide setting link and copy button Implemented Compound Names / Reaction Names View Option Unconnected Nodes Make links thicker, reduce timeout trigger time Show proposed info in popover Pathway Build no stereo removal Include probs in reaction name option viz Detect clicks outside nodes/edges
290 lines
9.4 KiB
HTML
290 lines
9.4 KiB
HTML
{% load static %}
|
|
{# Modern DaisyUI Navbar with Mobile Drawer Menu #}
|
|
<div class="drawer drawer-mobile">
|
|
<input id="drawer-toggle" type="checkbox" class="drawer-toggle" />
|
|
<div class="drawer-content flex flex-col">
|
|
{# Navbar #}
|
|
<div class="navbar x-50 bg-neutral-50 text-neutral-950 shadow-lg">
|
|
<div class="navbar-start">
|
|
{# Hamburger menu button - visible on mobile, hidden on desktop #}
|
|
{% if not public_mode %}
|
|
<label
|
|
for="drawer-toggle"
|
|
class="btn btn-square btn-ghost drawer-button lg:hidden"
|
|
>
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
fill="none"
|
|
viewBox="0 0 24 24"
|
|
class="inline-block h-5 w-5 stroke-current"
|
|
>
|
|
<path
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
stroke-width="2"
|
|
d="M4 6h16M4 12h16M4 18h16"
|
|
></path>
|
|
</svg>
|
|
</label>
|
|
{% endif %}
|
|
<a
|
|
href="{{ meta.server_url }}"
|
|
class="btn btn-ghost text-xl normal-case"
|
|
>
|
|
<svg class="fill-base-content h-8" viewBox="0 0 104 26" role="img">
|
|
<use href="{% static "/images/logo-name.svg" %}#ep-logo-name" />
|
|
</svg>
|
|
</a>
|
|
<img src="{% static 'images/bayer-logo.svg' %}" width="40">
|
|
</div>
|
|
|
|
{% if not public_mode %}
|
|
{# Desktop menu - hidden on mobile, visible on desktop #}
|
|
<div class="navbar-center hidden lg:flex">
|
|
<a
|
|
href="{{ meta.server_url }}/predict"
|
|
role="button"
|
|
class="btn btn-ghost"
|
|
id="predictLink"
|
|
>Predict</a
|
|
>
|
|
<div class="dropdown dropdown-center">
|
|
<div tabindex="0" role="button" class="btn btn-ghost">Browse</div>
|
|
<ul
|
|
tabindex="-1"
|
|
class="dropdown-content menu bg-base-100 rounded-box z-1 w-52 p-2 shadow-sm"
|
|
>
|
|
<li>
|
|
<a href="{{ meta.server_url }}/package" id="packageLink"
|
|
>Package</a
|
|
>
|
|
</li>
|
|
<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>
|
|
<hr/>
|
|
<li>
|
|
<a href="{{ meta.server_url }}/group" id="scenarioLink"
|
|
>Group</a
|
|
>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<div class="navbar-end">
|
|
{% if meta.url_contains_package and meta.current_package.get_classification_level_display == "Restricted" %}
|
|
<img src="{% static 'images/restricted_mid.png' %}" width="200">
|
|
{% elif meta.url_contains_package and meta.current_package.get_classification_level_display == "Secret" %}
|
|
<img src="{% static 'images/secret_mid.png' %}" width="120">
|
|
{% endif %}
|
|
{% if not public_mode %}
|
|
<a id="search-trigger" role="button" class="cursor-pointer">
|
|
<div
|
|
class="badge badge-dash bg-base-200 text-base-content/50 m-1 flex items-center space-x-1 p-2"
|
|
>
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="16"
|
|
height="16"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
class="lucide lucide-search-icon lucide-search"
|
|
>
|
|
<path d="m21 21-4.34-4.34" />
|
|
<circle cx="11" cy="11" r="8" />
|
|
</svg>
|
|
<span id="search-shortcut">⌘K</span>
|
|
</div>
|
|
</a>
|
|
{% endif %}
|
|
{% if meta.user.username == 'anonymous' %}
|
|
<a href="{% url 'login' %}" id="loginButton" class="p-2">Login</a>
|
|
{% else %}
|
|
<div class="dropdown dropdown-end">
|
|
<div
|
|
tabindex="0"
|
|
role="button"
|
|
class="btn btn-ghost btn-circle m-1"
|
|
id="loggedInButton"
|
|
>
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width="24"
|
|
height="24"
|
|
viewBox="0 0 24 24"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
stroke-width="2"
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
class="lucide lucide-circle-user-icon lucide-circle-user"
|
|
>
|
|
<circle cx="12" cy="12" r="10" />
|
|
<circle cx="12" cy="10" r="3" />
|
|
<path d="M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662" />
|
|
</svg>
|
|
</div>
|
|
<ul
|
|
tabindex="-1"
|
|
class="dropdown-content menu bg-base-100 rounded-box z-50 w-52 p-2 shadow-sm"
|
|
>
|
|
<li>
|
|
<a href="{{ meta.user.url }}" id="accountbutton">Settings</a>
|
|
</li>
|
|
<li>
|
|
<form
|
|
id="logoutForm"
|
|
action="{% url 'logout' %}"
|
|
method="post"
|
|
style="display: none;"
|
|
>
|
|
{% csrf_token %}
|
|
<input type="hidden" name="logout" value="true" />
|
|
</form>
|
|
<a
|
|
href="#"
|
|
id="logoutButton"
|
|
onclick="event.preventDefault(); document.getElementById('logoutForm').submit();"
|
|
>Logout</a
|
|
>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{# Mobile drawer menu - slides in from the left #}
|
|
<div class="drawer-side">
|
|
<label for="drawer-toggle" class="drawer-overlay"></label>
|
|
<ul class="menu min-h-full w-80 bg-base-200 p-4 text-base-content">
|
|
{# Drawer header with close button #}
|
|
<li class="mb-4">
|
|
<div class="flex items-center justify-between">
|
|
<span class="font-bold text-lg">Menu</span>
|
|
<label
|
|
for="drawer-toggle"
|
|
class="btn btn-sm btn-circle btn-ghost"
|
|
aria-label="Close menu"
|
|
>
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
class="h-6 w-6"
|
|
fill="none"
|
|
viewBox="0 0 24 24"
|
|
stroke="currentColor"
|
|
>
|
|
<path
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
stroke-width="2"
|
|
d="M6 18L18 6M6 6l12 12"
|
|
/>
|
|
</svg>
|
|
</label>
|
|
</div>
|
|
</li>
|
|
{% if not public_mode %}
|
|
{# Predict link #}
|
|
<li>
|
|
<a
|
|
href="{{ meta.server_url }}/predict"
|
|
class="text-lg"
|
|
id="predictLinkMobile"
|
|
>Predict</a
|
|
>
|
|
</li>
|
|
{# Browse menu with submenu #}
|
|
<li>
|
|
<details>
|
|
<summary class="text-lg">Browse</summary>
|
|
<ul>
|
|
<li>
|
|
<a href="{{ meta.server_url }}/package" id="packageLinkMobile"
|
|
>Package</a
|
|
>
|
|
</li>
|
|
<li>
|
|
<a href="{{ meta.server_url }}/pathway" id="pathwayLinkMobile"
|
|
>Pathway</a
|
|
>
|
|
</li>
|
|
<li>
|
|
<a href="{{ meta.server_url }}/rule" id="ruleLinkMobile"
|
|
>Rule</a
|
|
>
|
|
</li>
|
|
<li>
|
|
<a href="{{ meta.server_url }}/compound" id="compoundLinkMobile"
|
|
>Compound</a
|
|
>
|
|
</li>
|
|
<li>
|
|
<a href="{{ meta.server_url }}/reaction" id="reactionLinkMobile"
|
|
>Reaction</a
|
|
>
|
|
</li>
|
|
<li>
|
|
<a
|
|
href="{{ meta.server_url }}/model"
|
|
id="relative-reasoningLinkMobile"
|
|
>Model</a
|
|
>
|
|
</li>
|
|
<li>
|
|
<a href="{{ meta.server_url }}/scenario" id="scenarioLinkMobile"
|
|
>Scenario</a
|
|
>
|
|
</li>
|
|
</ul>
|
|
</details>
|
|
</li>
|
|
{% endif %}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
// OS-aware search shortcut display
|
|
(function () {
|
|
const isMac = /Mac/.test(navigator.platform);
|
|
const shortcutElement = document.getElementById("search-shortcut");
|
|
if (shortcutElement) {
|
|
shortcutElement.textContent = isMac ? "⌘K" : "Ctrl+K";
|
|
}
|
|
})();
|
|
</script>
|