SecurityViolationsTable
components/security/ViolationsTable.vue
Sortable violations table with Source, Dataflow, Destination, Violation, and Time columns. Uses UxTableList internally with SecurityDataFlow for the data-type column.
Source | Dataflow | Destination | Violation | Time |
|---|---|---|---|---|
ruby.exe | PII | S api.stripe.io | Data leaving EU | Sept 18, 12:57 PM |
node.exe | PIIPHI | S analytics.google.com | Unencrypted PII | Sept 18, 1:04 PM |
python.exe | SSN | S logs.datadog.com | Data leaving EU | Sept 17, 11:32 AM |
ruby.exe | PII | S api.stripe.io | Unauthorized vendor | Sept 17, 9:15 AM |
Grape color variant
Source | Dataflow | Destination | Violation | Time |
|---|---|---|---|---|
ruby.exe | PII | S api.stripe.io | Data leaving EU | Sept 18, 12:57 PM |
node.exe | PIIPHI | S analytics.google.com | Unencrypted PII | Sept 18, 1:04 PM |
python.exe | SSN | S logs.datadog.com | Data leaving EU | Sept 17, 11:32 AM |
ruby.exe | PII | S api.stripe.io | Unauthorized vendor | Sept 17, 9:15 AM |
components/security/ViolationsTable.vue
Usage
<SecurityViolationsTable
:violations = "—"
color = "red"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| violations | Array | — | Array of violation records: { id, source, dataTypes, destination, violation, time } (required) |
| color | String | 'red' | Color palette passed to SecurityDataFlow: 'red' | 'grape' | 'black' |