Add latest images to the dashboard

Users want to know latest created/modified images to manage new images
or changes made on existing images.

This commit adds a list with the 10 latest created or modified images.

ogcp/templates/dashboard.html

@@ -18,5 +18,20 @@
       <p class="card-text">{{ images | length }}</p>
     </div>
   </div>
+  <div class="m-4 w-25 card text-center">
+    <div class="card-header">
+      Latest images
+    </div>
+      {% for image in images[:10] %}
+        <ul class="list-group list-group-horizontal">
+          <li class="list-group-item w-50">
+            {{ image['name'] }}
+          </li>
+          <li class="list-group-item w-50">
+            {{ image['modified'] }}
+          </li>
+        </ul>
+      {% endfor %}
+  </div>
 </div>
 {% endblock %}

ogcp/views.py

@@ -17,6 +17,7 @@ from ogcp.og_server import OGServer
 from flask_babel import _
 from ogcp import app
 import requests
+import datetime
 
 FS_CODES = {
     0: 'DISK',
@@ -112,6 +113,9 @@ def page_not_found(error):
 def server_error(error):
     return render_template('error.html', message=error), 500
 
+def image_modified_date_from_str(image):
+    return datetime.datetime.strptime(image['modified'], '%a %b %d %H:%M:%S %Y')
+
 @app.route('/')
 def index():
     clients = None
@@ -119,6 +123,7 @@ def index():
         clients = get_clients()
         images_response = g.server.get('/images')
         images = images_response.json()['images']
+        images.sort(key=image_modified_date_from_str, reverse=True)
         return render_template('dashboard.html', clients=clients,
                                images=images)
     return render_template('base.html')