MT#7247 max_uuids and order uuid

Change-Id: Ia827ec5a6a4e66f711fd8105786fb4985eb34839

panel/static/panel/js/panel.js

@@ -223,7 +223,7 @@ function create_new_uuid_panel(project, uuid) {
     ' <span class="badge">' + $.release[project][uuid].jobs.size + '</span></a>');
 
   // put it on the proper place
-  div_uuid.appendTo('#' + project + ' > .panel-body');
+  div_uuid.prependTo('#' + project + ' > .panel-body');
   console.debug('uuid ' + uuid + ' created for ' + project);
 }
 
@@ -258,6 +258,26 @@ function create_new_job(release, project, uuid, job) {
   }
 }
 
+function clean_uuids(release, project) {
+  if ($.release.max_uuids == 0) { return; }
+  if ($.release[project].uuids.size >= $.release.max_uuids) {
+    var step = $.release[project].uuids.size - $.release.max_uuids;
+    for (var uuid of $.release[project].uuids) {
+      if (step==0) { return; }
+      console.debug(uuid);
+      if (uuid != $.release[project].last_uuid)
+      {
+        if($.release[project][uuid] && $.release[project][uuid].timer)
+        {
+          clearInterval($.release[project][uuid].timer);
+        }
+        $('#' + project + '-' + uuid).remove();
+        step--;
+      }
+    }
+  }
+}
+
 function create_new_uuid(release, project, uuid) {
   if (uuid == null || $.release[project].uuids.has(uuid)) {
     return;
@@ -267,6 +287,7 @@ function create_new_uuid(release, project, uuid) {
   $.release[project].last_uuid = uuid;
   $.release[project][uuid] = { failed: false, jobs: new Set(),};
 
+  clean_uuids(release, project);
   create_new_uuid_panel(project, uuid);
   update_uuid_info(release, project, uuid);
   set_project_status(project, {created: true});

panel/templates/panel/project.html

@@ -31,6 +31,7 @@
 {% block extrajs %}
 <script type="text/javascript">
 $( document ).ready(function() {
+  $.release.max_uuids = 0;
   create_new_project('{{ release }}', '{{ project }}');
 });
 </script>

panel/templates/panel/release.html

@@ -89,6 +89,7 @@
 {% block extrajs %}
 <script type="text/javascript">
 $( document ).ready(function() {
+  $.release.max_uuids = 2;
   $.release.timer = setInterval(function(){
     get_projects('{{release}}');
   }, $.release.interval);