Codestyle.

app/static/js/JobList.js

@@ -41,8 +41,10 @@ class JobList extends List {
             case "status":
               jobStatusElement = item.elm.querySelector(".status");
               status = jobStatusElement.innerHTML;
-              statusColor = JobList.STATUS_COLORS[status] || JobList.STATUS_COLORS['default'];
-              newStatusColor = JobList.STATUS_COLORS[operation.value] || JobList.STATUS_COLORS['default'];
+              statusColor = JobList.STATUS_COLORS[status]
+                            || JobList.STATUS_COLORS['default'];
+              newStatusColor = JobList.STATUS_COLORS[operation.value]
+                               || JobList.STATUS_COLORS['default'];
               jobStatusElement.classList.remove(statusColor);
               jobStatusElement.classList.add(newStatusColor);
               jobStatusElement.innerHTML = operation.value;
@@ -71,12 +73,20 @@ class JobList extends List {
     jobElement.classList.add("avatar", "collection-item");
     jobElement.dataset.id = job.id;
     jobElement.href = `/jobs/${job.id}`;
-    serviceColor = JobList.SERVICE_COLORS[job.service] || JobList.SERVICE_COLORS['default'];
-    serviceIcon = JobList.SERVICE_ICONS[job.service] || JobList.SERVICE_ICONS['default'];
+    serviceColor = JobList.SERVICE_COLORS[job.service]
+                   || JobList.SERVICE_COLORS['default'];
+    serviceIcon = JobList.SERVICE_ICONS[job.service]
+                  || JobList.SERVICE_ICONS['default'];
     jobServiceElement = document.createElement("i");
-    jobServiceElement.classList.add("circle", "material-icons", "service-icon", serviceColor);
+    jobServiceElement.classList.add(
+      "circle",
+      "material-icons",
+      "service-icon",
+      serviceColor
+    );
     jobServiceElement.innerText = serviceIcon;
-    statusColor = JobList.STATUS_COLORS[job.status] || JobList.STATUS_COLORS['default'];
+    statusColor = JobList.STATUS_COLORS[job.status]
+                  || JobList.STATUS_COLORS['default'];
     jobStatusElement = document.createElement("span");
     jobStatusElement.classList.add("badge", "new", "status", statusColor);
     jobStatusElement.dataset.badgeCaption = "";

app/templates/main/jobs/job.html.j2

@@ -33,7 +33,8 @@
       serviceArgsElement.value = this.job.service_args;
       serviceVersionElement = document.getElementById("service-version");
       serviceVersionElement.value = this.job.service_version;
-      statusColor = JobList.STATUS_COLORS[this.job.status] || JobList.STATUS_COLORS['default'];
+      statusColor = JobList.STATUS_COLORS[this.job.status]
+                    || JobList.STATUS_COLORS['default'];
       statusElement = document.getElementById("status");
       statusElement.classList.add(statusColor);
       statusElement.innerHTML = this.job.status;
@@ -69,10 +70,15 @@
                 M.updateTextFields();
                 break;
               case "status":
+                if (operation.value == "complete") {
+                  location.reload();
+                }
                 updatedElement = document.getElementById("status");
                 status = updatedElement.innerHTML;
-                statusColor = JobList.STATUS_COLORS[status] || JobList.STATUS_COLORS['default'];
-                newStatusColor = JobList.STATUS_COLORS[operation.value] || JobList.STATUS_COLORS['default'];
+                statusColor = JobList.STATUS_COLORS[status]
+                              || JobList.STATUS_COLORS['default'];
+                newStatusColor = JobList.STATUS_COLORS[operation.value]
+                                 || JobList.STATUS_COLORS['default'];
                 updatedElement.classList.remove(statusColor);
                 updatedElement.classList.add(newStatusColor);
                 updatedElement.innerHTML = operation.value;
@@ -119,6 +125,7 @@
           </div>
         </div>
       </div>
+
       <span class="card-title">Ressource allocations</span>
       <div class="row">
         <div class="col s12 m6">
@@ -134,6 +141,7 @@
           </div>
         </div>
       </div>
+
       <span class="card-title">Service informations</span>
       <div class="row">
         <div class="col s12 m4">
@@ -155,11 +163,13 @@
           </div>
         </div>
       </div>
+
+      <span class="card-title">Input files</span>
       <p>
       {% for file in files %}
-        <a href="{{ url_for('main.job_download', job_id=job.id, file=files[file]['path']) }}" class="waves-effect waves-light btn-small">
-          <i class="material-icons left">file_download</i>{{ file }}
-        </a>
+      <a href="{{ url_for('main.job_download', job_id=job.id, file=files[file]['path']) }}" class="waves-effect waves-light btn-small">
+        <i class="material-icons left">file_download</i>{{ file }}
+      </a>
       {% endfor %}
       </p>
 
@@ -167,13 +177,13 @@
       <p>&nbsp;</p>
       <span class="card-title">Results</span>
       <p>
-      {% for file in files %}
+        {% for file in files %}
         {% for result in files[file]['results'] %}
-          <a href="{{ url_for('main.job_download', job_id=job.id, file=files[file]['results'][result]['path']) }}" class="waves-effect waves-light btn-small">
-            <i class="material-icons left">file_download</i>{{ result }}
-          </a>
+        <a href="{{ url_for('main.job_download', job_id=job.id, file=files[file]['results'][result]['path']) }}" class="waves-effect waves-light btn-small">
+          <i class="material-icons left">file_download</i>{{ result }}
+        </a>
+        {% endfor %}
         {% endfor %}
-      {% endfor %}
       </p>
       {% endif %}
   </div>