From 8c7d49394808c5e98fdf52a42a75841ad1afe4e9 Mon Sep 17 00:00:00 2001
From: Clarence Davis <947403+davisc@users.noreply.github.com>
Date: Thu, 25 Jan 2018 12:19:29 -0600
Subject: [PATCH] refresh page on a 7 second interval (#133)

* refresh page on a 7 second interval

* Add spinner for UI feedback.
---
 .../services/templates/services/service_detail.html | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/geonode/services/templates/services/service_detail.html b/geonode/services/templates/services/service_detail.html
index a0cb7120c4b..4d1b13876f4 100755
--- a/geonode/services/templates/services/service_detail.html
+++ b/geonode/services/templates/services/service_detail.html
@@ -60,6 +60,13 @@ <h3>{% trans "Service Resources" %} <span class="badge">{{ total_resources }}</s
                 <th>Description</th>
                 </thead>
                 {% for job in resource_jobs %}
+                   {% if forloop.first %}
+                        <script>
+                        setTimeout(function(){
+                            window.location.reload(true);
+                        }, 7000);
+                        </script>
+                    {% endif %}
                     <tr>
                         <td>{{job.resource_id}}</td>
                         <td>
@@ -71,6 +78,12 @@ <h3>{% trans "Service Resources" %} <span class="badge">{{ total_resources }}</s
                                     <div class="btn-group pull-right">
                                         <button title="Retry job" class="btn" name="retry-{{ job.resource_id }}"><i class="fa fa-refresh fa-fw" aria-hidden="true"></i></button>
                                     </div>
+                                {% else %}
+                                 <div class="btn-group pull-right">
+                                     <div class="btn">
+                                         <i class="fa fa-spinner fa-spin"></i>
+                                     </div>
+                                 </div>   
                                 {% endif %}
                             </div>
                         </td>