forked from enviPath/enviPy
354 lines
11 KiB
HTML
354 lines
11 KiB
HTML
{% extends "framework.html" %}
|
|
|
|
{% block content %}
|
|
|
|
{% block action_modals %}
|
|
{% include "modals/objects/edit_reaction_modal.html" %}
|
|
{% include "modals/objects/generic_set_aliases_modal.html" %}
|
|
{% include "modals/objects/generic_set_scenario_modal.html" %}
|
|
{% include "modals/objects/generic_copy_object_modal.html" %}
|
|
{% include "modals/objects/generic_set_external_reference_modal.html" %}
|
|
{% include "modals/objects/generic_delete_modal.html" %}
|
|
{% endblock action_modals %}
|
|
|
|
<div class="panel-group" id="reaction-detail">
|
|
<div class="panel panel-default">
|
|
<div
|
|
class="panel-heading"
|
|
id="headingPanel"
|
|
style="font-size:2rem;height: 46px"
|
|
>
|
|
{{ reaction.name|safe }}
|
|
<div
|
|
id="actionsButton"
|
|
style="float: right;font-weight: normal;font-size: medium;position: relative; top: 50%; transform: translateY(-50%);z-index:100;display: none;"
|
|
class="dropdown"
|
|
>
|
|
<a
|
|
href="#"
|
|
class="dropdown-toggle"
|
|
data-toggle="dropdown"
|
|
role="button"
|
|
aria-haspopup="true"
|
|
aria-expanded="false"
|
|
><span class="glyphicon glyphicon-wrench"></span> Actions
|
|
<span class="caret"></span><span style="padding-right:1em"></span
|
|
></a>
|
|
<ul id="actionsList" class="dropdown-menu">
|
|
{% block actions %}
|
|
{% include "actions/objects/reaction.html" %}
|
|
{% endblock %}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Description -->
|
|
<div
|
|
class="panel panel-default panel-heading list-group-item"
|
|
style="background-color:silver"
|
|
>
|
|
<h4 class="panel-title">
|
|
<a
|
|
id="reaction-desc-link"
|
|
data-toggle="collapse"
|
|
data-parent="#reaction-detail"
|
|
href="#reaction-desc"
|
|
>Description</a
|
|
>
|
|
</h4>
|
|
</div>
|
|
<div id="reaction-desc" class="panel-collapse in collapse">
|
|
<div class="panel-body list-group-item">
|
|
{{ reaction.description|safe }}
|
|
</div>
|
|
</div>
|
|
|
|
{% if reaction.aliases %}
|
|
<!-- Aliases -->
|
|
<div
|
|
class="panel panel-default panel-heading list-group-item"
|
|
style="background-color:silver"
|
|
>
|
|
<h4 class="panel-title">
|
|
<a
|
|
id="reaction-aliases-link"
|
|
data-toggle="collapse"
|
|
data-parent="#reaction-detail"
|
|
href="#reaction-aliases"
|
|
>Aliases</a
|
|
>
|
|
</h4>
|
|
</div>
|
|
<div id="reaction-aliases" class="panel-collapse in collapse">
|
|
<div class="panel-body list-group-item">
|
|
{% for alias in reaction.aliases %}
|
|
<a class="list-group-item">{{ alias }}</a>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<!-- Image -->
|
|
<div
|
|
class="panel panel-default panel-heading list-group-item"
|
|
style="background-color:silver"
|
|
>
|
|
<h4 class="panel-title">
|
|
<a
|
|
id="reaction-image-link"
|
|
data-toggle="collapse"
|
|
data-parent="#reaction-detail"
|
|
href="#reaction-image"
|
|
>Image Representation</a
|
|
>
|
|
</h4>
|
|
</div>
|
|
<div id="reaction-image" class="panel-collapse in collapse">
|
|
<div class="panel-body list-group-item">
|
|
<div id="image-div" align="center">{{ reaction.as_svg|safe }}</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Reaction Description -->
|
|
<div
|
|
class="panel panel-default panel-heading list-group-item"
|
|
style="background-color:silver"
|
|
>
|
|
<h4 class="panel-title">
|
|
<a
|
|
id="reaction-description-link"
|
|
data-toggle="collapse"
|
|
data-parent="#reaction-description-detail"
|
|
href="#reaction-description-smiles"
|
|
>Reaction Description</a
|
|
>
|
|
</h4>
|
|
</div>
|
|
<div id="reaction-description-smiles" class="panel-collapse in collapse">
|
|
<div class="panel-body list-group-item">
|
|
{% for educt in reaction.educts.all %}
|
|
<a class="btn btn-default" href="{{ educt.url }}"
|
|
>{{ educt.name|safe }}</a
|
|
>
|
|
{% endfor %}
|
|
<span
|
|
class="glyphicon glyphicon-arrow-right"
|
|
style="margin-left:5em;margin-right:5em;"
|
|
aria-hidden="true"
|
|
></span>
|
|
{% for product in reaction.products.all %}
|
|
<a class="btn btn-default" href="{{ product.url }}"
|
|
>{{ product.name|safe }}</a
|
|
>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
|
|
<!-- SMIRKS -->
|
|
<div
|
|
class="panel panel-default panel-heading list-group-item"
|
|
style="background-color:silver"
|
|
>
|
|
<h4 class="panel-title">
|
|
<a
|
|
id="reaction-smirks-link"
|
|
data-toggle="collapse"
|
|
data-parent="#reaction-detail"
|
|
href="#reaction-smirks"
|
|
>SMIRKS Representation</a
|
|
>
|
|
</h4>
|
|
</div>
|
|
<div id="reaction-smirks" class="panel-collapse in collapse">
|
|
<div class="panel-body list-group-item">{{ reaction.smirks }}</div>
|
|
</div>
|
|
|
|
{% if reaction.rules.all %}
|
|
<!-- Rules -->
|
|
<div
|
|
class="panel panel-default panel-heading list-group-item"
|
|
style="background-color:silver"
|
|
>
|
|
<h4 class="panel-title">
|
|
<a
|
|
id="reaction-rules-link"
|
|
data-toggle="collapse"
|
|
data-parent="#reaction-detail"
|
|
href="#reaction-rules"
|
|
>Rules</a
|
|
>
|
|
</h4>
|
|
</div>
|
|
<div id="reaction-rules" class="panel-collapse in collapse">
|
|
<div class="panel-body list-group-item">
|
|
{% for r in reaction.rules.all %}
|
|
<a class="list-group-item" href="{{ r.url }}"
|
|
>{{ r.name|safe }}</a
|
|
>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if reaction.get_related_enzymes %}
|
|
<!-- EC Numbers -->
|
|
<div
|
|
class="panel panel-default panel-heading list-group-item"
|
|
style="background-color:silver"
|
|
>
|
|
<h4 class="panel-title">
|
|
<a
|
|
id="rule-ec-numbers-link"
|
|
data-toggle="collapse"
|
|
data-parent="#rule-detail"
|
|
href="#rule-ec-numbers"
|
|
>EC Numbers</a
|
|
>
|
|
</h4>
|
|
</div>
|
|
<div id="rule-ec-numbers" class="panel-collapse in collapse">
|
|
<div class="panel-body list-group-item">
|
|
{% for e in reaction.get_related_enzymes %}
|
|
<a
|
|
class="list-group-item"
|
|
href="http://www.brenda-enzymes.org/enzyme.php?ecno={{ e.ec_number }}"
|
|
>{{ e.name }}</a
|
|
>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if reaction.related_pathways %}
|
|
<!-- Pathways -->
|
|
<div
|
|
class="panel panel-default panel-heading list-group-item"
|
|
style="background-color:silver"
|
|
>
|
|
<h4 class="panel-title">
|
|
<a
|
|
id="reaction-pathway-link"
|
|
data-toggle="collapse"
|
|
data-parent="#reaction-detail"
|
|
href="#reaction-pathway"
|
|
>Pathways</a
|
|
>
|
|
</h4>
|
|
</div>
|
|
<div id="reaction-pathway" class="panel-collapse in collapse">
|
|
<div class="panel-body list-group-item">
|
|
{% for r in reaction.related_pathways %}
|
|
<a class="list-group-item" href="{{ r.url }}"
|
|
>{{ r.name|safe }}</a
|
|
>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if reaction.scenarios.all %}
|
|
<div
|
|
class="panel panel-default panel-heading list-group-item"
|
|
style="background-color:silver"
|
|
>
|
|
<h4 class="panel-title">
|
|
<a
|
|
id="reaction-scenario-link"
|
|
data-toggle="collapse"
|
|
data-parent="#reaction-detail"
|
|
href="#reaction-scenario"
|
|
>Scenarios</a
|
|
>
|
|
</h4>
|
|
</div>
|
|
<div id="reaction-scenario" class="panel-collapse in collapse">
|
|
<div class="panel-body list-group-item">
|
|
{% for s in reaction.scenarios.all %}
|
|
<a class="list-group-item" href="{{ s.url }}"
|
|
>{{ s.name|safe }} <i>({{ s.package.name|safe }})</i></a
|
|
>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
|
|
<!-- External Identifiers -->
|
|
{% if reaction.get_external_identifiers %}
|
|
<div
|
|
class="panel panel-default panel-heading list-group-item"
|
|
style="background-color:silver"
|
|
>
|
|
<h4 class="panel-title">
|
|
<a
|
|
id="reaction-external-identifier-link"
|
|
data-toggle="collapse"
|
|
data-parent="#reaction-detail"
|
|
href="#reaction-external-identifier"
|
|
>External Identifier</a
|
|
>
|
|
</h4>
|
|
</div>
|
|
<div
|
|
id="reaction-external-identifier"
|
|
class="panel-collapse in collapse"
|
|
>
|
|
<div class="panel-body list-group-item">
|
|
{% if reaction.get_rhea_identifiers %}
|
|
<div
|
|
class="panel panel-default panel-heading list-group-item"
|
|
style="background-color:silver"
|
|
>
|
|
<h4 class="panel-title">
|
|
<a
|
|
id="reaction-rhea-identifier-link"
|
|
data-toggle="collapse"
|
|
data-parent="#reaction-external-identifier"
|
|
href="#reaction-rhea-identifier"
|
|
>Rhea</a
|
|
>
|
|
</h4>
|
|
</div>
|
|
<div
|
|
id="reaction-rhea-identifier"
|
|
class="panel-collapse in collapse"
|
|
>
|
|
{% for eid in reaction.get_rhea_identifiers %}
|
|
<a class="list-group-item" href="{{ eid.external_url }}"
|
|
>{{ eid.identifier_value }}</a
|
|
>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
{% if reaction.get_uniprot_identifiers %}
|
|
<div
|
|
class="panel panel-default panel-heading list-group-item"
|
|
style="background-color:silver"
|
|
>
|
|
<h4 class="panel-title">
|
|
<a
|
|
id="reaction-uniprot-identifier-link"
|
|
data-toggle="collapse"
|
|
data-parent="#reaction-external-identifier"
|
|
href="#reaction-uniprot-identifier"
|
|
>UniProt</a
|
|
>
|
|
</h4>
|
|
</div>
|
|
<div
|
|
id="reaction-uniprot-identifier"
|
|
class="panel-collapse in collapse"
|
|
>
|
|
{% for eid in reaction.get_uniprot_identifiers %}
|
|
<a class="list-group-item" href="{{ eid.external_url }}"
|
|
>10 SwissProt entries ({{ eid.identifier_value }})</a
|
|
>
|
|
{% endfor %}
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
{% endblock content %}
|