- Move large sections into partials: - forms → templates/_include_forms.html - scripts → templates/_include_scripts.html (if applicable) - Add Tailwind component classes in assets/input.css: - .badge + variants (.badge-ok, .badge-warn, .badge-danger, .badge-muted, .badge-info, .badge-success, .badge-success-solid) - .chip - .card - Override .border-gray-800 to fixed color (no opacity var) - Stabilize table layouts: - Use table-fixed + <colgroup> with percentage widths - Forms cols: 10% / 10% / 15% / 45% / 25% - Scripts cols: 10% / 20% / 45% / 25% - Remove inner fixed-width wrapper from snippet cells; use w-full + wrapping to prevent column jitter - Update templates to use new badge/chip classes
58 lines
2.3 KiB
HTML
58 lines
2.3 KiB
HTML
<!-- /templates/partials/result_enrichment.html -->
|
|
<section id="enrichment" class="bg-card border border-gray-800 rounded-xl p-4">
|
|
<h2 class="text-lg font-semibold mb-3">Enrichment</h2>
|
|
|
|
{% if enrichment.whois %}
|
|
<h3 class="text-base font-semibold mt-2 mb-2">WHOIS</h3>
|
|
<div class="overflow-x-auto">
|
|
<table class="min-w-full text-sm">
|
|
<thead class="text-gray-400 border-b border-gray-800">
|
|
<tr>
|
|
<th class="text-left py-2 pr-4">Field</th>
|
|
<th class="text-left py-2 pr-4">Value</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for k, v in enrichment.whois.items() %}
|
|
<tr class="border-b border-gray-900">
|
|
<td class="py-2 pr-4 whitespace-nowrap">{{ k.replace('_', ' ').title() }}</td>
|
|
<td class="py-2 pr-4 break-all">{{ v }}</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
{% endif %}
|
|
|
|
{% if enrichment.raw_whois %}
|
|
<h3 class="text-base font-semibold mt-4 mb-2">Raw WHOIS</h3>
|
|
<pre class="bg-[#0b0f14] border border-gray-800 rounded-lg p-3 overflow-x-auto text-sm">{{ enrichment.raw_whois }}</pre>
|
|
{% endif %}
|
|
|
|
{% if enrichment.geoip %}
|
|
<h3 class="text-base font-semibold mt-4 mb-2">GeoIP</h3>
|
|
{% for ip, info in enrichment.geoip.items() %}
|
|
<details class="border border-gray-800 rounded-lg mb-2">
|
|
<summary class="px-3 py-2 cursor-pointer hover:bg-gray-900/50">{{ ip }}</summary>
|
|
<div class="px-3 pb-3 overflow-x-auto">
|
|
<table class="min-w-full text-sm">
|
|
<tbody>
|
|
{% for key, val in info.items() %}
|
|
<tr class="border-b border-gray-900">
|
|
<td class="py-2 pr-4 whitespace-nowrap text-gray-400">{{ key.replace('_', ' ').title() }}</td>
|
|
<td class="py-2 pr-4 break-all">{{ val }}</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</details>
|
|
{% endfor %}
|
|
{% endif %}
|
|
|
|
{% if not enrichment.whois and not enrichment.raw_whois and not enrichment.geoip and not enrichment.bec_words %}
|
|
<p class="text-sm text-gray-500">No enrichment data available.</p>
|
|
{% endif %}
|
|
|
|
<p class="mt-2"><a href="#top-jump-list" class="text-sm text-gray-400 hover:text-blue-400">Back to top</a></p>
|
|
</section> |