Add number of images to the dashboard

Users want to easily know the number of images an ogServer has.

ogcp/templates/dashboard.html

@@ -1,12 +1,22 @@
 {% extends 'base.html' %}
 
 {% block content %}
-<div class="m-4 w-25 card text-center">
-  <div class="card-header">
-    Connected clients (ogClient)
+<div class="row">
+  <div class="m-4 w-25 card text-center">
+    <div class="card-header">
+      Connected clients (ogClient)
+    </div>
+    <div class="card-body">
+      <p class="card-text">{{ clients['clients'] | length }}</p>
+    </div>
   </div>
-  <div class="card-body">
-    <p class="card-text">{{ clients['clients'] | length }}</p>
+  <div class="m-4 w-25 card text-center">
+    <div class="card-header">
+      Number of images
+    </div>
+    <div class="card-body">
+      <p class="card-text">{{ images | length }}</p>
+    </div>
   </div>
 </div>
 {% endblock %}

ogcp/views.py

@@ -117,7 +117,10 @@ def index():
     clients = None
     if current_user.is_authenticated:
         clients = get_clients()
-        return render_template('dashboard.html', clients=clients)
+        images_response = g.server.get('/images')
+        images = images_response.json()['images']
+        return render_template('dashboard.html', clients=clients,
+                               images=images)
     return render_template('base.html')
 
 @app.route('/login', methods=['GET', 'POST'])