Раскладка файлов после распознавния

web/templates/index.html

@@ -19,9 +19,17 @@
     .state { font-size: .8rem; padding: .1rem .5rem; border-radius: 1rem; background: #8883; white-space: nowrap; }
     .state-completed { background: #2ecc7155; }
     .state-downloading { background: #3498db55; }
+    .state-recognizing { background: #9b59b655; }
+    .state-review { background: #f1c40f88; }
+    .state-deferred { background: #f39c1255; }
+    .state-linking { background: #1abc9c55; }
+    .state-done { background: #2ecc7188; }
     .state-stuck { background: #f39c1255; }
     .state-failed { background: #e74c3c55; }
     .state-cancelled { background: #95a5a655; }
+    .state-reverted { background: #95a5a655; }
+    .actions { display: flex; gap: .4rem; flex-wrap: wrap; }
+    a.button { display: inline-block; padding: .35rem .6rem; border: 1px solid #8886; border-radius: .3rem; text-decoration: none; }
     small { color: #8888; }
   </style>
 </head>
@@ -52,11 +60,21 @@
           {{if .Error}}<br><small>{{.Error}}</small>{{end}}
         </td>
         <td>
-          {{if not .Terminal}}
-          <form method="post" action="/ui/downloads/{{.ID}}/cancel">
-            <button type="submit">Отклонить</button>
-          </form>
-          {{end}}
+          <div class="actions">
+            {{if .Reviewable}}
+            <a class="button" href="/review/{{.ID}}">Ревью →</a>
+            {{end}}
+            {{if .Undoable}}
+            <form method="post" action="/ui/downloads/{{.ID}}/undo">
+              <button type="submit">Откатить</button>
+            </form>
+            {{end}}
+            {{if not .Terminal}}
+            <form method="post" action="/ui/downloads/{{.ID}}/cancel">
+              <button type="submit">Отклонить</button>
+            </form>
+            {{end}}
+          </div>
         </td>
       </tr>
     {{else}}