From 7835cc34c847ee6f723adbced3c9c86f73c036f1 Mon Sep 17 00:00:00 2001
From: Tim Bishop <tim@bishnet.net>
Date: Wed, 31 Oct 2018 18:13:08 +0000
Subject: [PATCH] Insert audited items to the top of the list. (#6376)

When doing a large number of items they soon disappear off the bottom of
the screen. It's handy to be able to check the result as it's happening
so adding them to the top of the list keeps the most recent items visible.

Move the "Processing..." spinner to the header so it stays at the top.
---
 resources/views/hardware/quickscan.blade.php | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/resources/views/hardware/quickscan.blade.php b/resources/views/hardware/quickscan.blade.php
index 620b4aad0..4e5fc31b5 100644
--- a/resources/views/hardware/quickscan.blade.php
+++ b/resources/views/hardware/quickscan.blade.php
@@ -103,18 +103,18 @@
 
                     <table id="audited" class="table table-striped snipe-table">
                         <thead>
-                        <tr>
-                            <th>{{ trans('general.asset_tag') }}</th>
-                            <th>{{ trans('general.bulkaudit_status') }}</th>
-                            <th></th>
-                        </tr>
-                        </thead>
-                        <tbody>
+                            <tr>
+                                <th>{{ trans('general.asset_tag') }}</th>
+                                <th>{{ trans('general.bulkaudit_status') }}</th>
+                                <th></th>
+                            </tr>
                             <tr id="audit-loader" style="display: none;">
                                 <td colspan="3">
                                     <i class="fa fa-spinner spin" aria-hidden="true"></i> Processing...
                                 </td>
                             </tr>
+                        </thead>
+                        <tbody>
                         </tbody>
                     </table>
                 </div>
@@ -150,7 +150,7 @@
                 data : formData,
                 success : function (data) {
                     if (data.status == 'success') {
-                        $('#audited tbody').append("<tr class='success'><td>" + data.payload.asset_tag + "</td><td>" + data.messages + "</td><td><i class='fa fa-check text-success'></i></td></tr>");
+                        $('#audited tbody').prepend("<tr class='success'><td>" + data.payload.asset_tag + "</td><td>" + data.messages + "</td><td><i class='fa fa-check text-success'></i></td></tr>");
                         incrementOnSuccess();
                     } else {
                         handleAuditFail(data);
@@ -180,7 +180,7 @@
             } else {
                 var messages = '';
             }
-            $('#audited tbody').append("<tr class='danger'><td>" + asset_tag + "</td><td>" + messages + "</td><td><i class='fa fa-times text-danger'></i></td></tr>");
+            $('#audited tbody').prepend("<tr class='danger'><td>" + asset_tag + "</td><td>" + messages + "</td><td><i class='fa fa-times text-danger'></i></td></tr>");
         }
 
         function incrementOnSuccess() {