Current Dev State

templates/objects/composite_rule.html

@@ -0,0 +1,69 @@
+{% extends "framework.html" %}
+
+{% block content %}
+
+{% block action_modals %}
+{% include "modals/objects/edit_rule_modal.html" %}
+{% endblock action_modals %}
+
+<div class="panel-group" id="rule-detail">
+    <div class="panel panel-default">
+        <div class="panel-heading" id="headingPanel" style="font-size:2rem;height: 46px">
+            {{ rule.name }}
+            <div id="actionsButton"
+                 style="float: right;font-weight: normal;font-size: medium;position: relative; top: 50%; transform: translateY(-50%);z-index:100;"
+                 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/rule.html" %}
+                    {% endblock %}
+                </ul>
+            </div>
+        </div>
+        <div class="panel-body">
+            <p>
+                {{ rule.description }}
+            </p>
+        </div>
+
+        <!-- Reaction Patterns -->
+        <div class="panel panel-default panel-heading list-group-item" style="background-color:silver">
+            <h4 class="panel-title">
+                <a id="rule-reaction-patterns-link" data-toggle="collapse" data-parent="#rule-detail"
+                   href="#rule-reaction-patterns">Reaction Patterns</a>
+            </h4>
+        </div>
+        <div id="rule-reaction-patterns" class="panel-collapse collapse in">
+            <div class="panel-body list-group-item">
+                {% for r in rule.srs %}
+                <a class="list-group-item" href="{{ r.url }}">{{ r.name }}</a>
+                <div align="center">
+                    <p>
+                        {{r.as_svg|safe}}
+                    </p>
+                </div>
+                {% endfor %}
+            </div>
+        </div>
+
+
+
+        <!-- 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 collapse">
+            <div class="panel-body list-group-item">
+
+            </div>
+        </div>
+
+    </div>
+</div>
+{% endblock content %}