Colours

app/assets/stylesheets/application.scss

@@ -4,6 +4,14 @@
 @import 'bootstrap';
 @import 'plugins';
 
+.bg-high {
+  background-color: $warning-pink;
+}
+
+.bg-low {
+  background-color: $warning-blue;
+}
+
 /* Dragones below this line */
 
 nav {

app/assets/stylesheets/colours.scss

@@ -1 +1,3 @@
 $brand-primary: #fa8100;
+$warning-pink: #FFE6E6;
+$warning-blue: #ECE6FF;

app/assets/stylesheets/fonts.scss

@@ -1,4 +1,4 @@
 @import url(http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);
-@import url(http://fonts.googleapis.com/css?family=Ubuntu);
+@import url(http://fonts.googleapis.com/css?family=NTR);
 
-$font-family-sans-serif: Ubuntu, sans-serif;
+$font-family-sans-serif: NTR, sans-serif;

app/models/medication_event.rb

@@ -1,6 +1,12 @@
 class MedicationEvent < ActiveRecord::Base
-# this didn't work http://stackoverflow.com/questions/14113057/how-to-have-a-drop-down-select-field-in-a-rails-form
+  def self.insulins
+    [
+      'humalog',
+      'lantus'
+    ]
+  end
+
   validates :datetime, presence: true
   validates :amount, presence: true, numericality: { greater_than: 0 }
-  validates :insulin, presence: true, inclusion: { in: [ 'humalog', 'lantus' ] }
+  validates :insulin, presence: true, inclusion: { in: insulins }
 end

app/views/glucose_measurements/index.html.erb

@@ -1,7 +1,7 @@
 <%= link_to 'Add new measurement', new_glucose_measurement_url, class: 'btn btn-success pull-right' %>
 <h1>Glucose</h1>
 
-<table class='table table-bordered table-striped'>
+<table class='table table-bordered table-striped' id='blood-glucose'>
   <% date_sift(@glucose_measurements).each_pair do |day, values| %>
     <tr>
       <th colspan=2>
@@ -14,10 +14,22 @@
         <td>
           <%= link_to v.datetime.strftime('%H:%M'), edit_glucose_measurement_path(v) %>
         </td>
-        <td>
+
+        <td class='bg-value'>
           <%= v.value %>
         </td>
       </tr>
     <% end %>
   <% end %>
 </table>
+
+<script>
+$('.bg-value').each(function() {
+  if($(this).text() > 8.0) {
+    $(this).addClass('bg-high')
+  }
+  if($(this).text() < 4.0) {
+    $(this).addClass('bg-low')
+  }
+})
+</script>

app/views/medication_events/_form.html.erb

@@ -26,7 +26,7 @@
 
   <p>
     <%= f.label :insulin %><br>
-    <%= f.select :insulin, [ 'humalog', 'lantus' ] %>
+    <%= f.select :insulin, MedicationEvent.insulins %>
   </p>
 
   <p>

app/views/shared/_nav.html.erb

@@ -14,6 +14,14 @@
     <!-- Collect the nav links, forms, and other content for toggling -->
     <div class='collapse navbar-collapse' id='navbar-collapse'>
       <ul class='nav navbar-nav'>
+        <% {
+          'Glucose' => '/glucose',
+          'Meds' => '/meds'
+        }.each_pair do |label, url| %>
+          <li>
+            <%= link_to label, url %>
+          </li>
+        <% end %>
       </ul>
       <p class="navbar-text navbar-right">
         <% if signed_in? %>