Upgrade Bulma and begin drug info screen and favourites

core/templates/partials/drug-detail.html

@@ -0,0 +1,76 @@
+{% load pretty %}
+
+{% load cache %}
+
+{% cache 600 favourite_detail request.user.id object %}
+  {% include 'mixins/partials/notify.html' %}
+
+  {% if object is not None %}
+    <h1 class="title">{{ object.name }} - {{ object.nickname }} - {{ object.common_name }}</h1>
+    <p class="subtitle"><strong>{{ object.drug_class }}</strong></p>
+    <div class="block">
+      <a class="button is-info" href="#">Prices</a>
+      <a class="button is-info" href="#">More info</a>
+    </div>
+    <div class="grid">
+      <div class="cell">
+        <div class="box">
+          <h2 class="subtitle">Dosage</h2>
+          <ul>
+            {% for dose in object.dosages.all %}
+              <li>{{ dose }}</li>
+            {% endfor %}
+          </ul>
+        </div>
+
+        <div class="box">
+          <h2 class="subtitle">Timing</h2>
+          <ul>
+            {% for timing in object.timings.all %}
+              <li>{{ timing }}</li>
+            {% endfor %}
+          </ul>
+        </div>
+
+        <div class="box">
+          <h2 class="subtitle">Links</h2>
+          <ul>
+            {% for link in object.links.all %}
+              <li>{{ link }}</li>
+            {% endfor %}
+          </ul>
+        </div>
+
+      </div>
+      <div class="cell">
+        <div class="box">
+          <h2 class="subtitle">Actions</h2>
+          <ul>
+            {% for action in object.actions.all %}
+              <li>{{ action }}</li>
+            {% endfor %}
+          </ul>
+        </div>
+
+        <div class="box">
+          <h2 class="subtitle">Effects</h2>
+          <ul>
+            {% for effect in object.effects.all %}
+              <li>{{ effect }}</li>
+            {% endfor %}
+          </ul>
+        </div>
+
+
+      </div>
+    </div>
+    <div class="box">
+      <h2 class="subtitle">Experiences</h2>
+      <ul>
+        {% for exp in object.experiences.all %}
+          <li>{{ exp }}</li>
+        {% endfor %}
+      </ul>
+    </div>
+  {% endif %}
+{% endcache %}