mirror of
https://github.com/EFForg/rayhunter.git
synced 2026-04-27 07:59:59 -07:00
Additional mobile manifest card UI tweaks
This commit is contained in:
@@ -1,7 +1,8 @@
|
||||
<script lang="ts">
|
||||
let { url, text }: {
|
||||
let { url, text, full_button=false }: {
|
||||
url: string;
|
||||
text: string;
|
||||
full_button?: boolean;
|
||||
} = $props();
|
||||
|
||||
function download() {
|
||||
@@ -9,7 +10,7 @@
|
||||
}
|
||||
</script>
|
||||
|
||||
<button class="text-blue-600 flex flex-row underline" onclick={download}>
|
||||
<button class="flex flex-row {full_button ? 'bg-blue-500 hover:bg-red-700 text-white font-bold py-2 px-4 rounded-md' : 'text-blue-600 underline'}" onclick={download}>
|
||||
{text} <svg class="fill-current w-4 h-4 m-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
|
||||
<path d="M13 8V2H7v6H2l8 8 8-8h-5zM0 18h20v2H0v-2z"/>
|
||||
</svg>
|
||||
|
||||
@@ -29,15 +29,17 @@
|
||||
analysis_visible = !analysis_visible;
|
||||
}
|
||||
</script>
|
||||
<div class="{status_row_color} drop-shadow p-4 flex flex-col">
|
||||
<span class="">Name: {entry.name}</span>
|
||||
<div class="{status_row_color} drop-shadow p-4 flex flex-col gap-2">
|
||||
<div class="flex flex-row justify-between">
|
||||
<span class="">Name: {entry.name}</span>
|
||||
<span class=""><AnalysisStatus onclick={toggle_analysis_visibility} entry={entry} /></span>
|
||||
</div>
|
||||
<span class="">Started: {date_formatter.format(entry.start_time)}</span>
|
||||
<span class="">Last Message: {date_formatter.format(entry.last_message_time)}</span>
|
||||
<span class="">Size: {entry.qmdl_size_bytes} bytes</span>
|
||||
<span class=""><AnalysisStatus onclick={toggle_analysis_visibility} entry={entry} /></span>
|
||||
<div class="flex flex-row justify-between">
|
||||
<span class=""><DownloadLink url={entry.get_pcap_url()} text="pcap" /></span>
|
||||
<span class=""><DownloadLink url={entry.get_qmdl_url()} text="qmdl" /></span>
|
||||
<div class="flex flex-row justify-between mt-2">
|
||||
<DownloadLink url={entry.get_pcap_url()} text="pcap" full_button=true />
|
||||
<DownloadLink url={entry.get_qmdl_url()} text="qmdl" full_button=true />
|
||||
{#if current}
|
||||
<RecordingControls {server_is_recording} />
|
||||
{:else}
|
||||
|
||||
@@ -7,7 +7,7 @@
|
||||
</script>
|
||||
|
||||
<div>
|
||||
<p class="text-xl">System Stats</p>
|
||||
<p class="text-xl mb-2">System Information</p>
|
||||
<table class="table-auto border">
|
||||
<tbody>
|
||||
<tr class="border">
|
||||
|
||||
Reference in New Issue
Block a user