admin: Improve file readability

admin/static/js/app.js

@@ -1352,7 +1352,7 @@ angular.module("FICApp")
 	$scope.files = File.query();
 	$scope.errfnd = null;
 	$scope.errzip = null;
-	$scope.fields = ["id", "path", "name", "checksum", "size"];
+	$scope.fields = ["id", "path", "name", "size"];
 
 	$scope.clearFiles = function(id) {
 	    File.delete(function() {
@@ -1376,12 +1376,15 @@ angular.module("FICApp")
 	    })
 	};
 	$scope.checksum = function(f) {
+            f.checkWIP = true;
 	    $http({
 		url: "api/files/" + f.id + "/check",
 		method: "POST"
 	    }).then(function(response) {
+                f.checkWIP = false;
 		f.err = true;
 	    }, function(response) {
+                f.checkWIP = false;
 		$scope.inSync = false;
 		$scope.errfnd += 1;
 		f.err = response.data.errmsg;

admin/static/js/common.js

@@ -200,6 +200,18 @@ angular.module("FICApp")
 	    else
 		return "";
 	}
+    })
+
+    .filter("bto16", function() {
+        return function(input) {
+          const raw = atob(input);
+          let result = '';
+          for (let i = 0; i < raw.length; i++) {
+            const hex = raw.charCodeAt(i).toString(16);
+            result += (hex.length === 2 ? hex : '0' + hex);
+          }
+          return result;
+	}
     });
 
 angular.module("FICApp")

admin/static/views/file-list.html

@@ -14,13 +14,17 @@
       <th ng-repeat="field in fields">
 	{{ field }}
       </th>
+      <th>checksum</th>
     </tr>
   </thead>
   <tbody>
     <tr ng-repeat="file in files | filter: query" ng-class="{'bg-danger': file.err !== undefined && file.err !== true}" ng-click="show(file)">
       <td>
-        <button type="button" class="btn btn-sm btn-light" ng-click="$event.stopPropagation();checksum(file)"><span class="glyphicon glyphicon-flash" aria-hidden="true"></span></button>
+        <button type="button" class="btn btn-sm btn-light" ng-click="$event.stopPropagation();checksum(file)" ng-disabled="file.checkWIP">
-        <button type="button" class="btn btn-sm btn-light" ng-click="$event.stopPropagation();gunzipFile(file)" ng-disabled="file.gunzipWIP">
+          <span class="glyphicon glyphicon-flash" aria-hidden="true" ng-if="!file.checkWIP"></span>
+          <div class="spinner-border spinner-border-sm" role="status" ng-if="file.checkWIP"></div>
+        </button>
+        <button type="button" class="btn btn-sm btn-light" ng-click="$event.stopPropagation();gunzipFile(file)" ng-disabled="file.gunzipWIP" ng-if="file.checksum_shown">
           <span class="glyphicon glyphicon-compressed" aria-hidden="true" ng-if="!file.gunzipWIP"></span>
           <div class="spinner-border spinner-border-sm" role="status" ng-if="file.gunzipWIP"></div>
         </button>
@@ -29,6 +33,10 @@
 	{{ file[field] }}
 	<span ng-if="field == 'id' && file.err !== undefined && file.err !== true" title="{{ file.err }}" class="glyphicon glyphicon-exclamation-sign"></span>
       </td>
+      <td>
+	{{ file.checksum | bto16 }}
+	<div ng-if="file.checksum_shown">{{ file.checksum_shown | bto16 }}</div>
+      </td>
     </tr>
   </tbody>
 </table>