add online kits display for users

Author: timcowlishaw

app/models/user.rb

@@ -155,6 +155,13 @@ def time_zone
     preferred_time_zone && ActiveSupport::TimeZone[preferred_time_zone] || ActiveSupport::TimeZone["Etc/UTC"]
   end
 
+  def all_devices_online?
+    devices.all? { |d| d.online? }
+  end
+
+  def online_device_count
+    devices.filter { |d| d.online? }.length
+  end
 private
 
   def check_if_users_have_valid_email

app/views/ui/users/_meta.html.erb

@@ -10,3 +10,9 @@
     <%= link_to(user.url, user.url, class: "link-white") %>
   </p>
 <% end %>
+<% if user.devices.length > 0 %>
+  <p class="mb-0 device-status <%= user.all_devices_online? ? "online" : "offline" %>">
+    <span class="pe-1"><%= show_svg("status_icon.svg") %></span>
+    <strong><%= pluralize(user.devices.length, t(:user_meta_device_noun)) %> (<%= user.online_device_count %> <%= t(:user_meta_online_adjective) %>)</strong>
+  </p>
+<% end %>

config/locales/views/users/en.yml

@@ -44,3 +44,5 @@ en:
   no_experiment_cta_blurb: "Experiments let you manage multiple Smart Citizen kits in one place, and compare their readings."
   no_experiment_link_text: "Create your first experiment"
   profile_image_alt: "Profile picture for user %{username}"
+  user_meta_device_noun: "kit"
+  user_meta_online_adjective: "online"