Skip to content

Commit f2c6a3e

Browse files
doomedravendoomedraven
authored
Improve table header styling and button colors (kevoreilly#2855)
Updated table headers in file info templates to use right-aligned, info-colored text for better readability. Sorted payloads by size in descending order. Changed certain button colors in the analysis overview for improved UI consistency.
1 parent 6aef828 commit f2c6a3e

File tree

4 files changed

+61
-61
lines changed

4 files changed

+61
-61
lines changed

‎data/html/sections/payloads.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ <h4>Payloads</h4>
44
</div>
55
{% if "CAPE" in results and results.CAPE.payloads %}
66
<div id="accordionPayloads">
7-
{% for file in results.CAPE.payloads %}
7+
{% for file in results.CAPE.payloads|sort(attribute='size', reverse=True) %}
88
<div class="card mt-2">
99
<div class="card-header" id="headingPayload{{loop.index}}">
1010
<h5 class="mb-0">

‎web/templates/analysis/generic/_file_info.html‎

Lines changed: 29 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -23,27 +23,27 @@ <h5 class="mb-0 text-white"><i class="fas fa-file-alt me-2 text-primary"></i> Fi
2323
<table class="table table-dark table-striped mb-0" style="table-layout: fixed;">
2424
{% if source_url %}
2525
<tr>
26-
<th style="width: 15%;">Downloaded From</th>
26+
<th class="text-end text-info" style="width: 15%;">Downloaded From</th>
2727
<td class="text-break">{{source_url|escape}}</td>
2828
</tr>
2929
{% endif %}
3030

3131
{% if file.note %}
3232
<tr>
33-
<th style="width: 15%;">Note</th>
33+
<th class="text-end text-info" style="width: 15%;">Note</th>
3434
<td class="text-break"><strong>{{file.note}}</strong></td>
3535
</tr>
3636
{% endif %}
3737

3838
{% if file.cape_type %}
3939
<tr>
40-
<th style="width: 15%;">Type</th>
40+
<th class="text-end text-info" style="width: 15%;">Type</th>
4141
<td><strong>{{file.cape_type}}</strong></td>
4242
</tr>
4343
{% endif %}
4444

4545
<tr>
46-
<th style="width: 15%;">File Name</th>
46+
<th class="text-end text-info" style="width: 15%;">File Name</th>
4747
<td class="text-break">
4848
{% for name in file.name|str2list %}
4949
<div><strong>{{name|safe}}</strong></div>
@@ -53,14 +53,14 @@ <h5 class="mb-0 text-white"><i class="fas fa-file-alt me-2 text-primary"></i> Fi
5353

5454
{% if file.type %}
5555
<tr>
56-
<th style="width: 15%;">File Type</th>
56+
<th class="text-end text-info" style="width: 15%;">File Type</th>
5757
<td>{{file.type}}</td>
5858
</tr>
5959
{% endif %}
6060

6161
{% if file.guest_paths and tab_name == "dropped" %}
6262
<tr>
63-
<th style="width: 15%;">Associated Filenames</th>
63+
<th class="text-end text-info" style="width: 15%;">Associated Filenames</th>
6464
<td class="text-break">
6565
{% for path in file.guest_paths|str2list %}
6666
<div>{{path}}</div>
@@ -70,73 +70,73 @@ <h5 class="mb-0 text-white"><i class="fas fa-file-alt me-2 text-primary"></i> Fi
7070
{% endif %}
7171

7272
<tr>
73-
<th style="width: 15%;">File Size</th>
73+
<th class="text-end text-info" style="width: 15%;">File Size</th>
7474
<td>{{file.size}} bytes</td>
7575
</tr>
7676

7777
{% if file.module_path and file.process_path != file.module_path %}
7878
<tr>
79-
<th style="width: 15%;">Module Path</th>
79+
<th class="text-end text-info" style="width: 15%;">Module Path</th>
8080
<td class="text-break">{{file.module_path}}</td>
8181
</tr>
8282
{% endif %}
8383

8484
<!-- Advanced Process Info -->
8585
{% if file.cape_type_code == 8 or file.cape_type_code == 9 %}
8686
<tr>
87-
<th style="width: 15%;">Virtual Address</th>
87+
<th class="text-end text-info" style="width: 15%;">Virtual Address</th>
8888
<td>{{file.virtual_address}}</td>
8989
</tr>
9090
{% endif %}
9191
{% if file.cape_type_code == 5 %}
9292
<tr>
93-
<th style="width: 15%;">Section Handle</th>
93+
<th class="text-end text-info" style="width: 15%;">Section Handle</th>
9494
<td>{{file.section_handle}}</td>
9595
</tr>
9696
{% endif %}
9797
{% if file.cape_type_code == 3 or file.cape_type_code == 4 %}
9898
<tr>
99-
<th style="width: 15%;">Target Process</th>
99+
<th class="text-end text-info" style="width: 15%;">Target Process</th>
100100
<td>{{file.target_process}} (PID: {{file.target_pid}})</td>
101101
</tr>
102102
<tr>
103-
<th style="width: 15%;">Target Path</th>
103+
<th class="text-end text-info" style="width: 15%;">Target Path</th>
104104
<td class="text-break">{{file.target_path}}</td>
105105
</tr>
106106
<tr>
107-
<th style="width: 15%;">Injecting Process</th>
107+
<th class="text-end text-info" style="width: 15%;">Injecting Process</th>
108108
<td>{{file.process_name}} (PID: {{file.pid}})</td>
109109
</tr>
110110
<tr>
111-
<th style="width: 15%;">Path</th>
111+
<th class="text-end text-info" style="width: 15%;">Path</th>
112112
<td class="text-break">{{file.process_path}}</td>
113113
</tr>
114114
{% else %}
115115
{% if file.process_name %}
116116
<tr>
117-
<th style="width: 15%;">Process</th>
117+
<th class="text-end text-info" style="width: 15%;">Process</th>
118118
<td>{{file.process_name}} {% if file.pid %}(PID: {{file.pid}}){% endif %}</td>
119119
</tr>
120120
{% endif %}
121121
{% if file.process_path %}
122122
<tr>
123-
<th style="width: 15%;">Path</th>
123+
<th class="text-end text-info" style="width: 15%;">Path</th>
124124
<td class="text-break">{{file.process_path}}</td>
125125
</tr>
126126
{% endif %}
127127
{% endif %}
128128

129129
<!-- Hashes -->
130130
<tr>
131-
<th style="width: 15%;">MD5</th>
131+
<th class="text-end text-info" style="width: 15%;">MD5</th>
132132
<td class="text-monospace">{{file.md5}}</td>
133133
</tr>
134134
<tr>
135-
<th style="width: 15%;">SHA1</th>
135+
<th class="text-end text-info" style="width: 15%;">SHA1</th>
136136
<td class="text-monospace">{{file.sha1}}</td>
137137
</tr>
138138
<tr>
139-
<th style="width: 15%;">SHA256</th>
139+
<th class="text-end text-info" style="width: 15%;">SHA256</th>
140140
<td class="text-monospace">
141141
{{file.sha256}}
142142
<span class="ms-2">
@@ -148,35 +148,35 @@ <h5 class="mb-0 text-white"><i class="fas fa-file-alt me-2 text-primary"></i> Fi
148148
</tr>
149149
{% if file.sha3_384 %}
150150
<tr>
151-
<th>SHA3-384</th>
151+
<th class="text-end text-info">SHA3-384</th>
152152
<td class="text-monospace text-break">{{file.sha3_384}}</td>
153153
</tr>
154154
{% endif %}
155155
{% if file.rh_hash %}
156156
<tr>
157-
<th>RichHeader Hash</th>
157+
<th class="text-end text-info">RichHeader Hash</th>
158158
<td class="text-monospace">{{file.rh_hash}}</td>
159159
</tr>
160160
{% endif %}
161161
<tr>
162-
<th>CRC32</th>
162+
<th class="text-end text-info">CRC32</th>
163163
<td class="text-monospace">{{file.crc32}}</td>
164164
</tr>
165165
{% if file.tlsh %}
166166
<tr>
167-
<th>TLSH</th>
167+
<th class="text-end text-info">TLSH</th>
168168
<td class="text-monospace text-break">{{file.tlsh}}</td>
169169
</tr>
170170
{% endif %}
171171
<tr>
172-
<th>Ssdeep</th>
172+
<th class="text-end text-info">Ssdeep</th>
173173
<td class="text-monospace text-break">{{file.ssdeep}}</td>
174174
</tr>
175175

176176
<!-- External Tools -->
177177
{% if file.clamav %}
178178
<tr>
179-
<th style="width: 15%;">ClamAV</th>
179+
<th class="text-end text-info" style="width: 15%;">ClamAV</th>
180180
<td>
181181
<ul class="list-unstyled mb-0">
182182
{% for sign in file.clamav %}
@@ -189,7 +189,7 @@ <h5 class="mb-0 text-white"><i class="fas fa-file-alt me-2 text-primary"></i> Fi
189189

190190
{% if file.yara %}
191191
<tr>
192-
<th style="width: 15%;">
192+
<th class="text-end text-info" style="width: 15%;">
193193
{% if config.yara_detail %}
194194
<a class="btn btn-sm btn-outline-light" data-bs-toggle="collapse" href="#yara_{{file.sha256}}" role="button"><i class="fas fa-file-code"></i> Yara</a>
195195
{% else %}
@@ -212,7 +212,7 @@ <h5 class="mb-0 text-white"><i class="fas fa-file-alt me-2 text-primary"></i> Fi
212212

213213
{% if file.cape_yara %}
214214
<tr>
215-
<th style="width: 15%;">
215+
<th class="text-end text-info" style="width: 15%;">
216216
{% if config.yara_detail %}
217217
<a class="btn btn-sm btn-outline-light" data-bs-toggle="collapse" href="#capeyara_{{file.sha256}}" role="button"><i class="fas fa-file-signature"></i> CAPE Yara</a>
218218
{% else %}
@@ -234,7 +234,7 @@ <h5 class="mb-0 text-white"><i class="fas fa-file-alt me-2 text-primary"></i> Fi
234234

235235
{% if file.trid %}
236236
<tr>
237-
<th style="width: 15%;">TriD</th>
237+
<th class="text-end text-info" style="width: 15%;">TriD</th>
238238
<td>
239239
<ul class="list-unstyled mb-0">
240240
{% for str in file.trid %}<li>{{str}}</li>{% endfor %}
@@ -245,7 +245,7 @@ <h5 class="mb-0 text-white"><i class="fas fa-file-alt me-2 text-primary"></i> Fi
245245

246246
{% if file.die %}
247247
<tr>
248-
<th style="width: 15%;">Detect It Easy</th>
248+
<th class="text-end text-info" style="width: 15%;">Detect It Easy</th>
249249
<td>
250250
<ul class="list-unstyled mb-0">
251251
{% for str in file.die %}<li>{{str}}</li>{% endfor %}

0 commit comments

Comments
 (0)