Add option to download a pcap of a stream from search result list - f…

…ixes #63
spq · Dec 19, 2023 · 81c5529 · 81c5529
1 parent 20bfeb2
commit 81c5529
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/web/src/components/Results.vue b/web/src/components/Results.vue
@@ -193,7 +193,8 @@
             <th class="text-left">Bytes</th>
             <th class="text-left">Server</th>
             <th class="text-left">Bytes</th>
-            <th class="text-right">Time</th>
+            <th class="text-right pr-0">Time</th>
+            <th style="width: 0" class="px-0"></th>
           </tr>
         </thead>
         <tbody>
@@ -252,11 +253,16 @@
                 }}</span>
               </td>
               <td
-                class="text-right"
+                class="text-right pr-0"
                 :title="stream.Stream.FirstPacket | formatDateLong"
               >
                 {{ stream.Stream.FirstPacket | formatDate }}
               </td>
+              <td style="width: 0" class="px-0">
+                <v-btn :href="`/api/download/${stream.Stream.ID}.pcap`" icon @click.native.stop>
+                  <v-icon>mdi-download</v-icon>
+                </v-btn>
+              </td>
             </tr>
           </router-link>
         </tbody>